/* ERIC MEYER'S RELOADED RESET STYLES ________________________________________________________________________*/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
 /* FRAMEWORK ________________________________________________________________________*/ body { line-height: 1; font-size: 62.5%; color: #3B3936; background: #BFB6AC; font-family: Verdana, Arial, Geneva, "Lucida Grande", FreeSans, sans-serif; } #integrate { background: #BFB6AC url(/sitefiles/25/gfx/body-bg.png) 0 0 repeat-x; } #wrap { width: 940px; margin: 0 auto; } #top-section { width: 940px; float: left; clear: both; padding: 100px 0 0; position: relative; } #logo { display: block; width: 337px; height: 49px; text-indent: -9999px; position: absolute; top: 37px; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/25/gfx/logo.png) 0 0 no-repeat; } #container, #content-wrap, #col-wrap { width: 940px; float: left; clear: both; background: url(/sitefiles/25/gfx/container-bg.png) 0 0 repeat-y; } .two-cols #container { background-position: -940px 0; } #content-wrap, #col-wrap { width: 938px; padding: 0 1px; background: url(/sitefiles/25/gfx/bottom-gradient.png) 0 100% no-repeat; _height: 100px; min-height: 100px; } #content-wrap { padding:10px 15px; width:910px; } #content-wrap-frontpage { padding:0px 0px; width:938px; } #col-wrap { background-position: -940px 100%; } #col-wrap #main-col { width: 500px; float: left; clear: left; padding: 25px 0 40px 26px; position: relative; overflow: hidden; } #col-wrap #side-col { width: 337px; float: right; clear: right; padding: 20px 26px 90px 0; position: relative; overflow: hidden; } #bottom-section { width: 940px; height: 40px; float: left; clear: both; padding: 6px 0 110px; background: url(/sitefiles/25/gfx/bottom-corners-and-reflection.png) 0 0 no-repeat; _background-image: url(/sitefiles/25/gfx/bottom-corners-and-reflection-ie-no-sep.png); } .two-cols #bottom-section { background-position: -940px 0; _background: url(/sitefiles/25/gfx/bottom-corners-and-reflection-ie-sep.png) 0 0 no-repeat; } #colophon { height: 40px; line-height: 40px; color: #FFF; font-size: 1.1em; text-align: center; padding: 0 20px; } .clear { clear: both; } /* COMMON MENU STYLING ________________________________________________________________________*/ #menus { width: 940px; float: left; clear: both; background: url(/sitefiles/25/gfx/menus-bg.png) 0 100% no-repeat; } /* MAIN MENU ________________________________________________________________________*/ #main-menu { width: 940px; height: 35px; float: left; clear: both; position: relative; overflow: hidden; } #main-menu li { display: block; width: 142px; height: 35px; float: left; padding: 0 3px 0 0; background: url(/sitefiles/25/gfx/main-and-sub-menu.png) 0 -70px repeat-x; } #main-menu li.last { padding: 0; } #main-menu li a { display: block; width: 142px; height: 35px; line-height: 35px; float: left; text-align: center; background: url(/sitefiles/25/gfx/main-and-sub-menu.png) 0 -35px no-repeat; color: #494138; text-decoration: none; font-size: 1.2em; } #main-menu li a:hover { color: #2A2626; } #main-menu li.active a { background-position: 0 0; color: #FFF; font-size: 1.4em; } /* SUB MENU ________________________________________________________________________*/ #sub-menu, #sub-menu ul { width: 940px; float: left; clear: both; height: 39px; position: relative; overflow: hidden; } #sub-menu p { color: #FFF; line-height: 39px; padding: 0 20px; font-size: 1.1em; } #sub-menu li { display: block; width: 142px; height: 39px; float: left; padding: 0 3px 0 0; } #sub-menu li.last { padding: 0; } #sub-menu li a { display: block; width: 142px; height: 39px; line-height: 39px; float: left; text-align: center; color: #FFF; text-decoration: none; font-size: 1.1em; } #sub-menu li a:hover, #sub-menu li.active a { color: #F49220; } /* FRONT TEASER ________________________________________________________________________*/ .front-teaser { width: 938px; float: left; clear: both; padding: 45px 0 35px; background: #443F3F url(/sitefiles/25/gfx/front-box-gradient.png) 0 151px repeat-x; color: #FFF; border-top: 1px solid #605C5C; border-left: 1px solid #605C5C; border-right: 1px solid #605C5C; } .front-teaser .bottom-border { clear:both; border-bottom:10px solid #F49323; bottom:-35px; position:relative; } .front-teaser .text { width: 384px; float: left; clear: left; padding: 0 0 0 25px; } .front-teaser .text h1 { font-size: 2.2em; font-weight: bold; text-transform: uppercase; padding: 0 0 1em; } .front-teaser .text .intro { font-size: 1.2em; line-height: 1.667; padding: 0 0 2em; } .front-teaser .text .intro a { color: #FFA200; text-decoration: underline; } .front-teaser .text .intro a:hover { text-decoration: none; } .front-teaser .text .read-more a { display: block; float: left; padding: 0 0 0 8px; height: 49px; line-height: 49px; font-weight: bold; font-size: 1.4em; color: #FFF; text-decoration: none; text-shadow: #884600 1px 1px 0; position: relative; } .front-teaser .text .read-more a span { display: block; width: 8px; height: 49px; position: absolute; overflow: hidden; top: 0; left: 0; clear: both; background: url(/sitefiles/25/gfx/btn-orange-fat.png) -492px -49px no-repeat; _background: url(/sitefiles/25/gfx/btn-orange-fat-ie-left.png) 0 0 no-repeat; cursor: pointer; } .front-teaser .text .read-more a strong { display: block; float: left; padding: 0 22px 0 14px; height: 49px; background: url(/sitefiles/25/gfx/btn-orange-fat.png) 100% 0 no-repeat; cursor: pointer; } .front-teaser .img-wrap { width: 504px; float: right; clear: right; position: relative; overflow: hidden; } .front-teaser .img-wrap img { float: right; } .front-teaser .img-wrap .right-fade { width: 139px; height: 500px; position: absolute; top: -45px; right: 0; clear: both; background: url(/sitefiles/25/gfx/front-box-right-fade.png) 0 0 no-repeat; } .front-teaser .img-wrap .c-top-left, .front-teaser .img-wrap .c-bottom-left { width: 5px; height: 5px; position: absolute; left: 0; clear: both; background: 0 0 no-repeat; overflow: hidden; } .front-teaser .img-wrap .c-top-left { top: 0; background-image: url(/sitefiles/25/gfx/front-box-corner-top-left.png); } .front-teaser .img-wrap .c-bottom-left { bottom: 0; _bottom: -1px; background-image: url(/sitefiles/25/gfx/front-box-corner-bottom-left.png); } /* FRONT CONTENT ________________________________________________________________________*/ .front-content { width: 636px; float: left; clear: both; padding: 30px 151px 20px; } .front-content .text { width: 636px; float: left; clear: both; } .front-content .text h2 { font-size: 1.8em; font-weight: bold; padding: 0 0 .25em; } .front-content .text p { font-size: 1.1em; line-height: 1.818; } .front-content .has-pic { width: 400px; clear: left; padding: 45px 0 0; } .front-content img { float: right; clear: right; } /* FRONT ARTICLES ________________________________________________________________________*/ .front-articles { width: 886px; float: left; clear: both; padding: 0 26px; margin: 25px 0 20px; background: url(/sitefiles/25/gfx/beige-vertical-sep.png) 50% 0 repeat-y; } .front-articles .article { width: 425px; float: left; clear: left; padding: 0 0 15px; } .front-articles .right { float: right; clear: right; } .front-articles .article .text { width: 425px; float: left; clear: both; } .front-articles .text h2 { font-size: 1.8em; font-weight: bold; padding: 0 0 .5em; } .front-articles .text h2 a { display: block; color: #3B3936; text-decoration: none; } .front-articles .text h2 a:hover { color: #000; } .front-articles .text p.excerpt { font-size: 1.1em; line-height: 1.818; padding: 0 0 1.25em; } .front-articles .text p.read-more { font-size: 1.1em; *padding: 0 0 .25em; } .front-articles .text p.read-more a { color: #ED6A00; text-decoration: underline; } .front-articles .text p.read-more a:hover { text-decoration: none; } .front-articles .article .has-pic { width: 233px; float: right; clear: right; } .front-articles .article .img { display: block; width: 172px; float: left; clear: left; } .front-articles .article .img img { float: left; } /* ARTICLE DETAILS ________________________________________________________________________*/ #article { width: 500px; float: left; clear: both; } /* GENERIC CONTENT ________________________________________________________________________*/ .generic-content { margin: 0; padding: 0; color: #262424; } .generic-content h1 { font-size: 2.4em; font-weight: bold; padding: 0 0 .75em; } .generic-content .img { float: left; clear: both; margin: 0 0 2em; } .generic-content .img img { float: left; } .generic-content p, .generic-content ul, .generic-content ol, .generic-content table { font-size: 1.2em; line-height: 1.667; margin: 0 0 1em; clear: both; } .generic-content ul li { *padding: 0 0 0 .35em; padding: 0 0 0 .1em; } .generic-content ul p, .generic-content ol p, .generic-content ul ul, .generic-content ul ol, .generic-content ol ol, .generic-content ol ul, .generic-content table p, .generic-content table ul, .generic-content table ol { font-size: 1em; } .generic-content p.excerpt { font-weight: bold; } .generic-content ul { list-style-type: square; margin-left: 3em; *margin-left: 1.25em; *margin-left: 1.5em; } .generic-content ol { list-style-type: decimal; margin-left: 1.6em; *margin-left: 2.05em; } .generic-content h2 { font-size: 1.8em; font-weight: normal; padding: 0 0 .25em; } .generic-content h3 { font-size: 1.5em; font-weight: normal; padding: 0 0 .25em; } .generic-content h4 { font-size: 1.2em; font-weight: bold; padding: 0 0 .25em; } .generic-content a { color: #ED6A00; text-decoration: underline; } .generic-content a:hover { text-decoration: none; } .generic-content strong { font-weight: bold; } .generic-content em { font-style: italic; } /* RECENT NEWS IN RIGHT COLUMN ________________________________________________________________________*/ .recent-news, .recent-news .inner-top, .recent-news .inner-bottom { width: 100%; float: left; clear: both; margin: 0 0 20px; background: url(/sitefiles/25/gfx/side-col-box.png) -337px 0 repeat-y; } .recent-news .inner-top { background: url(/sitefiles/25/gfx/side-col-box.png) 0 0 no-repeat; margin: 0; } .recent-news .inner-bottom { background: url(/sitefiles/25/gfx/side-col-box.png) -674px 100% no-repeat; margin: 0; _height: 150px; min-height: 150px; padding: 18px 9px; } .recent-news h2 { color: #585454; font-size: 1.4em; font-weight: bold; padding: 0 0 .75em; } .recent-news ul, .recent-news ul li { float: left; clear: both; } .recent-news ul li { font-size: 1.1em; line-height: 1.818; } .recent-news ul li a { display: block; line-height: 1.818; padding: 0 0 0 10px; color: #ED6A00; text-decoration: underline; background: url(/sitefiles/25/gfx/bullet-orange.png) 0 .8em no-repeat; } .recent-news ul li a:hover { text-decoration: none; } div.navbar { clear:both; float:left; margin-bottom: 1.5em; margin-top:1em; font-size: 1.1em; font-weight:bold; } .navbar a { color: #7F7F7F; text-decoration: underline; } .navbar a:hover{ text-decoration:none; } .navbar .nav_endpoint{ letter-spacing:-3px; } .navbar .nav_start { padding-right:.5em; } .navbar .nav_middle { letter-spacing: 1px; padding-left: .5em; padding-right: .5em; display:inline; } .navbar .nav_end { padding-left:.5em; } /* NEWS ARCHIVE LAYOUT ________________________________________________________________________*/ .news-archive, .news-archive .inner-top, .news-archive .inner-bottom { float: left; clear: both; margin: 0 0 20px; background:inherit; } .news-archive .inner-top { margin: 0; background:inherit; } .news-archive .inner-bottom { margin: 0; _height: 150px; min-height: 150px; padding: 18px 9px; background:inherit; } /* GENERIC CONTENT IN RIGHT COL ________________________________________________________________________*/ .generic-right-content, .generic-right-content .inner-top, .generic-right-content .inner-bottom { float: left; clear: both; margin: 0 0 20px; background: url(/sitefiles/25/gfx/side-col-box2.png) -337px 0 repeat-y; } .generic-right-content .inner-top { background: url(/sitefiles/25/gfx/side-col-box2.png) 0 0 no-repeat; margin: 0; } .generic-right-content .inner-bottom { background: url(/sitefiles/25/gfx/side-col-box2.png) -674px 100% no-repeat; margin: 0; _height: 90px; min-height: 90px; width: 315px; padding: 18px 11px; } .generic-right-content h2 { color: #585454; font-size: 1.4em; font-weight: bold; padding: 0 0 .75em; } .generic-right-content h2 a { color: #585454; text-decoration: none; } .generic-right-content h2 a:hover { text-decoration: underline; } .inner-top h2 { margin-left: 1em; margin-top: .5em; margin-bottom: 0em; } .generic-right-content .img { display: block; width: 108px; float: left; clear: left; border: 1px solid lightgray; margin: .45em 0 0; } .generic-right-content .img:hover { border-color: #000; } .generic-right-content .img img { float: left; } .generic-right-content .text { width: 315px; float: left; clear: both; color: #585454; } .generic-right-content .has-pic { width: 195px; float: right; clear: right; } .generic-right-content .text p { font-size: 1.1em; line-height: 1.455; padding: 0 0 .75em; } .generic-right-content .text p.read-more { line-height: 1; padding: 0; *padding: 0 0 .25em; } .generic-right-content .text a { text-decoration: none; } .generic-right-content .text a:hover { text-decoration: none; } .generic-right-content .text p a { color: #ED6A00; text-decoration: underline; } .generic-right-content .text p a:hover { text-decoration: none; } /* INFO BUBBLES (GENERIC CONTENT IN RIGHT COL) ________________________________________________________________________*/ .generic-right-bubble, .generic-right-bubble .inner-top, .generic-right-bubble .inner-bottom { background: inherit; } .generic-right-bubble .inner-top { margin: 0 0 10px; border: thin solid lightgrey; background-color:transparent; background-image:url(/sitefiles/25/gfx/side-col-box-gradient.png); background-repeat: repeat-x; background-position:bottom left; } .generic-right-bubble .inner-bottom { min-height: 70px; padding: 10px; } .generic-right-bubble h2{ margin-left:0px; } /* USER GENERATED FORM ________________________________________________________________________*/ #integrate .kpgenerated ul { padding: 0 0 2.5em; } #integrate .kpgenerated ul li { line-height: 1; padding: 0 0 1.5em; } #integrate .kpgenerated ul li label { color: #514C4C; font-size: 1.2em; padding: 0 0 .75em; display: block; } #integrate .kpgenerated ul li label .required { color: #ED6A00; font-weight: normal; position: relative; top: .2em; } #integrate .kpgenerated ul li input, #integrate .kpgenerated ul li textarea { border: 1px solid #514C4C; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; font-size: 1.2em; font-family: Verdana, Arial, Geneva, "Lucida Grande", FreeSans, sans-serif; color: #514C4C; padding: 7px 10px; width: 228px; } #integrate .kpgenerated ul li textarea { padding: 7px 10px; width: 368px; height: 144px; line-height: 1.5; } #integrate .kpgenerated ul li.form-controls { margin: 0; padding: 0; } #integrate .kpgenerated ul li.form-controls input { width: auto; color: #FFF; background: #ED6A00; border-color: #B65100; text-shadow: 1px 1px 0 #A14800; padding: 7px 30px; } 
 /* FRONT ARTICLES ________________________________________________________________________*/ .front-articles-news { width: 498px; float: left; clear: both; } .front-articles-news .article { float: left; clear: both; padding: 0 0 15px; margin-bottom: 10px; border: 1px dotted grey; width: 100% } .front-articles-news .right { float: right; clear: right; } .front-articles-news .article .text { float: left; clear: both; margin-top: 10px; margin-left: 10px; margin-right: 5px; } .front-articles-news .text h2 { font-size: 1.15em; font-weight: bold; padding: 0 0 .5em; } .front-articles-news .text h2 a { display: block; color: #3B3936; text-decoration: none; } .front-articles-news .text h2 a:hover { color: #000; } .front-articles-news .text p.excerpt { font-size: 1.1em; line-height: 1.818; padding: 0 0 1.25em; } .front-articles-news .text p.read-more { font-size: 1.1em; *padding: 0 0 .25em; } .front-articles-news .text p.read-more a { color: #ED6A00; text-decoration: underline; } .front-articles-news .text p.read-more a:hover { text-decoration: none; } .front-articles-news .article .has-pic { float: left; clear: both; } .front-articles-news .article .has-pic-right { margin-left: 10px; margin-right: 5px; width: 300px; clear: left; } .front-articles-news .article .img { display: block; width: 172px; float: left; clear: left; margin-top: 10px; margin-left: 10px; } .front-articles-news .article .img-right{ float: right; clear: right; margin-left:0; margin-right:10px; } .front-articles-news .article .img img { float: left; }