/* 1) General selectors - body,h1/h3,a,blockquote,code,p 2) Structure - container,content,tagline 3) Left selectors - main,meta,comments 4) Right selectors - author,links,line,search,themes 5) Footer - extras 6) Forms - input,textarea 7) Accessibility - skip,hr 8) Hacks - clearfix */ /* 1) ************ General selectors ********************************************************* */ body { background: #E3EDF7 url(img/bg_top.gif) repeat-x; margin-top: 30px; text-align: center; font: normal 78% Trebuchet,Georgia,serif; color: #242424; } a { color: #013765; text-decoration: underline } a:hover {color: #FD7617;} h1,h2,h3 {color: #FD7617; padding-bottom: 10px;} h1 {font: normal 1.5em Trebuchet,Georgia; line-height: 1.8em;} h1 a {text-decoration: none;} h2 {font: normal 1.2em Trebuchet,Georgia;} h3 {font: normal 1.1em Trebuchet,Georgia;} h4 {font: normal 1.4em Trebuchet,Georgia; color: #ffffff; padding: 25px; padding-right: 40px; line-height: 1.8em; } li {line-height: 1.4em; color: #677F03; } blockquote { color: #4c4c4c; font: 1em/1.6em Trebuchet, Georgia, serif; display: block; padding-left: 0 } p { line-height: 1.4; } /* 2)******************************* Structure ************************************ */ #container { width: 756px; margin: 0 auto; text-align: left; } .container_left { background: url(img/container_left.gif) no-repeat; } .container_right { background: url(img/container_right.gif) no-repeat top right; } .topline { background: url(img/container_top.gif) no-repeat; } /* ******************************** header ******************************** */ .title h1 { color: #013765; font: normal 2em Trebuchet,Georgia; margin: 50px 0px 0px 140px; position: absolute; } .logo { padding-top: 8px; margin-left: 10px; } .title { border-top: 0px solid #ffffff; height: 0px; } .header { margin-left: 8px; padding-top: 43px; } .content { padding-left: 60px; padding-right: 60px; font-size: 1.2em; padding-top: 10px; } .content_bg { background: #fff url(img/container.gif) repeat-y; } /* navigation */ .navigation { background: #DED9D0 url(img/nav.gif) repeat-x; height: 41px; border-top: 1px solid #D0E0F2; width: 740px; border-bottom: 1px solid #ffffff; margin-left: 8px; margin-top: 0px; position: absolute; } .navigation a { background: #FFF url(img/nav.gif) repeat-x; border-right: 1px solid #D0E0F2; border-left: 1px solid #ffffff; color: #013765; float: left; font: bold 0.9em verdana,arial; padding: 0 1.36em; line-height: 41px; text-align: center; text-decoration: none; } .navigation a:hover {background-position: left bottom; color: #FD7617;} .navigation a#active {background-position: left bottom; color: #FD7617;} .clear,.clearer {clear: both;} .clearer {font-size: 0;} .main li { background: url(img/link-popup-button.gif) no-repeat 2px .3em; padding: 0px 10px 2px 20px; list-style: none; margin: 0 0 8px 0; } .main dt { padding: 0px 10px 0px 20px; list-style: none; margin: -10px 0 -20px 0; } #main { margin: 0px; padding-top: 4px; } .main ul { line-height: 1.2em; padding: 0px 18px 12px 15px; } .main img { padding: 0px; border: 0px solid #ACE149; } /* 5)-=-=-=- Footer -=-=-=- */ #footer { background: url(img/footer.gif) no-repeat; height: 100px; } #footer p { padding-left: 60px; padding-bottom: 20px; float: left; line-height: 4.1em; text-transform: none; font-size: .9em; color: #777; position: absolute; } #footer1 { background: url(img/footer1.gif) no-repeat; height: 100px; } #footer1 p { padding-left: 60px; padding-bottom: 20px; float: left; line-height: 4.1em; text-transform: none; font-size: .9em; color: #777; position: absolute; } .footer2 { float: left; } hr { /* Simple style when CSS not in use */ display: none; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */ -->