/* screen styles from template version 1.0 */ /* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */ /* Table of Contents /* *************************************************************************************** */ /* Non-displaying Elements Layout Page Specific Layout Special Links Contact Page Typography and Inline Elements Page Specific Typography Navigation Expand Collapse Styling (for expandCollapse() JavaScript function) Forms */ /* Color Pallet */ /* *************************************************************************************** */ /* % Blue: Yellow: Tan: Dark Tan: 100 #00338D #F2AF00 #BEB9A6 #8C816B 50 #7F99C6 #F8D77F #DEDCD2 #C5C0B5 25 #BFCCE2 #FCEBBF #EFEDE9 #E3E1DD 10 #E5EFA3 #FEF7E5 #F8F8F6 #F4F3F1 */ /* Non-displaying Elements*/ /* *************************************************************************************** */ .hide, #nav p, #atffc { display:none; } /* Layout */ /* *************************************************************************************** */ body { font-size:0.875em; text-align:center; background: #8f8777 url(../images/topTile.png) repeat-x; padding-bottom:100px;} #branding-logo { background: url(../images/menuTop-minimal.png) no-repeat; height:82px; } #container { height:auto; margin:0 auto; position:relative; text-align:left; width:960px; } #branding { position: absolute; top: 0px; left:-3px; width:100%; z-index: 5; } a#branding-logo { display: block; width: 210px; text-align: center; padding-top: 10px; left:32px; top:0; position:absolute; padding-left:3px; } a#branding-slogan { position: absolute; right: 32px; top: 40px; } div[role="main"] { background-color:#fff; position: relative;min-height:400px; height:auto; top: 80px; z-index: 1; padding: 9em 40px 40px; } div[role="main"] .article { float:left; width:600px; } div[role="main"] .aside { float:right; width:240px; border-left:1px dotted #E3E1DD; padding-left:20px; } #footer { background: url(../images/bottomTile.png) repeat-x scroll center bottom; background-color:#fff; position: relative; top:80px; z-index:2; padding:0px 40px 30px;} #footer .affiliates {border-top:1px dotted #E3E1DD; padding-top:20px} #footer .affiliates img{margin:0 40px 0 0; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";} #footer .affiliates img:hover{opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";} #footer small {font-size: 0.7em;} .thumbnails h3 { clear:both; float:none; margin:0; text-align:left; border-bottom-width: 2px; border-bottom-style: solid; padding: 0.5em 0 0 0; } .thumbnails { margin-left:-1em; overflow:hidden; } .thumbnails img { margin: 0 0 0.95em 0.95em; border: 1px solid #000000; } .expand .imageAndCaption { width: 200px; margin: 0px 0px 1em 1em; padding: 5px; border: 1px solid #9F9988; } .expand .imageAndCaption p { font-size: 0.8em; line-height: normal; text-align: center; margin: 0.5em 0px 0px; } .googleSearchResults iframe { width:52em; max-width:1000px /*fix the google search results iframe witdth */ } .map { width:100%; height: 350px; } #dev-server_message { position:fixed; border-bottom:none; bottom:0; left:0; padding:1em; text-align:left; width:100%; z-index:100; margin:0; } #dev-server_message:hover { background-color:transparent; border-top:medium none; } /* Page Specific Layout */ /* use a class on the body to change specific parts of the layout based on portions of the website (e.g. user vs. admin) */ .layout-tools #branding-slogan { top: 11px; right:auto; left:0; } .layout-tools div[role="main"], .layout-tools #footer { margin-left: 0px; } /* home page layout */ ul.subscribe { margin:1.5em 0; list-style:none; } ul.subscribe li { margin-right:30px; } ul.subscribe a { text-decoration:none; } div[role="main"] .aside ul.subscribe li, div[role="main"] .aside ul.subscribe li { display:block; margin-right:0 } /* Brand the selection */ ::-moz-selection { color: #000; background: #fcebbf; } ::selection { color: #000; background: #fcebbf; } /* Special Links */ /* use a class on the body to change specific parts of the layout based on portions of the website (e.g. user vs. admin) */ /* Block links and styled links */ a.blockLink:link, a.blockLink:visited { clear:both; background-color: #F8F8F6; display:block; color:#8C816B; font-size:1em; line-height:1em; margin:0.5em 0 1em; padding:.125em .5em; text-align:center; text-decoration:none; background: #F8F8F6; border: 1px solid #BEB9A6; } a.blockLink:focus, a.blockLink:hover, a.blockLink:active { background-color: #f2af00; color: #333333; border-color: #8c816b; } a.blockLink.medium:link, a.blockLink.medium:visited { font-size:1.25em; font-weight:bolder; display:inline; color:#8C816B; border:0px; background-color:#e3e1dd; } a.blockLink.medium:focus, a.blockLink.medium:hover, a.blockLink.medium:active { background-color:#f2af00; color:#fff; } .aside nav ul{margin:0 0 1em 0;} .aside nav li{margin:0 0 .25em; list-style:none;} div[role="main"] .aside .blocklink, .aside nav ul a{ font-size:.9em; width:88% } a.blocklink, .aside nav ul a { line-height:1em; font-size:1em; font-weight:bold; text-decoration:none; display:inline-block; padding:.5em 2em .5em .5em; background:url(../images/blocklink-bg.png) no-repeat right center; margin-right:0.5em; clear:both; float:none } a.blocklink:link, a.blocklink:visited, .aside nav ul a:link, .aside nav ul a:visited { background-color:#E3E1DD; color:#8C816B; } a.blocklink:focus, a.blocklink:hover, a.blocklink:active, .aside nav ul a:focus, .aside nav ul a:hover, .aside nav ul a:active { color:white; background-color:#8c816b } #extra_info .blockLink.medium, div[role="main"] .aside .blockLink.medium { display:block; background-color:#f2af00; color:#fff; border-color:#8c816b; text-align: center; } #extra_info .blockLink.medium:hover, div[role="main"] .aside .blockLink.medium:hover { background-color:#8c816b; color:#fff } #infoWeekFeed .external { white-space:normal; background:none; } #infoWeekFeed br { display:none; } div[role="main"] .article #clientServicesBtn:link, div[role="main"] .article #clientServicesBtn:visited, div[role="main"] .article #capabilitiesBtn:link, div[role="main"] .article #capabilitiesBtn:visited { display: block; width: 46.5%; height: 2.25em; padding: 47px 1% 2px; font-weight: bold; text-align: center; float: left; margin: 0 0 1em; border-bottom:none; } div[role="main"] .article #clientServicesBtn:link, div[role="main"] .article #clientServicesBtn:visited { background: url(../images/iconClientServices.png) no-repeat center 2px; margin-right:3%; } div[role="main"] .article #capabilitiesBtn:link, div[role="main"] .article #capabilitiesBtn:visited { background: url(../images/iconCapabilities.png) no-repeat center 2px; } div[role="main"] .article #capabilitiesBtn:hover, div[role="main"] .article #clientServicesBtn:hover, div[role="main"] .article #capabilitiesBtn:active, div[role="main"] .article #clientServicesBtn:active { background-color: #fef7e5; } /* Contact Page */ .contactList { margin-left:-4%; } .contact { border-top:1px solid #8F8777; float:left; margin:5px 0 1em 4%; padding-bottom:1em; width:46%; height:12em; } .contact img { border-bottom:1px solid #8F8777; border-left:1px solid #8F8777; border-right:1px solid #8F8777; border-top-style:none; float:right; margin:0 0 0 5px; padding:0; } .contact p { font-size:.9em; line-height:1.2em; margin:0; padding:0 0.5em 0 0; } * html .contact { width : 46%; /* IE doesn't automatically get the width correct */ height : 12em; /* force ul to expand around floated li's (IE doesn't do it with overflow) */ } * html .contact { display : inline; /* fix IE6's double float margin bug */ } .contact p a, .contact h3 a { margin:0 } /* Typography and Inline Elements */ /* *************************************************************************************** */ #simpleTooltip { padding: 7px 7px 7px 28px; border: 1px solid #A6A7AB; background: #FEF5BE; text-align:left } #share_this { background-color:#efede9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:10px 10px 0 10px } #share_this a { display:block; margin-bottom:10px; } .content_stream {margin-left:0;} .content_stream li{list-style:none; border-bottom:1px solid #E3E1DD;} .content_stream a:link, .content_stream a:visited {text-decoration:none} .content_stream li span a {color:#333333;} .video-thumbnail {width:280px; height:230px;margin-bottom:2em; margin-right:40px; float:left;} .video-thumbnail + .video-thumbnail {margin-right:0;} /* make a .sponsors div then add logo images with a width of 180px */ .sponsors img {float:left; margin-left:30px; margin-bottom:1em } .sponsors {margin-left:-30px; margin-bottom:2em;} .sponsors img + img + img + img {clear:left;} .sponsors img + img + img + img + img {clear:none;} /* Page Specific Typography */ /* use a class on the to change specific typographic elements (e.g.

backgrounds) */ /* .layout-home h1 {} */ /* Navigation */ /* placement of navigation */ /* *************************************************************************************** */ #nav-main, .layout-home #nav-secondary { position: absolute; width:880px; top: 120px; margin:0 40px; z-index: 6; font-size: 1em; color: #8c816b; background-color:#e3e1dd; height:25px } .layout-home #nav-secondary { position:relative; float:none; clear:both; top:auto; margin:0; } #nav-main a, .layout-home #nav-secondary a { color:#8c816b; text-decoration:none; padding:0 0.6em; height:25px; display:block; float:left; } #nav-main:hover { background-color:#c5c0b5; color:#FFF } #nav-main:hover a { color:#FFF; -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -o-transition:all .1s ease-in-out; transition: all .1s ease-in-out; } #nav-main a:link, #nav-main a:visited { } #nav-main a:focus, #nav-main a:hover, #nav-main a:active { background-color:#f2af00; color:#fff; -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } .aside nav {} .aside nav {margin:-1em 0 2em;} .aside nav h2 {border:none;} #nav-main ul, #nav-main li, .layout-home #nav-secondary ul, .layout-home #nav-secondary li { display: inline; } #nav-sub-category, #extra_info { width: 260px; float: right; margin-left: 15px; margin-bottom: 1em; clear: right; padding: 0.25em 15px 0; background: #F8F8F6; border-top: 0px solid #8C816B; border-right: 1px solid #8C816B; border-bottom: 1px solid #8C816B; border-left: 1px solid #8C816B; overflow:hidden; } /* Expand Collapse Styling (for expandCollapse() JavaScript function) */ /* *************************************************************************************** */ /* Default State */ /* the
tag is open (visible) by default unless JavaScript is on. */ h2.expand, h3.expand { padding: 1px 0 0em 0.5em; margin:0; color: #8C816B; background-color:#E3E1DD; font-size:1em; border:none; } div.expand { padding: 0.5em 1em .25em; margin-bottom: 1em; border: 1px dotted #DEDCD2; border-top-width:0px; background: #F8F8F6; } .instructions { font-size:.8em; line-height:1.2em; } h2.expand.closed, h2.expand.open, h3.expand.closed, h3.expand.open { cursor:pointer; } h2.expand.closed:hover, h2.expand.open:hover, h2.expand.closed:active, h2.expand.open:active, h3.expand.closed:hover, h3.expand.open:hover, h3.expand.closed:active, h3.expand.open:active { background-color:#8c816b; color:#fff } /* Closed State */ /* .closed only gets applied by the JavaScript */ h2.expand.closed { margin-bottom:1em; } div.expand.closed { display:none; } /* Open State */ /* .open only gets applied by the JavaScript */ h2.expand.open { margin-bottom:0; } div.expand.open { margin-bottom:1em; } /* Forms */ /* some of these classes and styles are applied during validation. .error gets applied by the JavaScript validation or by the PHP validation. The .help functions that that make it visible or not visible don't work in IE6, so there is a JavaScript (in generic_ie6.js) to make that part work. It's is added with a conditional comment */ /* *************************************************************************************** */ form { width:auto; margin: 0 0 1em 0; } form .row { /*background-color:#F9F9F7;*/ padding: 0.125em 0px; margin:0 0 .5em; } fieldset { border:none; } legend { font-size: 1.3em; color:#8F8777; padding-bottom: 0.0625em; text-align:left; margin-top:1em;/* margin-bottom:1em; formatting for IE6 */ } fieldset h3 { margin-left:.5em; } label { display:block; margin:0 15px 0 0; } textarea, input, select { margin:0 .25em 0 0; padding:0.2em; border:1px solid #C6C1B9; } input[type="checkbox"], input[type="radio"] { border:none; } form .buttons, form .counter { text-align:left; display:block; padding:0 0 .5em } form div.buttons input, input[type="submit"] { -webkit-box-shadow: 0px 0px 3px #7a7a7a; -moz-box-shadow: 0px 0px 3px #7a7a7a; box-shadow: 0px 0px 3px #7a7a7a; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; background:url(../images/hoverBg.png) no-repeat scroll -20px top; border-style:none; color:#FFFFFF; cursor:pointer; font-size:0.9em; height:auto; letter-spacing:0.125em; line-height:normal; text-transform:lowercase; width:auto; padding: .25em 2em; } form div.buttons input:hover, form div.buttons input:active, form div.buttons input:focus, input[type="submit"]:hover, input[type="submit"]:active { background-position:right top; } form .row label .note { display:inline; padding:0 } form .note {color:#3F3F3F} a.help { cursor:help; text-decoration:none } a.help:hover { overflow:visible; color:#333333 } a.help span { display:none; padding:0 2em 0 37%; background: url(../images/questionPointer.gif) no-repeat 33% 5px; } a.help:hover span, .help span:hover { display:block } option[value="Select One"], option[value="Select Your Name"] { margin-bottom:1em; } option { padding:0 .5em 0 1em } div[role="main"] .article form label { text-align:left; width:auto; float:none } form .row .error { border:none; display:block; color:#EE2E24; font-size:.9em; padding:0 0 0 20px; background: url(../images/validation_error_arrow_down.png) no-repeat left 50%; } div[role="main"] .article form .buttons { margin:0; padding:0 } /* Slide Show jQuery */ div#slideshow { width: 880px; height: 368px; padding: 0; margin:0 0 1em; overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ position: relative; z-index: 5; } div#slideshow ul#nav { display: none; list-style: none; position: relative; top: 210px; z-index: 15; } div#slideshow ul#nav li#prev { float: left; margin: 0 0 0 40px; } div#slideshow ul#nav li#next { float: right; margin: 0 50px 0 0; } div#slideshow ul#nav li a { display: block; width: 80px; height: 80px; text-indent: -9999px; } div#slideshow ul#nav li#prev a { background: url(images/prev.png); } div#slideshow ul#nav li#next a { background: url(images/next.png); } div#slideshow ul#slides { list-style: none; margin:0; } div#slideshow ul#slides li { margin: 0 0 20px 0; }