html {
   background-color: #99cc66;
}

body {
   background-color: #99cc66;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin: 5px auto;
   padding: 0;
   width: 750px;
   opacity: .999999;
   color: #663300;
}
/*
a:link {color: #3300ff; text-decoration: none;}
a:visited {color: #3300ff; text-decoration: none;}
a:link:hover, a:visited:hover { text-decoration: underline; }
a:link:active, a:visited:active {color: #ff0000; text-decoration: underline;}
*/

/* page contruction*/

#maincontent {
   background: #fff url('../images/page_top.gif') no-repeat 0 0 ;
   padding: 0;
   width: 750px;
   height: 100%;
}

#header {
   position: relative;
   background: #99cc66 url('../images/logo_w_text.gif') no-repeat 20px 0 ;
   padding: 0;
   height: 85px;
}

* html #header {
   position: static;
}

#logolink {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 55px;
   background-color: transparent;
   border: 0;
   z-index: 1;
}




#bottomnav {
   background: #fff url('../images/page_bottom.gif') no-repeat bottom center ;
   clear: both;
   width: 100%;
}

#topnav a,
#topnav a:link,
#topnav a:link:visited {
   color: #ffffff;
   text-decoration: none;
}

#bottomnav a,
#bottomnav a:link,
#bottomnav a:link:visited {
   color: #CC6600;
   text-decoration: none;
}

#topnav a:link:hover,
#topnav a:link:focus,
#bottomnav a:link:hover,
#bottomnav a:link:focus {
   color: #99cc66;
   }


#details .wrapper {
   padding: 0 10px 0 10px;
}


#primary {
   color: #003366;
   background-color: #6699cc;
   border: 0;
   padding: 0;
   margin-left: 8px;
}

#primary.fullwidth .headline {
   background: #6699cc url('../images/734t.gif') no-repeat 0 0 !important;
}

#primary.fiveohfour .headline {
   background: #6699cc url('../images/504pr.gif') no-repeat 0 0 !important;
}

#primary.fullwidth .bottom {
   height: 14px;
   background: #6699cc url('../images/734tbottom.gif') no-repeat bottom center ;
}

#primary.fiveohfour .bottom {
   height: 14px;
   background: #6699cc url('../images/504prbottom.gif') no-repeat bottom center ;
}

#primary p {
   font-size: 14px;
   background-color: #6699cc;
   padding: 5px;
}

#chdaddress {
   text-align: center;
   color: #ffffff;
}

P, p, h1, h2, h3, H1, H2, H3 {
   text-align: left;
   display: block;
   line-height: 110%;
}


div p {
   padding: 5px;
   margin-top: 0;
   margin-bottom: 0;
}

#details div p {
   padding-left: 0;
}

div.item {
   margin-left: 8px;
}

* html div.item {
   margin-left: 4px;
}

* html div.right {
   margin-left: 8px !important;
}


/*box widths*/

.halfsize {
   width: 363px;
   background: transparent url('../images/halftop.gif') no-repeat 0 0 ;
}

.halfsize .bottom {
   clear: both;
   height: 14px;
   background: #FFFFFF url('../images/white-halfbottom.gif') no-repeat 0 0 ;
}

.twothird {
   width: 486px;
   background: transparent url('../images/twothirdtop.gif') no-repeat 0 0 ;
}

.twothird .bottom {
   clear: both;
   height: 14px;
   background: #FFFFFF url('../images/twothirdbottom.gif') no-repeat 0 0 ;
}


.onethird {
   width: 239px;
   background: transparent url('../images/onethirdtop.gif') no-repeat 0 0 ;
}


.onethird .bottom {
   clear: both;
   height: 14px;
   background: #FFFFFF url('../images/onethirdbottom.gif') no-repeat 0 0 ;
}

.twotwotwo {
   width: 222px;
   background: #B9C9D6 url('../images/222.gif') no-repeat 0 0 ;
}


.twotwotwo .bottom {
   clear: both;
   height: 14px;
   background: #FFFFFF url('../images/222bottom.gif') no-repeat 0 0 ;
}

.fiveohfour {
   width: 504px;
   background: transparent url('../images/504.gif') no-repeat 0 0 ;
}


.fiveohfour .bottom {
   clear: both;
   height: 14px;
   background: #FFFFFF url('../images/504bottom.gif') no-repeat 0 0 ;
}

.fullwidth {
   width: 734px;
   background: transparent url('../images/734.gif') no-repeat 0 0 ;
}


.fullwidth .bottom {
   clear: both;
   height: 14px;
   background: #FFFFFF url('../images/734bottom.gif') no-repeat 0 0 ;
}

.twofoureight {
   width: 248px;
   background: transparent url('../images/248.gif') no-repeat 0 0 ;
}


.twofoureight .bottom {
   clear: both;
   height: 14px;
   background: #FFFFFF url('../images/248bottom.gif') no-repeat 0 0 ;
}

#news.twofoureight {
   width: 248px;
   background: transparent url('../images/home_news.jpg') no-repeat 0 0 ;
}

#programs.twofoureight {
   width: 248px;
   background: transparent url('../images/home_programs.jpg') no-repeat 0 0 ;
}

#news .content_blue_left,
#programs .content_blue_left {
   margin-top: 102px;
}


.twotwotwo,
.fiveohfour,
.twofoureight,
.fullwidth,
.halfsize,
.twothird,
.onethird {
   margin-top: 5px;
   margin-left: 8px;
   float: left;
   padding-top: 14px;
}
* html #primary,
* html .fiveohfour,
* html .twofoureight,
* html .fullwidth,
* html .halfsize,
* html .twothird,
* html .onethird {
   height: 1%;
   margin-left: 4px;
}

* html .twotwotwo {
   height: 1%;
   margin-right: 4px;
}



.twotwotwo {
   float: right;
   margin-right: 8px;
}


.twotwotwo div.content {
   padding-left: 10px;
   padding-right: 10px;
}


.content_blue_left {
   background: url('../images/blue-left.png') repeat-y 0 0 ;
   padding-left: 10px;
}
.content_blue_right {
   background: url('../images/blue-right.png') top right repeat-y;
   padding-right: 10px;
}


.content_white_left {
   background: url('../images/white-left.png') top left repeat-y;
   padding-left: 10px;
}
.content_white_right {
   background: url('../images/white-right.png') top right repeat-y;
   padding-right: 10px;
   padding-top: 10px;
}


div.headline {
   font-size: 18px;
   padding: 5px;
   line-height:200%;
   background-color: #B9C9D6; /*#b9c9d8;*/
   text-transform: uppercase;
}
div.programname {
   font-size: 18px;
   padding-left: 5px;
   line-height:110%;
   color: #663300; /*#b9c9d8;*/
   text-transform: uppercase;
}

div.tagline {
   font-size: 14px;
   font-weight: bold;
   padding-left: 5px;
   line-height:200%;
   color: #003366; /*#b9c9d8;*/
}


div.headline .subhead {
   font-size: 14px;
   line-height:100%;
   text-transform: none;
}

div.headline .subcap {
   font-size: 12px;
   padding: 5px;
   line-height:100%;
   text-transform: none;
}


.twotwotwo div.headline {
   padding-left: 10px;
}

.subhead {
   font-weight: bold;
   font-size: 14px;
   padding-left: 0;
}


ul,
#programlist ul {
   list-style-type: none;
   padding: 0;
   margin: 0 0 0 5px;
}

#programlist ul ul{
   margin: 0px 0 0 15px;
}

#programlist ul ul li{
   margin: 10px 0 0 0;
   padding-bottom: 0;
}


ul.bullets {
   list-style-type: disc !important;
   padding-left: 10px !important;
   margin:  0 0 0 15px !important;
}

ul ul {
   list-style-type: none;
   padding: 0;
   margin: 15px;
}

li {
   padding-bottom: 10px;
}

li .subcap {
   clear: left;
}

#details ul {
   padding: 0;
   margin: 0;
}

#details lh {
   margin-top:  5px;
   font-weight: bold;
}

#details li {
   padding-bottom: 5px;
}

#details .item {
   padding-bottom: 10px;
}


#topnav {
   width: 100%;
   padding-top: 59px;
}
#topnav ul {
   height: 26px;
   overflow: hidden;
   width: 504px;
   margin: 0px auto 0px auto;
}


#topnav li {
   float: left;
   width: 126px;
   height: 26px;
   font-size: 16px;
   background: #CC6600 url('../images/nav_off.gif') no-repeat 0 0 ;
   color:#ffffff;
   text-align: center;
   padding-bottom: 0;
}

#topnav li:hover {
   background: #CC6600 url('../images/nav_on.gif') no-repeat 0 0 ;
}

#topnav li.active {
   color: #ffffff;
   background: #CC6600 url('../images/nav_on.gif') no-repeat 0 0 ;
}

#topnav li a {
   line-height: 30px;
}


#bottomnav ul {
   width: 450px;
   margin: 0 auto 15px auto;
   padding-bottom: 10px;
}

#bottomnav li {
   font-size: 14px;
   text-transform: capitalize;
   display: inline;
   color:#ffffff;
   padding: 5px 15px;
}

.content_white_right ul {
   list-style-type: disc;
   padding-left: 25px;
}


.spacer {
   clear: both;
   padding: 5px;
}

/* a single image and caption*/
div.inlineimage {
   float: right;
   clear: right;
   width: auto;
   padding: 5px;
   margin: 5px 5px 5px 25px;
   display: inline;
   line-height: 110%;
   min-height: 10px;
}

div.inlineimage .attribution {
   text-align: right;
   font-size: 10px;
   color: #663300;
   padding-bottom: 5px;
}

div.inlineimage .attribution a,
div.inlineimage .attribution a:link,
div.inlineimage .attribution a:visited
{
   text-decoration: none;
   color: #003366;
}


.pdf-file {
    background-image: url(/images/pdf-icon.gif);
}
.icon {
   background-position: right center;
   background-repeat: no-repeat;
   padding-right: 20px;
}


.clear {
   font-size: 1px;
   height: 0px;
   width: 0px;
   clear: left;
   line-height: 0px;
   display: block;
   float: none;
}

ul.quotes {
   padding-left: 0;
}

.quote {
   list-style-type: none;
   font-style: italic;
}

* html .quote { /*http://www.positioniseverything.net/explorer/italicbug-ie.html*/
   zoom: 1; 
   overflow: visible;
}

.quote .cite {
   display: block;
   clear: left;
   text-align: right;
}


/*page-specific tweaks - mostly forcing boxes to line up at the bottom*/

#donate .halfsize .content_white_right {
   height: 395px;
}

#aboutus .onethird .content_white_right,
#aboutus .twothird .content_white_right
{
   height: 175px;
}

#chdindex #news .content_white_right,
#chdindex #programs .content_white_right
{
   height: 110px;
}

#volunteer .halfsize .content_white_right {
   height: 665px;
}

#contactus .onethird .content_white_right,
#contactus .twothird .content_white_right {
   height: 295px;
}

#programsindex .halfsize .content_white_right {
   height: 240px;
}

#ourteam .halfsize .content_white_right {
   height: 500px;
}


#devnotice {
   background-color: #C03;
   color: #fff;
   font-size: 18px;
   line-height: 110%;
   text-align: center;
}