html, body {font: normal 100% "Myriad pro", Myriad, Arial, Verdana, Helvetica, sans-serif; color: #666; margin: 0; padding: 0; background: #002447;}
a img {border: 0;} 
#back {background: url("../i/bg_body_back.gif") repeat-x 0 123px #fff;}

form {margin: 0; padding: 0;}

/* links */
a:link, a:visited, a:active {color: #b83900; text-decoration: underline;}
a:hover {color: #b83900;}

#bg_header {width: 750px; margin: 0 auto; background: url("../i/bg_header.jpg") no-repeat;}
#bg_footer {width: 750px; margin: 0 auto; background: url("../i/bg_footer.gif") no-repeat 0 100%;}
#bg_sidebar {width: 750px; margin: 0 auto; background: url("../i/bg_sidebar.gif") repeat-y 100% 0 #fff;}

/* search */
#search {float: right; width: 275px; font-size: 70%;}
#search .text {width: 180px; height: 15px; font-size: 100%; color: #40461a; background: #d2db9b; border: 1px solid #8d9d2b;}

/* nav */
#about {position: absolute; z-index: 99; margin: 153px 0 0 0; padding: 0;}
#who {position: absolute; z-index: 98; margin: 154px 0 0 190px; padding: 0;}
#messages {position: absolute; z-index: 97; margin: 116px 0 0 376px; padding: 0;}
#support {position: absolute; z-index: 96; margin: 87px 0 0 562px; padding: 0;}

#nav a:link, #nav a:visited, #nav a:active {font-size: 120%; color: #fff;}
#nav a:hover {color: #fff;}

.nav_layer_1 {position: absolute; width: 150px; z-index: 1; background: url("../i/bg_layer_2.gif") no-repeat 0 100% #8FA212; margin: 53px 0 0 0; padding: 20px 20px 10px 20px;}
.nav_layer_1 ul {margin: 0; padding: 1em 0 0 .6em; list-style: none;}
.nav_layer_1 ul li {margin: 0 0 .5em 0; padding: 0; list-style: none;}

.nav_layer_2 {position: absolute; width: 146px; z-index: 2; background: url("../i/bg_layer.gif") no-repeat 0 100% #8FA212; margin: 43px 0 0 0; padding: 20px 20px 10px 20px;}
.nav_layer_2 ul {margin: 0; padding: 1.5em 0 0 .7em; list-style: none;}
.nav_layer_2 ul li {margin: 0 0 .5em 0; padding: 0; list-style: none;}

.nav_layer_3 {position: absolute; width: 146px; z-index: 3; background: url("../i/bg_layer_on_wg.gif") no-repeat 0 100% #8FA212; margin: 42px 0 0 0; padding: 20px 20px 10px 20px;}
.nav_layer_3 ul {margin: 0; padding: 1.2em 0 0 .5em; list-style: none;}
.nav_layer_3 ul li {margin: 0 0 .5em 0; padding: 0; list-style: none;}

.nav_layer_4 {position: absolute; width: 146px; z-index: 4; background: url("../i/bg_layer_on_green.gif") no-repeat 0 100% #8FA212; margin: 50px 0 0 0; padding: 20px 20px 10px 20px;}
.nav_layer_4 ul {margin: 0; padding: .3em 0 0 1em; list-style: none;}
.nav_layer_4 ul li {margin: 0 0 .5em 0; padding: 0; list-style: none;}

.navbtn {display: block; position: absolute; z-index: 300;}

/* container */
div#container {width: 750px; margin: 0 auto; text-align: left;}

/* content */
div#content {float: left; width: 553px;}
.padding {padding: 230px 15px 100px 15px;}

p {font-size: 75%; line-height: 1.4; margin: 0 0 1em 0;}
li {font-size: 75%; line-height: 1.4; margin: 0 0 .5em 0;}
li li {font-size: 100%;}

.red, .red p, .red li {color: #b83900;}
.grey, .grey p, .grey li {color: #a1a1a4;}

/* navigation*/
div#sidebar {float: right; width: 197px; padding: 140px 0 145px 0;}

/* subnav */
#subnav {float: left; width: 197px; background: url("../i/bg_subnav.gif") repeat-y #c7dcf2;}
#subnav ul {margin: 0; padding: 0; list-style: none; text-align: center; background: url("../i/bg_subnav_dot.gif") repeat-x 0 100%;}
#subnav ul li {margin: 0; padding: 0 0 37px 0; text-align: center;}

/* partners */
#partners {float: left; width: 197px;}
#partners ul {margin: 0; padding: 0; list-style: none; text-align: center;}
#partners ul li {margin: 0; padding: 7px 0; text-align: left; background: url("../i/bg_partners.gif") repeat-x 0 100%;}


/* extra */
div#extra {width: 100%;}

/* address */
#www {float: left; padding: 70px 0 0 15px;}
#logo_commoncause {float: right; width: 238px; height: 73px; padding: 0 15px 0 0;}
#address {float: right; width: 720px; font-size: 70%; line-height: 1.4; color: #fff; text-align: right; padding: 0 15px 0 0;}

/* footer */
div#footer {width: 100%; height: 58px; background: #e0e9d3; color: #FFF; margin: 3px 0 0 0;}
div#footer p {font-size: 70%; line-height: 1.3; color: #666; margin: 0; padding: 8px 15px 0 15px;}

.clear{clear: both; font-size: 0; line-height: 0; height: 0;}