/*----------------------------------------------------------------------------- Digital Celerity : Stylesheet Web Advanced ------------------------------------------------------------------------------*/ /* LINK STYLES ------------------------------------------------------------------------- */ a:link, a:visited { color:#DE1F27; } a:hover, a:active, a:focus { color:#AF0A15; } /* GENERIC STYLES --------------------------------------------------------------------------*/ body { background: #eee url(../images/bg.jpg) center 8px no-repeat; font-family: Arial, sans serif; font-size: 12px; line-height: 18px; border-top: 8px solid #fff; } a img { border:0; } p { padding-bottom:14px; } .float_left { float: left; } .float_right { float: right; } .hidden { visibility: hidden; } .clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;} #wrapper { width: 960px; margin: 0 auto; } #main { clear:both; overflow:auto; } /* Left Column */ #leftcol { float: left; width:200px; text-align:right; } #leftcol .logo { margin-top:20px; margin-bottom: 165px; } #leftcol .contact h2 { font-size:28px; margin-top:4px; color: #de1f26; } a.box{display: block; min-width: 105px; height: 27px; line-height: 27px; margin-top: 15px; padding: 0 0 0 15px; text-align: center; color: #fff; text-decoration: none; background: url(../images/box.gif) no-repeat; float: right;} /* Right Column */ #rightcol { float: right; width:736px; } #rightcol .footer { clear:both; overflow:auto; color:#666666; font-size:11px; border-top:1px solid #dfdfdf; margin:20px 12px 30px 12px; padding: 10px 6px 30px 6px; } #rightcol .footer .left { float:left; } #rightcol .footer .left a { color:#666; text-decoration:none; } #rightcol .footer .left a:hover { color:#cc3333; text-decoration:underline; } #rightcol .footer .right { float:right; } /* HOME PAGE --------------------------------------------------------------------------*/ .home #rightcol .banner { margin:30px 0 0 0; height: 270px; width:734px; } #rightcol ul.cols { overflow:hidden; margin: 0 12px 30px 12px; background: url("../images/bg-home-content.jpg") 0 0 no-repeat; } #rightcol .cols li.left { min-height:300px; } * html #rightcol .cols li.left { height:300px; } #rightcol ul.cols .left { float:left; width:478px; overflow:auto; } #rightcol .cols .left-inner { padding: 16px 25px 0 18px; } #rightcol .cols .left img{padding: 20px 0 20px 33px; float: left;} #rightcol .cols .center { float:left; width:710px; overflow:auto; } #rightcol .cols .center-inner { padding: 16px 25px 0 18px; } #rightcol .cols .center img{padding: 25px 0 25px 30px; float: left;} #rightcol .cols .center h2{margin-bottom: 15px;} #rightcol .cols .right { float:left; width:232px; overflow:auto; } #rightcol .cols .right-inner { padding: 16px 18px 5px 18px; } #rightcol .cols h2 { font-size:14px; font-weight:bold; margin-bottom: 30px; margin-top:0; } #rightcol .cols ul { margin: 0 0 14px 10px; } #rightcol .cols ul li { background: url(../images/bullet.gif) left center no-repeat; padding: 1px 0 1px 12px; } #rightcol .cols ul.list li a { font-weight:bold; text-decoration:none; } #rightcol .cols ul.list li a:hover { text-decoration:underline; } /* SUB PAGES --------------------------------------------------------------------------*/ .sub #leftcol .logo { margin-bottom:70px; } .sub #leftcol .subnav { font-size:13px; font-weight:bold; margin-bottom:40px; } .sub #leftcol .subnav li, .sub #leftcol .subnav li a { display:none; } .sub #leftcol .subnav li.on, .sub #leftcol .subnav li.on ul, .sub #leftcol .subnav li.on ul li, .sub #leftcol .subnav li.on ul ul, .sub #leftcol .subnav li.on ul ul li, .sub #leftcol .subnav li.on ul a { display:block; } .sub #leftcol .subnav ul ul li { padding: 3px 0; background: url(../images/bullet.gif) 196px 10px no-repeat; padding-right:12px; } .sub #leftcol .subnav ul ul a { text-decoration: underline; } .sub #leftcol .subnav ul ul li.on { background: url(../images/bullet2.gif) 196px 10px no-repeat; padding-right:12px; } .sub #leftcol .subnav ul ul li.on a { text-decoration: none; color:#000;} .sub #leftcol .subnav ul ul li.on ul {display: block !important; margin-top: 3px; padding-right:20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10px 0; } .sub #leftcol .subnav ul ul li.on li {padding: 2px 12px 2px 0; background: url(../images/bullet.gif) 184px 8px no-repeat; } .sub #leftcol .subnav ul ul li.on li a {color: #DE1F27; background: none; font-size: 12px; text-decoration:underline; } .sub #leftcol .subnav ul ul li.on li a:hover { color:#AF0A15; } .sub #leftcol .quote { background: url(../images/quote.gif) 0 0 no-repeat; padding-top:20px; } .sub #rightcol .banner { margin:30px 0 0 0; background: url(../images/banner-sub.jpg) 0 0 no-repeat; height: 173px; width:734px; } .sub #rightcol .banner-inner { padding: 60px 0 0 42px; } .sub #rightcol .content { overflow:hidden; margin: 0 12px 30px 12px; min-height:350px; zoom:1; background: url("../images/bg-sub-content.jpg") 0 0 no-repeat; } .sub #rightcol .content-inner { margin: 0 30px;} .sub #rightcol .content h1 { font-size:14px; font-weight:bold; margin-bottom: 30px; margin-top:13px; } .sub #rightcol .content h2 { font-size:14px; font-weight:bold; margin-bottom: 30px; margin-top:0; } .sub #rightcol .content ul { margin: 0 0 14px 10px; } .sub #rightcol .content ul li { background: url(../images/bullet.gif) left center no-repeat; padding: 1px 0 1px 12px; } /* FORM STYLES ------------------------------------------------------------------------- */ .labelColumn { width:120px; vertical-align:top; padding-top:3px; } input { margin-bottom:3px; padding:2px; width:220px; font-size:12px; } select { margin-bottom:3px; padding:2px; width:230px; } textarea { margin-bottom:3px; padding:2px; width:224px; font-size:12px; height:80px; font-family: arial, sans-serif; } #ctl00_Content_ctl00_btnSubmit { width:70px;margin-top:10px; } ul.sitemap li{background: none !important;} ul.sitemap li a{background: url(../images/bullet.gif) left center no-repeat; padding-left: 10px;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-top:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; top:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}