/* -------------------------------------------------------------- Reset.css * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -------------------------------------------------------------- */ html { height: 100%; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var,v dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; color: #333; font-family: Trebuchet MS, arial, sans-serif; font-size: 12px; color: #fff; height: 100%; background: url(/sitefiles/22/design/bg.png) top center; } /* -------------------------------------------------------------- Layout -------------------------------------------------------------- */ .wrapper{ position: relative; min-height: 100%; background: url(/sitefiles/22/design/wrapper-bg.png) top center repeat-y; margin: 0 auto; width: 880px; } * html .wrapper { height: 100%; } .wrap { width: 858px; margin: 0 auto; } .top { height: 261px; background: url(/sitefiles/22/design/head.jpg) top left no-repeat; } h1.header { float: left; display: block; height: 100px; width: 220px; margin: 161px 0 0 0; } .header a { display: block; text-indent: -9999px; height: 100px; width: 220px; } div#topmenu { float: left; margin: 220px 0 0 -30px; } div#topmenu a { margin-left: 80px; text-decoration: none; font-weight: bold; color: #FFF; } .contentwrap { background: url(/sitefiles/22/design/wrapper2-bg.png) top center repeat-y; float: left; } .nav { background: url(/sitefiles/22/design/nav-bg.png) no-repeat; width: 224px; float: left; } .content { margin-left: 1px; background: url(/sitefiles/22/design/content-bg.png) no-repeat; padding: 0 0 0 0; width: 633px; float: left; } .primaryContent { width: 430px; padding: 0 11px 55px 22px; float: left; } .secondaryContent { height: 300px; color: #fff; border-left: 1px solid #54626c; color: #fff; float: right; width: 154px; padding: 0 10px 0 5px; } .footer { position: relative; background: #fff url(/sitefiles/22/design/footer-bg.png) no-repeat; width: 858px; clear: both; height: 120px; margin: 0px auto 0 auto; } #imgSlideContainer { position: relative; height:244px; width:400px; background-color: #FFF; } .imgSlide{ position: absolute; } /* -------------------------------------------------------------- Navigatiiion -------------------------------------------------------------- */ /* .shingleContent { width: 200px; } .shingle-handle { width: 200px; } */ #mainNav { margin: 50px 0 0 20px; list-style-type: none; font-size: 14px; width: 200px; } #mainNav li { margin: 0; padding: 5px 0; } #mainNav a { text-decoration: none; color: #fff; } #mainNav a:hover { text-decoration: underline; } #mainNav ul { margin: 5px 0 5px 20px; } #mainNav ul li { font-size: 12px; } /* -------------------------------------------------------------- Search box and language options -------------------------------------------------------------- */ .search { width: 251px; height: 63px; background: url(/sitefiles/22/design/lang-bg.png) no-repeat; float: right; margin: 126px 0 0 0; } .langmenu { list-style-type: none; margin: 9px 0 0 28px } .langmenu li { float: left; margin: 0 38px 0 0; } .langmenu li a { font-size: 11px; float: left; color: #fff; text-decoration: none; } .langmenu li a:hover { text-decoration: underline; } .search fieldset { width: 200px; clear: both; } .search .fattext { border:0; width: 157px; float: left; margin: 11px 0 0 10px!important; margin: 2px 0 0 10px; height: 18px } .search .fatbutton { border: 0; height: 23px; background: none; float: left; margin: 10px 0 0 4px!important; margin: 0px 0 0 3px; text-indent: -9999px; width: 27px; font-size: 2px; } /* -------------------------------------------------------------- Typooooography -------------------------------------------------------------- */ .content h2 { font-size: 28px; font-weight: normal; text-transform: uppercase; } .content h3 { font-size: 20px; margin: 7px 0 3px 0; } .content h4 { font-size: 16px; margin: 10px 0 5px 0; font-weight: bold; } .content a { color: #eee; } .content a:hover { color: #555; } .primaryContent p { margin: 10px 0 10px 0; line-height: 16px; } .primaryContent ul{ margin: 10px 0 15px 13px; } .primaryContent ul li { margin: 5px 0 5px 0; } .primaryContent ol { margin: 10px 0 15px 19px; } .primaryContent ol li { margin: 5px 0 5px 0; } /* -------------------------------------------------------------- Sidebar -------------------------------------------------------------- */ .secondaryContent p { } .secondaryContent ol { color: #fff; margin: 15px 0 20px 20px; } .secondaryContent ol li { margin: 5px 0 5px 0; } .secondaryContent ol li a{ color: #fff; text-decoration: none; } .file { background-repeat: no-repeat; background-position: 5px 11px; padding: 14px 0 14px 30px; border-top: 1px solid #3c4d58; width: 125px; } .file a { color: #fff; text-decoration: underline; } .files a:hover { text-decoration: underline; } .current a { font-weight: bold; text-transform: uppercase; } .detail { width: 335px; padding: 0 0 0 15px; float: left; } .detail h2 { font-size: 20px; margin: 10px 0 10px 0; } .detail .intro { margin: 10px 0 10px 0; line-height: 16px; } .detail p { margin: 10px 0 10px 0; font-size: 14px; line-height: 16px; } .articles { width: 245px; padding: 0 15px 0 0; float: right; } .article { background: #1a3a4a; width: 225px; padding: 15px 10px 15px 10px; margin-bottom: 5px; border-bottom: 1px solid #375c6f; } .articles .current { background: #31596d; } .articles .current a {text-transform: none;} .articles h3 { font-size: 14px; margin: 2px 0 6px 0; } .articles h3 a:hover { color: #abe0fb; } .articles a {text-decoration: none;} .articles a:hover {color: #fff;} .articles p { font-size: 11px; line-height: 14px; }