/*******************************************************************************/ /*******************************************************************************/ /* Biofuel Cities Stylesheet Definition - GENERAL /*******************************************************************************/ /*******************************************************************************/ /*******************************************************************************/ /* general page elements */ body{ background-color:white; background-image:url(../images/bg_page.jpg); background-repeat:repeat-x; text-align:center; padding:21px 0 0 0; font-size:11px;} body *{margin:0; padding:0; font-family:Verdana, Helvetica, Arial, sans-serif;} /*******************************************************************************/ /* Box definitions */ #container{ width:823px; margin: 0 auto; background-image:url(../images/bg_container_complete.jpg);} #container_for_bottom{width:823px; margin: 0 auto; background-image:url(../images/bg_container_bottom.jpg); background-repeat:no-repeat; background-position:bottom left;} #header{width:823px; height:130px; background-image:url(../images/header.jpg); background-repeat:no-repeat; background-color:white;} #content_box{width:823px; margin:0 0 0 0;} #main_menu_box{float:left; width:162px; text-align:left;} #main_menu_nav{ width:162px; min-height:354px; padding:10px 0 0 0; margin:0; background-image:url(../images/bg_menu.jpg); background-repeat:no-repeat;} * html #main_menu_nav{height:344px;} /* IE min-height HACK */ #main_menu_bottom{height:95px;} #content_top_box{float:left; width:636px; margin:0 0 16px 25px; min-height:26px;} * html #content_top_box{height:26px;} /* IE min-height HACK */ #content_top_box #breadcrumb{float:left; width:449px; margin:0 25px 0 0; text-align:left;} #content_top_box #search_box{float:left; width:162px; } #content_top_box #search_box #sword{float:left; width:118px; height:17px; margin:0 6px 3px 0; padding:0; border-width:2px; font-size:11px;} #content_top_box #search_box #sbutton{float:left; width:30px; height:19px; background-image:url(../images/search_button_inactive.jpg); margin:0; padding:0; border-width:2px; border-color:rgb(162,189,48);} #content_top_box #content_top_box_clear{clear:both; height:1px; font-size:1px; overflow:hidden; margin:3px 0 0 0; background-color:rgb(170,170,170);} #content{float:left; width:449px; margin:0 25px 25px; min-height:423px; text-align:left; font-size:12px;} * html #content{height:423px;} #side_bar{float:left; width:162px; text-align:left; overflow:hidden;} #footer{clear:both; width:823px; height:59px; background-image:url(../images/container_bottom.jpg); background-repeat:repeat-x;} #container_clear{clear:both; height:1px; font-size:1px; overflow:hidden;} /*******************************************************************************/ /* Content Top Box */ #content_box #content_top_box #breadcrumb a { color:black; text-decoration:none; padding:0 6px 0 0; font-size:10px;} /*******************************************************************************/ /* Main Menu */ #main_menu_box #main_menu_nav ul {list-style-type:none; margin:10px 10px 10px 10px;} #main_menu_box #main_menu_nav ul li{margin:10px 0 10px 0;} #main_menu_box #main_menu_nav ul li a{text-decoration:none;} #main_menu_box #main_menu_nav ul .li_level_1{} #main_menu_box #main_menu_nav ul .li_level_1 a{ font-size:12px; font-weight:bold; color:rgb(120,120,120);} #main_menu_box #main_menu_nav ul .li_level_1 a:link, visited{ text-decoration:none;} #main_menu_box #main_menu_nav ul .li_level_1 a:hover{text-decoration:underline;} #main_menu_box #main_menu_nav ul .li_level_1_act{} #main_menu_box #main_menu_nav ul .li_level_1_act a{font-size:12px; font-weight:bold; color:rgb(120,120,120);} #main_menu_box #main_menu_nav ul .li_level_1_act a:link, visited{ text-decoration:none;} #main_menu_box #main_menu_nav ul .li_level_1_act a:hover{text-decoration:underline;} #main_menu_box #main_menu_nav ul .li_level_1_spacer{padding:10px 0 10px 0;} #main_menu_box #main_menu_nav ul .li_level_2{} #main_menu_box #main_menu_nav ul .li_level_2 a{display:block; font-size:11px; font-weight:normal; color:black; padding:0 0 0 16px; background-image:url(../images/menu_bullet_2.gif); background-repeat:no-repeat; background-position:7px 4px;} #main_menu_box #main_menu_nav ul .li_level_2 a:link, visited{ text-decoration:none;} #main_menu_box #main_menu_nav ul .li_level_2 a:hover{text-decoration:underline;} #main_menu_box #main_menu_nav ul .li_level_2_act{} #main_menu_box #main_menu_nav ul .li_level_2_act a{display:block; font-size:11px; font-weight:bold; color:black; padding:0 0 0 16px; color:black; background-image:url(../images/menu_bullet_2.gif); background-repeat:no-repeat; background-position:7px 4px;} #main_menu_box #main_menu_nav ul .li_level_2_act a:link, visited{ text-decoration:none;} #main_menu_box #main_menu_nav ul .li_level_2_act a:hover{text-decoration:underline;} #main_menu_box #main_menu_nav ul .li_level_2_spacer{padding:10px 0 10px 0;} #main_menu_box #main_menu_nav ul .li_level_3{margin:0 0 5px 0;} #main_menu_box #main_menu_nav ul .li_level_3 a{display:block; font-size:11px; font-weight:normal; color:black; padding:0 0 0 30px; background-image:url(../images/menu_bullet_3.gif); background-repeat:no-repeat; background-position:22px 4px;} #main_menu_box #main_menu_nav ul .li_level_3 a:link, visited{ text-decoration:none;} #main_menu_box #main_menu_nav ul .li_level_3 a:hover{text-decoration:underline;} #main_menu_box #main_menu_nav ul .li_level_3_act{margin:0 0 5px 0;} #main_menu_box #main_menu_nav ul .li_level_3_act a{display:block; font-size:11px; font-weight:bold; color:black; padding:0 0 0 30px; color:black; background-image:url(../images/menu_bullet_3.gif); background-repeat:no-repeat; background-position:22px 4px;} #main_menu_box #main_menu_nav ul .li_level_3_act a:link, visited{ text-decoration:none;} #main_menu_box #main_menu_nav ul .li_level_3_act a:hover{text-decoration:underline;} #main_menu_box #main_menu_nav ul .li_level_3_spacer{padding:10px 0 10px 0;} #main_menu_box #main_menu_nav ul .li_level_4{margin:-3px 0 5px 0;} #main_menu_box #main_menu_nav ul .li_level_4 a{display:block; font-size:11px; font-weight:normal; color:black; padding:0 0 0 38px; background-image:url(../images/menu_bullet_4.gif); background-repeat:no-repeat; background-position:30px 4px;} #main_menu_box #main_menu_nav ul .li_level_4 a:link, visited{ text-decoration:none;} #main_menu_box #main_menu_nav ul .li_level_4 a:hover{text-decoration:underline;} #main_menu_box #main_menu_nav ul .li_level_4_act{margin:-3px 0 5px 0;} #main_menu_box #main_menu_nav ul .li_level_4_act a{display:block; font-size:11px; font-weight:bold; color:black; padding:0 0 0 38px; color:black; background-image:url(../images/menu_bullet_4.gif); background-repeat:no-repeat; background-position:30px 4px; } #main_menu_box #main_menu_nav ul .li_level_4_act a:link, visited{ text-decoration:none;} #main_menu_box #main_menu_nav ul .li_level_4_act a:hover{text-decoration:underline;} #main_menu_box #main_menu_nav ul .li_level_4_spacer{padding:10px 0 10px 0;} /*******************************************************************************/ /* Footer */ #footer {margin:0 auto; padding:44px 0 0 0;} #footer #logos{} #footer #logos #partners_box {float:left; padding:0 0 0 162px; margin:0 0 7px 0;} #footer #logos #partners_box a img {margin:0 14px 0 0; border-width:0px;} #footer #logos #funded_by_box {float:right; width:120px; margin:0 0 7px 0; padding:0;} #footer #logos #funded_by_box a img{float:right; margin:1px 0 0 5px; border-width:0px;} #footer #logos #funded_by_box p{text-align:right; font-size:9px; color:rgb(140,140,140); line-height:9px;} #footer #bottom_menu {} #footer #bottom_menu ul{list-style-type:none; text-align:center; margin:5px 0 0 0;} #footer #bottom_menu ul li{display:inline; color:rgb(150,150,150); } #footer #bottom_menu ul li a{ font-size:10px; text-decoration:none; color:rgb(150,150,150); padding:0 5px 0 5px;} #footer #bottom_menu p{ font-size:10px; text-decoration:none; color:rgb(150,150,150); padding:20px 5px 0 5px; text-align:center;} #footer #logos #footer_clear{clear:both; height:1px; background-color:rgb(150,150,150); overflow:hidden; padding:0; margin:0;} /*******************************************************************************/ /* Content Box */ #content {overflow-x:hidden;} #content *{margin:10px 0 10px 0; padding:0;} #content a:link{color:rgb(100,150,10); text-decoration:underline;} #content a:visited {color:rgb(100,150,10); text-decoration:underline;} #content a:hover {color:white; background-color:rgb(100,150,10);} #content a img {boder-width:0;} #content .internal-link:link {color:rgb(100,150,10); text-decoration:underline;} #content .internal-link:visited {color:rgb(100,150,10); text-decoration:underline;} #content .internal-link:hover{color:white; background-color:rgb(100,150,10);} #content .internal-link-new-window:link {color:rgb(100,150,10); text-decoration:underline;} #content .internal-link-new-window:visited {color:rgb(100,150,10); text-decoration:underline;} #content .internal-link-new-window:hover{color:white; background-color:rgb(100,150,10);} #content .external-link:link{color:rgb(100,150,10); text-decoration:underline;} #content .external-link:visited {color:rgb(100,150,10); text-decoration:underline;} #content .external-link:hover{color:white; background-color:rgb(100,150,10);} #content .external-link-new-window:link {color:rgb(100,150,10); text-decoration:underline;} #content .external-link-new-window:visited {color:rgb(100,150,10); text-decoration:underline;} #content .external-link-new-window:hover{color:white; background-color:rgb(100,150,10);} #content .download:link {color:rgb(100,150,10); text-decoration:underline;} #content .download:visited {color:rgb(100,150,10); text-decoration:underline;} #content .download:hover{color:white; background-color:rgb(100,150,10);} #content {} #content p {} #content p img{margin:0; padding:0;} #content br {margin:0;} #content blockquote {margin-left:30px;} #content table {border:0px solid white; border-collapse:collapse; margin:1px;} #content table tr{border:0px solid white;} #content table tr td{border:0px solid white; border-collapse:collapse; padding:2px;} #content table tr th{border:0px solid white; border-collapse:collapse; ; padding:2px;} #content table tr td p{margin:3px 0 3px 0;} #content table tr th p{margin:3px 0 3px 0;} #content hr {height:1px; color:rgb(170,170,170); background-color:rgb(170,170,170); border-width:0px;} #content h1 {font-size:24px; color:rgb(130,180,60); font-weight:normal;} #content h2 {font-size:18px; color:rgb(5,56,136); font-weight:normal;} #content h3 {font-size:12px; color:rgb(5,56,136);} #content h4 {font-size:11px; color:rgb(5,56,136);} #content h5 {font-size:11px; color:black;} #content ul {margin:5px 0 5px 30px;} #content ul li{} #content ol {margin:5px 0 5px 30px;} #content ol li{} #content strong, b {margin:0;} #content em, i {margin:0;} #content u {margin:0;} #content sub {padding:0 0 10px 0;} #content sup {padding:10px 0 0 0;} /*******************************************************************************/ /* Sidebar */ #side_bar .content-element { width:160px; margin:10px 0 10px 0; padding:0; border:1px solid rgb(130,180,60); overflow:hidden;} #side_bar .content-element h1 {font-size:17px; color:rgb(210,220,150); color:rgb(180,190,120); font-weight:normal; border:2px dotted rgb(210,220,150); border-width:0 0 2px 0; margin:5px; letter-spacing:5px;} #side_bar .content-element h2 {font-size:16px; color:rgb(5,56,136); font-weight:normal;margin:5px; } #side_bar .content-element h3 {font-size:12px; color:rgb(5,56,136); margin:5px; } #side_bar .content-element h4 {font-size:11px; color:rgb(5,56,136); margin:5px; } #side_bar .content-element h5 {font-size:11px; color:black; margin:5px; } #side_bar .content-element p {margin:5px;} #side_bar .content-element p img{margin:0; padding:0;} #side_bar .content-element a:link {color:rgb(100,150,10); text-decoration:underline;} #side_bar .content-element a:visited {color:rgb(100,150,10); text-decoration:underline;} #side_bar .content-element a:hover{color:white; background-color:rgb(100,150,10);} #side_bar .content-element hr {border:2px dotted rgb(210,220,150); border-width:2px 0 0 0; margin:5px; } /*******************************************************************************/ /* Nested content element */ #side_bar .content-element .content-element{ width:160px; margin:0; padding:0; border:none;} #side_bar .content-element .content-element h1 {font-size:17px; color:rgb(210,220,150); color:rgb(180,190,120); font-weight:normal; border:2px dotted rgb(210,220,150); border-width:0 0 2px 0; margin:5px; letter-spacing:5px;} #side_bar .content-element .content-element h2 {font-size:16px; color:rgb(5,56,136); font-weight:normal;margin:5px; } #side_bar .content-element .content-element h3 {font-size:12px; color:rgb(5,56,136); margin:5px; } #side_bar .content-element .content-element h4 {font-size:11px; color:rgb(5,56,136); margin:5px; } #side_bar .content-element .content-element h5 {font-size:11px; color:black; margin:5px; } #side_bar .content-element .content-element p {margin:5px;} #side_bar .content-element .content-element a:link {color:rgb(100,150,10); text-decoration:underline;} #side_bar .content-element .content-element a:visited {color:rgb(100,150,10); text-decoration:underline;} #side_bar .content-element .content-element a:hover{color:white; background-color:rgb(100,150,10);} #side_bar .content-element .content-element hr {border:2px dotted rgb(210,220,150); border-width:2px 0 0 0; margin:5px; }