@charset "iso-8859-1"; body { font-family: Tahoma, Helvetica, Arial, sans-serif; margin: 0; padding: 0; background-color: #000000; /*dk green*/; color: #000000; /*black*/ } /*===============indicates no border around any image ============*/ body img { border: 0px; text-decoration: none; } /* ============ margins auto center the container on the page ==========*/ #container { margin: 10px auto 10px auto; padding: 20px; background-color: #ffffff; width: 90%; } /*=================== styles for top banner ========================*/ /* sets style for page banner */ #logoleft { padding : 5px; margin : 0px 0px 0px 0px; vertical-align : top; background-image: url('../images/green-your-site-banner.gif'); background-repeat: no-repeat; height: 100px; } #logoright { float: right; width: 200px; height: 86px; margin-left: 0px; margin-top: 10px; padding: 5px; background-color: #FFF; color: #bd7b7c; font-size: 90%; font-weight: bold; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; } /*styles search button color*/ .search { background-color: #000000; color: #FFFFFF; font-weight: bold; } /*=================== styles for top menu ======================*/ #topmenu { background-color: #FFFFFF; text-align: center; font-size: .90em; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; margin-bottom: 5px; margin-right: 10px; color: inherit; border-top: 2px solid #242F24; border-bottom: 2px solid #242F24; } #topmenu ul { margin: 0; padding: 0; list-style-type: none; } #topmenu li { display: inline; list-style-type: none; padding: 0px; padding-right: 1em; } /*==============all site links==============*/ a:link { font-weight: bold; color: #004145; background: transparent; text-decoration: underline; } a:visited { font-weight: bold; color: #000000; background: transparent; padding: 0px; text-decoration: underline; } a:hover { font-weight: bold; text-decoration : none; background: #C8DEC8; color: #000000; } a:active { font-weight: bold; text-decoration : underline; background: #BFDFE2; color: #000000; } /*====================== styles for main content area =========================*/ #content { margin-right: 190px; margin-left: 210px; padding: 5px; text-align: left; vertical-align: top; } /*===========content area list items==============*/ #content ul li { list-style-image: url('../images/green-bullet-bg.gif'); margin: 2px; padding: 2px; } #content li li { list-style-image: url('../images/green-bullet-sm.gif'); padding: 2px 0; } /* ***************************************************** Navigation Bar - Right hand side **************************************************** */ #rightnav { color: #000; padding: 10px 10px 10px 10px; margin: 10px 10px 10px 10px; border: 2px solid #242F24; float: right; background-color: #ffffff; width:150px; } #rightnav .header{background-color:black; font: bold 13px Verdana; color: white; margin-bottom: 0; /*bottom spacing between header and rest of content*/; text-transform: uppercase; padding: 7px 0 7px 10px; /*31px is left indentation of header text*/} #rightnav p { font-size: .8em; } /* ***************************************************** Navigation Bar - Left hand side **************************************************** */ /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .urbangreymenu{ width: 190px; /*width of menu*/ float:left; } .urbangreymenu .headerbar{ font: bold 13px Verdana; color: white; background: #000000 url('../images/downgreen.gif') no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing between header and rest of content*/; text-transform: uppercase; padding: 7px 0 7px 31px; /*31px is left indentation of header text*/ } .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ } .urbangreymenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .urbangreymenu ul li a{ font: normal 12px Arial; color: black; background: #C8DEC8; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; /*link text is indented 8px*/; text-decoration: none; } .urbangreymenu ul li a:visited{ color: black; } .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: black; } /*============== Styles for footer ===================*/ #footer { border-top: 2px solid #242F24; clear: both; padding: 5px; background-color: rgb(255, 255, 255); text-align: center; } #footer p { margin-top: 0px; margin-bottom: 0px; } /*================== general styles =================*/ hr { width: 50%; text-align: center; background-color: #004145; height: 5px; } /* =================Styles for heading tags =============== */ h1, h2, h3, h4 { color: #485E48; /*dk green*/; background-color: inherit; font-family: Georgia, "Times New Roman", Times, serif; } h1 { font-size: 1.5em; background-color: #FFFFFF; } h2 { font-size: 1em; } h3 { font-size: .9em; } h4 { font-size: .9em; } /*================used to center anything==============*/ .center { text-align: center; } /* ============floats images to right or left ============*/ .imgrgt { float: right; padding: 7px; } .imglft { float: left; padding: 7px; } .smtxt { font-size:small; }