body{margin:10px;font-family: verdana, arial, tahoma, sans-serif; text-align:left;} #header{margin:0; padding:0; background:url(../images/logo.gif) no-repeat; width:780px; height:130px; text-indent:-99999px;} /* Styles for top navigation */ #menu {margin:0; padding:0; list-style-type: none; height:56px; width:780px;} #menu li {display: inline;} #menu li a,#menu li div {float:left; margin:0; padding:0; height:56px;} #menu span {display: block; width: 0; height: 0; overflow: hidden;} #menu .menuindex {width: 105px; background: url(../images/buttons/home.gif) no-repeat;} #menu .menuindex:hover, #menu div.menuindex {width: 105px; background: url(../images/buttons/home_over.gif) no-repeat;} #menu .menuabout {width: 107px; background: url(../images/buttons/about.gif) no-repeat;} #menu .menuabout:hover, #menu div.menuabout {width:107px; background: url(../images/buttons/about_over.gif) no-repeat;} #menu a.menuGallery {width: 117px; background: url(../images/buttons/greengallery.gif) no-repeat;} #menu .menuGallery:hover, #menu div.menuathome {width: 117px; background: url(../images/buttons/greengallery_over.gif) no-repeat;} #menu .menuprogram {width: 125px; background: url(../images/buttons/program.gif) no-repeat;} #menu .menuprogram:hover, #menu div.menuprogram {width: 125px; background: url(../images/buttons/program_over.gif) no-repeat;} #menu .menuschool {width: 117px; background: url(../images/buttons/school.gif) no-repeat;} #menu .menuschool:hover, #menu div.menuschool {width:117px; background: url(../images/buttons/school_over.gif) no-repeat;} #menu .menucontact {width: 119px; background: url(../images/buttons/contact.gif) no-repeat;} #menu .menucontact:hover, #menu div.menucontact {width: 119px; background: url(../images/buttons/contact_over.gif) no-repeat;} #menu .menufaq {width: 90px; background: url(../images/buttons/faq.gif) no-repeat;} #menu .menufaq:hover, #menu div.menufaq {width: 90px; background: url(../images/buttons/faq_over.gif) no-repeat;} /* styles for side navigation */ #navlist{padding-left: 0; margin-left: 20px; width: 140px;} #navlist li{list-style: none; margin: 0;padding: 0.25em; border-bottom: 1px solid #6E1153;} #navlist li a { text-decoration: none; color: #6E1153; } #navlist li a:hover {text-decoration: none; color: #5B9967; } /*styles for main content areas*/ #two_column_table {width:780px; background:url(../images/two_column_bg.gif)} #one_column_table {width:780px; background:url(../images/one_column_bg.gif)} #content {width:730px; margin:0px 0 0 20px; padding:0px; text-align:left;} #content_right_side {width:500px; margin: 0; padding:10px; text-align:left;} p, #news_text {text-align:left; font:11px/18px verdana, arial, helvetica, tahoma, sans-serif; color:#0E2F90; padding: 9px 30px; margin:0;} ol, ul{text-align:left; font:11px/18px verdana, arial, helvetica, tahoma, sans-serif; color:#0E2F90; padding: 9px 30px; margin: 0 0 0 20px;} blockquote{ text-align:left; font:11px/18px verdana, arial, helvetica, tahoma, sans-serif; color:#0E2F90;} h2{font-size:16px; line-height:18px; font-weight:bold; color:#0E2F90; margin:0 0 0 20px;} h3{font-size:12px; line-height:16px; font-weight:bold; color:#0E2F90; margin:0 0 0 20px;} p.copy{float:left; font-size:10px; color:#FFF; padding:10px; text-align:left;} div.breadcrumbs { font-size: smaller; margin-bottom: 10px; } .center { text-align: center; } /*Styles for titles*/ #title_DCProgramInfo h2, #title_GettingStarted h2, #title_Benefits h2, #title_Partners h2, #title_AboutUs h2, #title_BoardBiographies h2, #title_VolunteerOpportunities h2, #title_StaffBiographies h2, #title_DCAtHome h2, #title_Energy h2, #title_News h2,#title_Water h2, #title_Waste h2, #title_SchoolLogin h2, #title_TechnicalAssessments h2, #title_LifestyleCampaigns h2, #title_DCActivities h2, #title_OtherResources h2,#title_LoginHelp h2, #title_ContactDCPlanet h2, #title_FrequentlyAskedQuestions h2, #title_Welcome h2{height:50px; width:370px; text-indent:-9999px;} #title_DCProgramInfo h2{background:url(../images/titles/DCProgramInfo.gif) no-repeat;} #title_GettingStarted h2{background:url(../images/titles/GettingStarted.gif) no-repeat;} #title_Benefits h2{background:url(../images/titles/Benefits.gif) no-repeat;} #title_Partners h2{background:url(../images/titles/Partners.gif) no-repeat;} #title_AboutUs h2{background:url(../images/titles/AboutUs.gif) no-repeat;} #title_BoardBiographies h2{background:url(../images/titles/BoardBiographies.gif) no-repeat;} #title_VolunteerOpportunities h2{background:url(../images/titles/VolunteerOpportunities.gif) no-repeat;} #title_StaffBiographies h2{background:url(../images/titles/StaffBiographies.gif) no-repeat;} #title_DCAtHome h2{background:url(../images/titles/DCAtHome.gif) no-repeat;} #title_Energy h2{background:url(../images/titles/Energy.gif) no-repeat ;} #title_Water h2{background:url(../images/titles/Water.gif) no-repeat;} #title_Waste h2{background:url(../images/titles/Waste.gif) no-repeat;} #title_SchoolLogin h2{background:url(../images/titles/SchoolLogin.gif) no-repeat;} #title_TechnicalAssessments h2{background:url(../images/titles/TechnicalAssessments.gif) no-repeat;} #title_LifestyleCampaigns h2{background:url(../images/titles/LifestyleCampaigns.gif) no-repeat;} #title_DCActivities h2{background:url(../images/titles/DCActivities.gif) no-repeat;} #title_OtherResources h2{background:url(../images/titles/OtherResources.gif) no-repeat;} #title_LoginHelp h2{background:url(../images/titles/LoginHelp.gif) no-repeat;} #title_ContactDCPlanet h2{background:url(../images/titles/ContactDCPlanet.gif) no-repeat;} #title_FrequentlyAskedQuestions h2{background:url(../images/titles/FrequentlyAskedQuestions.gif) no-repeat;} #title_Welcome h2{background:url(../images/titles/Welcome.gif) no-repeat;} #title_News h2{background:url(../images/titles/News.gif) no-repeat;} #title_Gallery h2{background:url(../images/titles/Gallery.gif) no-repeat; padding:25px; } #title_Gallery h2 span{ display:none;} #newsHeadlines p{ margin:0; padding:3px 0 0 0;} #newsHeadlines p a{ color:#000000; text-decoration:underline;} #newsHeadlines p a:hover{ color:#333333; text-decoration:none;} #adminMenu { background-color: white; border-left: 5px solid white; border-right: 5px solid white; padding: 3px; } /* forms */ div.errMsg { margin: 5px auto; border: 1px solid firebrick; padding: 5px; color: firebrick; width: 400px; } div.errMsg p,div.errMsg li {color: firebrick;} div.row,div.ed_toolbar { clear: both; padding-top: 5px; width: 100%; margin: 5px 0; } form .header {margin: 10px 0 3px 20px; font-size:16px; line-height:18px; font-weight:bold; color:#0E2F90;} div.label { float: left; margin: 0 10px 1px 0px; font-weight: bold; text-align: right; width: 175px; } div.html { /* float: left; */ } div.frmHeader { font-size: 12pt; margin: 10px auto; font-weight: bold; width: 600px; text-align: center; background-color: #51b2db; color: white; } span.requiredErrLabel { color: darkred; } span.requiredAsterik, .red { color: #B22222; } span.errorMsg { color: brown; font-size: 8pt; font-style: italic; vertical-align: top; } /*simple table layout style*/ table.dataTable { border-top: 1px solid gray; border-left: 1px solid gray; border-collapse: collapse; width: 90%; margin-top: 15px; } table.dataTable th, table.dataTable td { border-right: 1px solid gray; border-bottom: 1px solid gray; vertical-align: top; padding: 3px; } table.dataTable th {text-align: center;} table.dataTable td { font-family: Arial, Verdana, sans-serif; font-size: small; } table.dataTable td.headerCell { font-weight: bold; font-size: large; text-align: center; color: #51B2DB; } /*end table layout style*/ /* random fact style */ .randomFact { border-top: 5px solid #dcdcdc; border-bottom: 5px solid #dcdcdc; width: 180px; margin: auto; margin-left: 20px; } .randomFact p{ margin-left: -20px; } #adminMenu {font-size: 12px;}