/* CSS Document */
body {color: #000000; background-color: #CADEFF; margin: 0; background-image: url(../images/body_bg.jpg); background-position: top; background-repeat: repeat-x;}
#frame {color: #000000; width: 1000px; float: left;}
#header {color: #000000; height: 165px; width: 1000px; background-image: url(../images/header.jpg); background-position: left; background-repeat: no-repeat;}
#menu {color: #000000; height: 48px; width: 1000px; background-image: url(../images/content_bg.jpg); background-position: left; background-repeat: repeat-y;}
#content {color: #000000; width: 1000px; background-image: url(../images/content_bg.jpg); background-position: left; background-repeat: repeat-y;}
#branding {color: #000000; width: 365px; margin: auto; height: 90px; vertical-align: middle;}
#cc {float: left;}
#steps {float: right;}
#footer {color: #000000; height:39px; width: 1000px; background-image: url(../images/footer.jpg); background-position: left; background-repeat: no-repeat; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-align: center;}
#subFooter {color: #77AAFF; height: 40px; width: 1000px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; padding-top: 15px;}
#subFooter a, #subFooter a:active, #subFooter a:visited {color: #77AAFF; font-weight: bold; text-decoration: none}

#clear {clear: both;}
.clear {clear: both;}
h1 {color: #00589B; margin: 0; padding-left: 40px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 22px;}
h2 {color: #00589B; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 18px;}
h3 {color: #00589B; margin: 0; padding-left: 40px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 14px;}
h4 {color: #000000; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;}
#content h2 {color: #00589B; padding-left: 40px; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 18px;}
p {margin: 0; padding: 8px 40px 6px 40px; line-height: 150%;}
p.smallLink {color: #FF3300; font-family:Arial, Helvetica, sans-serif; font-size: 10px; line-height: 100%;}
p.mission {padding: 3px 10px 3px 10px;}
#content a, #content a:active, #content a:visited {color: #FF3300; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
#content a:hover {color: #FF3300; font-family: Arial, Helvetica, sans-serif; text-decoration: underline;}
#whiteBoxMiddle p {padding-left: 20px;}

/* Drop Down Menu Styles */
#nav, #nav ul {padding: 0; margin: 0; list-style: none;}
#nav a {display: block;} /* width: 10em; */ /* For variable width menu items */
#nav li {float: left;} /* width: 10em; */ /* For variable width menu items */
#nav li ul {position: absolute; margin-left: 5px; margin-top: -13px; width: 12em; left: -999em; background-image: url(../images/menu_drop_middle.gif); background-repeat: repeat-y;}
#nav li ul li {width: 12em; padding: 0px 8px 5px 8px;}
#menuBgTop {width: 173px; height: 8px; background-image: url(../images/menu_drop_top.gif); background-position: top; background-repeat: no-repeat; margin: 0;}
#nav li ul li.menuBgBottom {width: 12em; height: 8px; padding: 0px 8px 0px 12px; margin: 0;}
#menuBgBottom {width: 173px; height: 8px; margin-left: -12px; margin-bottom: 0; margin-top: 0; background-image: url(../images/menu_drop_bottom.gif); background-position: bottom; background-repeat: no-repeat;}
#nav li:hover ul {left: auto;} /* Default hover */
#nav li:hover ul, #nav li.sfhover ul {left: auto;} /* IE hover */

#nav li a img {height: 48px; border-width: 0;}

#nav li a#home {background: url(../images/menu_home.gif) top left no-repeat;}
#nav li a#home:hover {background: url(../images/menu_home_f2.gif) top left no-repeat;}
#nav li:hover a#home, #nav li.sfhover a#home{background:url(../images/menu_home_f2.gif) top left no-repeat;}

#nav li a#about {background: url(../images/menu_aboutUs.jpg) top left no-repeat;}
#nav li a#about:hover {background: url(../images/menu_aboutUs_f2.jpg) top left no-repeat;}
#nav li:hover a#about, #nav li.sfhover a#about{background:url(../images/menu_aboutUs_f2.jpg) top left no-repeat;}

#nav li a#walkableComm {background: url(../images/menu_walkableCommunities.jpg) top left no-repeat;}
#nav li a#walkableComm:hover {background: url(../images/menu_walkableCommunities_f2.jpg) top left no-repeat;}
#nav li:hover a#walkableComm, #nav li.sfhover a#walkableComm{background:url(../images/menu_walkableCommunities_f2.jpg) top left no-repeat;}

#nav li a#activeTransportation {background: url(../images/menu_activeTransportation.jpg) top left no-repeat;}
#nav li a#activeTransportation:hover {background: url(../images/menu_activeTransportation_f2.jpg) top left no-repeat;}
#nav li:hover a#activeTransportation, #nav li.sfhover a#activeTransportation{background:url(../images/menu_activeTransportation_f2.jpg) top left no-repeat;}

#nav li a#safety {background: url(../images/menu_safetyMatters.jpg) top left no-repeat;}
#nav li a#safety:hover {background: url(../images/menu_safetyMatters_f2.jpg) top left no-repeat;}
#nav li:hover a#safety, #nav li.sfhover a#safety{background:url(../images/menu_safetyMatters_f2.jpg) top left no-repeat;}

#nav li a#getInvolved {background: url(../images/menu_getInvolved.jpg) top left no-repeat;}
#nav li a#getInvolved:hover {background: url(../images/menu_getInvolved_f2.jpg) top left no-repeat;}
#nav li:hover a#getInvolved, #nav li.sfhover a#getInvolved{background:url(../images/menu_getInvolved_f2.jpg) top left no-repeat;}

#nav li a#shareStory {background: url(../images/menu_shareYourStory.jpg) top left no-repeat;}
#nav li a#shareStory:hover {background: url(../images/menu_shareYourStory_f2.jpg) top left no-repeat;}
#nav li:hover a#shareStory, #nav li.sfhover a#shareStory{background:url(../images/menu_shareYourStory_f2.jpg) top left no-repeat;}

#nav li a#tools {background: url(../images/menu_toolsResources.jpg) top left no-repeat;}
#nav li a#tools:hover {background: url(../images/menu_toolsResources_f2.jpg) top left no-repeat;}
#nav li:hover a#tools, #nav li.sfhover a#tools{background:url(../images/menu_toolsResources_f2.jpg) top left no-repeat;}

#nav li a#media {background: url(../images/menu_media.jpg) top left no-repeat;}
#nav li a#media:hover {background: url(../images/menu_media_f2.jpg) top left no-repeat;}
#nav li:hover a#media, #nav li.sfhover a#media{background:url(../images/menu_media_f2.jpg) top left no-repeat;}

#nav li a#contact {background: url(../images/menu_contactUs.jpg) top left no-repeat;}
#nav li a#contact:hover {background: url(../images/menu_contactUs_f2.jpg) top left no-repeat;}
#nav li:hover a#contact, #nav li.sfhover a#contact{background:url(../images/menu_contactUs_f2.jpg) top left no-repeat;}

/*#nav li a#contact {background: url(../images/menu_contactUs.jpg) top left no-repeat;}
#nav li a#contact:hover {background: url(../images/menu_contactUs_f2.jpg) top left no-repeat;}
#nav li:hover a#contact, #nav li.sfhover a#contact{background:url(../images/menu_contactUs_f2.jpg) top left no-repeat;}
*/
#nav li ul li a, #nav li ul li a:active, #nav li ul li a:visited, #nav li ul li a:hover {color: #00589B; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px; font-weight: bold;}
#nav li ul li a:hover {color: #FF3300;}

/* Home Page Styles */
#spanish {float: right; margin: 132px 25px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #00589B;}
_#spanish {float: right; margin: 138px -10px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #00589B;}
#spanish a, #spanish a:visited, #spanish a:active {text-decoration: none; color: #00589B;}
#spanish a:hover {text-decoration: underline;}

a.staff, a.staff:visited, a.staff:active {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #00589B; text-decoration:none;}
a.staff:hover {text-decoration: underline;}

#mainTop {margin: auto; height: 125px; width: 833px; background-image: url(../images/main_bgTop.jpg); background-position: bottom center; background-repeat: no-repeat; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11.5px; color: #333333; font-weight: bold;}
#mainMiddle {margin: auto; width: 833px; background-image: url(../images/main_bgMiddle.jpg); background-position: top center; background-repeat: repeat-y; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333;}
#mainBottom {margin: auto; height: 24px; width: 833px; background-image: url(../images/main_bgBottom.jpg); background-position: top center; background-repeat: no-repeat;}
#leftColTop {margin: 0; width:67%; float: left;}
_leftColTop {margin-left: 15px;}
#rightColTop {margin: 0 15px; width:28%; float: right;}
_rightColTop {margin: 0;}
#leftCol {margin: 0; width: 67%; float: left;}
#rightCol {margin: 0px; width: 29%; float: left;}
#rightCol h2, #rightCol p, #rightCol h1 {padding-left: 10px;}

#backTop {margin: auto; height: 77px; width: 833px; background-image: url(../images/main_bgTop.jpg); background-position: top center; background-repeat: no-repeat; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11.5px; color: #333333; font-weight: bold;}
#backMiddle {margin: auto; width: 833px; background-image: url(../images/main_bgMiddle.jpg); background-position: top center; background-repeat: repeat-y; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333;}
#backBottom {margin: auto; height: 24px; width: 833px; background-image: url(../images/main_bgBottom.jpg); background-position: top center; background-repeat: no-repeat;}

#whiteBoxTop {color: #FFFFFF; width: 736px; height: 16px; margin: auto; background-image: url(../images/whiteBoxTop.gif); background-position: top middle; background-repeat: no-repeat;}
#whiteBoxMiddle {color: #000000; width: 736px; margin: auto; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
#whiteBoxBottom {color: #FFFFFF; width: 736px; height: 16px; margin: auto; background-image: url(../images/whiteBoxBottom.gif); background-position: top middle; background-repeat: no-repeat;}

#greenBoxTop {color: #FFFFFF; width: 736px; height: 16px; margin: auto; background-image: url(../images/greenBoxTop.gif); background-position: top middle; background-repeat: no-repeat;}
#greenBoxMiddle {color: #000000; width: 736px; margin: auto; background-color: #E9ECCD; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
#greenBoxBottom {color: #FFFFFF; width: 736px; height: 16px; margin: auto; background-image: url(../images/greenBoxBottom.gif); background-position: top middle; background-repeat: no-repeat;}

#greenBoxMiddle h3 {color: #00589B; margin: 0; padding: 0 16px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 14px;}
#greenBoxMiddle p {margin: 0; padding: 0 16px; line-height: 150%;}

#greenSideBar {color: #000000; width: 215px; margin: 25px; padding: 10px; background-color: #E9ECCD; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 135%; float: right;}
#greenSideBar #top {height: 10px; background-image: url(../images/greenSideBarTop.gif); background-repeat: no-repeat; background-position: top; margin: -10px;}
#greenSideBar #bottom {height: 10px; background-image: url(../images/greenSideBarBottom.gif); background-repeat: no-repeat; background-position: top; margin: -10px;}
/* FAQ Styles */
.faqAnswer {margin: 0 25px 0 25px;}
#faqList h3 a, #faqList h3 a:visited, #faqList h3 a:active {color: #00589B; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-decoration: none;}
#faqList h3 a:hover {color: #FF3300; text-decoration: underline;}
#poll {width: 225px; background-image: url(../images/pollTop.gif); background-repeat: no-repeat; padding: 10px;}
#pollBottom {width: 225px; height: 24px; background-image: url(../images/pollBottom.gif); background-repeat: no-repeat;}
#poll p {font-size: 11px; font-weight: bold;}