/* Home.css */

/* Block all default margins and padding */
* {
    margin: 0;
    padding: 0;
}

body {
    /* Required to center wrapper in old browsers */
    text-align: center; 
    background-color: #66cccc;;
    font-family: "Trebuchet MS", Helvetica, Sans-Serif;
}

/* Wrapper sizes the layout */
#wrapper {
    /* Sets width of fixed or elastic layout */
    width: 47em; 
    /* Centers the layout (newer browsers) */
    margin: 20px auto 0 auto;
    background-color: #fff;
}

/* -- Start layout division styles -- */
/* Branding division */
#branding {
    /* Style to taste */
    position: relative;
    height: 11.25em; 
    background-color: #d6f5f5;
    border-bottom: solid 2px #bb0000;
}

/* Navigation column */
#navcolumn {
    float: left; 
    /* Style to taste */
    width: 10em;
    padding: 1em 0;
    background-color: #d6f5f5;
    border-top: solid 6px #fff;
    border-bottom: solid 6px #fff;
    border-left: solid 6px #fff;
    border-right: solid 2px #d6f5f5;
}

/* Content division */
#content {
    /* Leave room for leftcolumn */
    margin-left: 10.5em; 
    /* Optional, style to taste */
    text-align:left;
    padding-top:1em;
    padding-bottom: 0.5em;
    background-color: #fff;
    color: #000;
}

/* Footer division */
#footer {
    /* Clear floated column */
    clear:left; 
    /* Optional, style to taste */
    background-color: #d6f5f5;
    color: #000;
    border-top: solid 2px #bb0000;
    height: 8em;
}

/*Table for images within footer division */
table.images {
    border-style: none;
    padding: 2px;
    width: 100%;
}


/* -- End layout division styles -- */

/* -- Start Content division styles -- */
/* Heading 1 tags in content division */
#content h1 {
    margin-left: 12px;
    font-size: 1.25em;
    color: #bb0000;
}

/* Heading 2 tags in content division */
#content h2 {
    margin-left: 12px;
    font-size: 1em;
}

/* Paragraphs in content division */
#content p {
    font-size: 0.90em;
    line-height: 1.5em;
    margin: 1em 12px;
}

/* Font for This Page Updated */
p.update {
font-style: italic;
}

/* Bulleted lists in content division */
#content ul {
    font-size: 0.85em;
    margin: 1em 20px 1em 40px;
}

#content ul li {
    margin-bottom: 0.5em;
}

/* -- End Content division styles -- */

/* -- Start divisions within branding division styles --*/


/* ribbon division */
#ribbon {
   position: absolute;
   top:2.75em;
   left:2em;
}

/* Applies to images in the ribbon division */
#ribbon img{
   width:4em;
}


/* logo division */
#logo {
    position: absolute;
    top: 1em;    
    left: 10em;
    padding:.25em;
}

/* Applies to images in the logo division */
#logo img{
     width:13em;
}

/* Slideshow division */
#slideshow {
    float: right;
}

/* tag line division */
#tagline {
    position: absolute;
    top:  10em;
    left: 10em;
}

/* Paragraph in branding division */ 
#branding p{
   font-family:"Trebuchet MS", Helvetica, sans-serif; 
   font-size:.90em; 
   font-style: italic;
   padding-bottom:.5em; 
   padding-left:1em;
}

/* -- End Branding Division styles -- */

/* -- Start Navcolumn styles -- */

/* Format ul in navcolumn */
#navcolumn ul {
  list-style-type:none;
  font-family: "Trebuchet MS", Helvetica, sans-serif; 
  font-size: 90%;
  text-align: left;
  padding-left: .50em;
}

/* Format li in navcolumn */
#navcolumn li {
   padding-bottom: 1em;
}

/* -- Format Links -- */

/* Unvisited and visted links (no underline) */
a:link, a:visited, a:active {
   color: #930; /* brown */ 
   text-decoration: none;
}

/*hover links (underline) */
a:hover {
  color: #ff0000; /* red*/
  text-decoration: underline;
}


body#home a#menu-home,
body#contact a#menu-contact,
body#testing a#menu-testing,
body#careservices a#menu-careservices,
body#preventionservices a#menu-preventionservices,
body#hi_vgroup a#menu-hi_vgroup,
body#hotlines a#menu-hotlines,
body#aidsnetdocuments a#menu-aidsnetdocuments,
body#subgranteeinfo a#menu-subgranteeinfo,
body#board a#menu-board,
body#events a#menu-events,
body#links a#menu-links,
body#sitemap a#menu-sitemap {
     color:#bb0000;
     background:#fff;
     display:block;
     text-decoration: none;
     font-size:1em;
     font-style:italic;
}

/* -- End format of links -- */

/* -- End Navcolumn styles -- */


/* -- Begin styles within Footer --*/


/* Applies to image in the first footer division */
img.cell1{
   width:17em;
   padding: .5em;
}

/* Applies to image in the second footer division */
img.cell2{
   width:8em;
   padding: .5em;
}

/* Applies to image in the third footer division */
img.cell3{
   width:12em;
   padding: .5em;
}


/* Applies to all Images within footer */
img {
    border-style: none;
}

/*DOH Paragraph in third footer division */

p.doh, p.cr {
   font-family:"Trebuchet MS", Helvetica, sans-serif; 
   font-size:.60em; 
   font-style:normal;
   color: #000;
   padding:.25em;
   height:.65em;
   line-height:1em;
} 

/*-- End styles for Footer --*/