body { background: #FFF url('../images/design/bg-gps.gif') repeat-x; font: 11px/14px Arial, Helvetica, sans-serif; color: #333; text-align: center; } #container { width: 972px; margin: 0 auto; text-align: left; } #container no_access{position:absolute; top:15px; left:35px;} .botBorder { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #CCC; } a:link { color: #36C; text-decoration: none; } a:visited { color: #36C; text-decoration: none; } a:hover, a:active { color: #336; text-decoration: underline; } .inTheNews a:link, .inTheNews a:visited { text-decoration: underline; } .clearboth { clear: both; } h2 { font-size: 16px; line-height: 16px; font-weight: bold; margin: 0 0 10px 0; clear: left; } h3 { font-size: 11px; line-height: 11px; font-weight: bold; margin: 0 0 5px 0; } p { margin: 0 0 10px 0; } p a { color: #36C; text-decoration: none; } h4.button { background: transparent url('../images/design/bg-button-left.png') no-repeat top left; margin: 0 5px 10px 0; font-size: 11px; font-weight: bold; text-align: center; float: left; } h4.button a { margin-left: 15px; padding: 7px 15px 10px 0; display: block; background: transparent url('../images/design/bg-button.png') no-repeat top right; } h4.button a:link, h4.button a:visited { text-decoration: none; } h4.button a:hover, h4.button a:active { text-decoration: underline; } /* HEADER */ #header { position: relative; height: 147px; } #header h1 { background-image: url('../images/design/logo-gps.gif'); width: 233px; height: 69px; overflow: hidden; position: absolute; top: 30px; left: 20px; } #header h1 span { display: block; text-indent: -9999px; } ul#navMajor { margin: 0; padding: 0; list-style: none; position: absolute; top: 71px; right: 13px; } ul#navMajor li { margin: 0; float: left; background: transparent url('../images/design/bg-navmajor-mid.gif') no-repeat; font-size: 14px; font-weight: bold; } ul#navMajor li a { padding: 12px; display: block; } ul#navMajor li#navMajor1 a { padding-left: 20px; background: transparent url('../images/design/bg-navmajor-left.gif') no-repeat top left; } ul#navMajor li#navMajor4 a { margin-left: 2px; padding-right: 20px; background: transparent url('../images/design/bg-navmajor-right.gif') no-repeat top right; } ul#navMajor a:link, ul#navMajor a:visited { text-decoration: none; } ul#navMajor a:hover, ul#navMajor a:active { text-decoration: underline; } body#serious ul#navMajor li#navMajor1, body#training ul#navMajor li#navMajor2, body#services ul#navMajor li#navMajor3, body#projects ul#navMajor li#navMajor4 { background-image: url('../images/design/bg-navmajor-mid-on.gif'); } body#serious ul#navMajor li#navMajor1 a, body#serious ul#navMajor li#navMajor1 a:link, body#serious ul#navMajor li#navMajor1 a:visited, body#serious ul#navMajor li#navMajor1 a:hover, body#serious ul#navMajor li#navMajor1 a:active, body#training ul#navMajor li#navMajor2 a, body#training ul#navMajor li#navMajor2 a:link, body#training ul#navMajor li#navMajor2 a:visited, body#training ul#navMajor li#navMajor2 a:hover, body#training ul#navMajor li#navMajor2 a:active, body#services ul#navMajor li#navMajor3 a, body#services ul#navMajor li#navMajor3 a:link, body#services ul#navMajor li#navMajor3 a:visited, body#services ul#navMajor li#navMajor3 a:hover, body#services ul#navMajor li#navMajor3 a:active, body#projects ul#navMajor li#navMajor4 a, body#projects ul#navMajor li#navMajor4 a:link, body#projects ul#navMajor li#navMajor4 a:visited, body#projects ul#navMajor li#navMajor4 a:hover, body#projects ul#navMajor li#navMajor4 a:active { color: #FFF; text-decoration: none; } body#serious ul#navMajor li#navMajor1 a { background-image: url('../images/design/bg-navmajor-left-on.gif'); } body#projects ul#navMajor li#navMajor4 a { background-image: url('../images/design/bg-navmajor-right-on.gif'); } ul#navMinor { margin: 0; padding: 0; list-style: none; position: absolute; top: 32px; right: 30px; } ul#navMinor li { float: left; } ul#navMinor li a { padding: 0 5px; } ul#navMinor a:link, ul#navMinor a:visited { text-decoration: underline; } /* FEATURED TOP CONTENT */ #topItemTwo { clear: both; height: 510px; position: relative; } #topItemTwo .item1 { width: 486px; height: 510px; float: left; } #topItemTwo .item2 { width: 486px; height: 510px; float: right; } #topItemTwo .gaming { background-image: url('../images/design/topitem-gaming.jpg'); } #topItemTwo .training { background-image: url('../images/design/topitem-training.jpg'); } #topItemTwo h2 { font-size: 18px; font-weight: bold; color: #FFF; margin: 0; padding: 20px; } #topItemTwo h2 a:link, #topItemTwo h2 a:visited { color: #FFF; text-decoration: none; } #topItemTwo h2 a:hover, #topItemTwo h2 a:active { color: #69F; text-decoration: underline; } #topItemTwo p, #topItemTwo h4 { margin: 0 0 5px 20px; padding: 0 170px 0 0; } #topItemTwo p { margin-top: 225px; font-size: 12px; line-height: 22px; color: #000; } #topItemTwo.tabbed { height: inherit; } #topItemTwo.tabbed .item1 { width: 486px; height: 386px; overflow: hidden; position: relative; } #topItemTwo.tabbed .item2 { width: 485px; height: 386px; overflow: hidden; border-left: 1px solid #FFF; position: relative; } #topItemTwo.tabbed h2 { margin: 0; } #topItemTwo.tabbed h3 { margin: 0 0 3px 0; padding: 0; font-size: 12px; line-height: 17px; color: #333; } #topItemTwo.tabbed p { margin: 0 0 3px 0; padding: 0; font-size: 11px; line-height: 17px; color: #333; } #topItemTwo.tabbed p.indexLink { float: right; margin-top: -35px; font-size: 12px; line-height: 12px; font-weight: bold; color: #FFF; } #topItemTwo.tabbed a:link, #topItemTwo.tabbed a:visited { color: #36C; text-decoration: underline; } #topItemTwo.tabbed a:hover, #topItemTwo.tabbed a:active { color: #039; text-decoration: underline; } #topItemTwo.tabbed .featureTabBox { padding: 0 10px 10px 10px; position: absolute; bottom: 0; left: 0; } #topItemTwo.tabbed .featureTabContent { background-color: #FFF; opacity: 0.8; padding: 10px 10px 7px 10px; clear: both; } #topItemTwo.tabbed .featureTab { background-color: #FFF; opacity: 0.8; width: 80px; float: right; } #topItemTwo.tabbed .featureTab ul { margin: 0; padding: 10px; list-style: none; text-align: center; } #topItemTwo.tabbed .featureTab ul li { display: inline; padding: 0 3px; cursor: pointer; color: #36C; font-weight: bold; } #topItemTwo.tabbed .featureTab ul li a { color: #36C; text-decoration: underline; } #topItemTwo.tabbed #featureLink1a a, #topItemTwo.tabbed #featureLink1a a, #topItemTwo.tabbed #featureLink1a a:link, #topItemTwo.tabbed #featureLink1a a:visited, #topItemTwo.tabbed #featureLink1b a:link, #topItemTwo.tabbed #featureLink1b a:visited { color: #000; text-decoration: none; } #featureTab2a, #featureTab3a, #featureTab4a, #featureTab2b, #featureTab3b, #featureTab4b { display: none; } #topItemOne { clear: both; height: 444px; position: relative; } #topItemOne .item1.gaming { background: transparent url('../images/design/serious-bigphoto.jpg') no-repeat; height: 444px; } #topItemOne .cutline { background-color: #000; opacity: .8; position: absolute; bottom: 0; left: 0; width: 100%; } #topItemOne p { padding: 7px; color: #CCC; margin: 0; } #topItemOne p.indexLink { float: right; margin-top: -45px; font-size: 12px; line-height: 12px; font-weight: bold; } #topItemOne p.indexLink a:link, #topItemOne p.indexLink a:visited { text-decoration: underline; color: #36C; } #topItemOne h2 { font-size: 18px; font-weight: bold; color: #FFF; margin: 0; padding: 20px; } #topItemOne h2 a:link, #topItemOne h2 a:visited { color: #FFF; text-decoration: none; } #topItemOne h2 a:hover, #topItemOne h2 a:active { color: #69F; text-decoration: underline; } /* ALERT / ANNOUNCEMENT */ #alert { clear: both; padding-bottom: 95px; background: transparent url('../images/design/bg-announce.gif') no-repeat; position: relative; } #alert.botBorder { padding-bottom: 95px; } #alert .announcement { width: 750px; position: absolute; top: 18px; left: 20px; height: 70px; } #alert .announcement h2 { margin: 0 0 4px 0; padding: 0; font-size: 14px; color: #333; } #alert .announcement p { margin: 0; padding: 0; } #alert p.readmore { width: 160px; position: absolute; top: 28px; right: 20px; text-align: center; font-weight: bold; } /* MAIN CONTENT WELL */ #content { clear: both; width: 100%; float: left; } #content.shaded { background: transparent url('../images/design/bg-content.gif') repeat-x; padding-top: 20px; } #content p, #content li { font-size: 12px; line-height: 22px; } #content ul { margin: 0 0 7px 0; padding: 0; list-style: none; } #content ul li { margin: 0 0 3px 0; padding: 0 0 0 15px; background: transparent url('../images/design/bullet.gif') no-repeat 0 .7em; } #content .sidebarPhoto { margin-bottom: 10px; } #content .sidebarPhoto .cutline { background-color: #000; opacity: 0.8; height: 25px; overflow: hidden; display: block; margin-top: -25px; width: 100%; float: left; } #content .sidebarPhoto p { padding: 7px; color: #CCC; margin: 0; font-size: 11px; line-height: 11px; } /* COLUMNS OF CONTENT */ .twoCol { width: 100%: float: left; clear: both; } .twoCol .col1 { width: 494px; float: left; } .twoCol .col1 .wrapper { padding-left: 20px; padding-right: 35px; border-right: 1px solid #CCC; } .twoCol .col2 { width: 439px; float: right; } .twoCol .col2 .wrapper { padding-right: 20px; } .twoCol.featProjects .col1 { width: 474px; } .twoCol.featProjects .col2 { width: 474px; } .twoCol.featProjects .col1 .wrapper { border: none; padding-left: 0; } .twoCol.featProjects .col2 .wrapper { border: none; padding-right: 0; } .twoCol.featProjects img { float: left; } .twoCol.featProjects h3, .twoCol.featProjects p { margin-left: 239px; } .twoCol.botBorder.featProjects { padding-bottom: 0; } .threeCol { width: 100%; float: left; clear: both; } .threeCol .col1, .threeCol .col2, .threeCol .col3 { width: 324px; float: left; } .threeCol .col1 .wrapper, .threeCol .col2 .wrapper { padding: 0 20px; border-right: 1px solid #E6E6E6; } .threeCol .col3 .wrapper { padding: 0 20px; } .twoThirdCol { width: 100%: float: left; clear: both; padding-bottom: 10px; margin-bottom: 25px; border-bottom: 2px solid #CCC; } .twoThirdCol .col1 { width: 643px; float: left; } .twoThirdCol .col1 .wrapper { padding-left: 20px; padding-right: 20px; } .twoThirdCol .col2 { width: 324px; float: right; } .twoThirdCol .col2 .wrapper { } /* SLIDER */ #projectSlider { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #CCC; } #projectSliderStrip { width: 972px; height: 175px; overflow: hidden; } #projectSliderStrip ul, .projectSliderStrip ul { margin: 0; padding: 0; list-style: none; float: left; } #projectSliderStrip ul li, .projectSliderStrip ul li { width: 248px; height: 175px; float: left; padding: 0; margin: 0; background-repeat: no-repeat; } #projectSliderStrip ul li a { display: block; height: 175px; padding: 144px 10px 0 10px; font-weight: bold; font-size: 12px; } #projectSliderTrack { width: 972px; } .sliderTrack { position: relative; background: transparent url('../images/design/slider-track.gif') repeat-x; height: 24px; } .sliderHandle { width: 127px; height: 24px; cursor:move; background: transparent url('../images/design/slider-handle.png') no-repeat; } #projectSliderStrip.blurbed ul li { width: 490px; } #projectSliderStrip.blurbed ul li img { float: left; } #projectSliderStrip.blurbed ul li h3, #projectSliderStrip.blurbed ul li p { margin-left: 239px; clear: none; padding-right: 20px; } #projectSliderStrip.blurbed ul li a { display: inline; padding: 0; } /* FOOTER */ #footer { clear: both; width: 100%; float: left; padding-bottom: 20px; } #footer a:link, #footer a:visited { text-decoration: underline; } #footer h4.button a:link, #footer h4.button a:visited { text-decoration: none; } #footer h4.button a:hover, #footer h4.button a:active { text-decoration: underline; } #footer .vEmail { color: #666; font-size: 11px; float: left; margin-right: 10px; } #footer .vSubmit { float: left; width: 70px; margin-top: -20px;} #footer #footerTabs { } #footer #contact1, #footer #contact2, #footer #contact3 { clear: both; border: 1px solid #CCC; padding: 10px 15px 0 15px; } #footer #contact2, #footer #contact3 { display: none; } #footer #footerTabs ul { margin: 0 0 -1px 0; padding: 0; list-style: none; width: 100%; float: left; } #footer #footerTabs ul { margin-bottom: expression('-11px'); } #footer #footerTabs ul li { margin: 0 5px 0 0; padding: 1px 0 3px 0; float: left; line-height: 12px; border: none; } #footer #footerTabs a { float: left; display: block; padding: 7px 15px 6px 15px; } #footer #footerTabs a, #footer #footerTabs a:link { color: #36C; text-decoration: underline; cursor: pointer; } #footer #footerTabs a:visited { color: #369; } #footer #footerTabs a:hover, #footer #footerTabs a:active { color: #336; } #footer #footerTabs li.on { border: 1px solid #CCC; border-bottom: 1px solid #FFF; padding-top: 0; } #footer #footerTabs li.on a { color: #666; text-decoration: none; font-weight: bold; } ul#botLinks { margin: 0; padding: 0 15px 0 0; list-style: none; clear: both; float: right; } ul#botLinks li { float: left; } ul#botLinks li a { padding: 0 5px; } ul#botLinks a:link, ul#botLinks a:visited { text-decoration: underline; } /*form styles*/ .error {color: red; font-weight: bold;} form.edit {width:600px;background-color:#eeeeee;border:1px solid #ccc; padding-left:15px;} form.edit fieldset {border:0;padding: 5px;margin-bottom: 10px;font-size:11px;} form.edit fieldset.top {border-top: #AEB39E 2px solid;} form.edit fieldset.required {text-align:right; font-size: 11px; color: #fff;} form.edit h3{margin: 0; font-size: 100%;padding: 2px 4px;} form.edit label {display: block;margin: 10px 0 2px 0; font-size:11px;} form.edit span {color: #4C4E45; font-size: 80%;padding-left: 6px;} form.edit input.title {width: 450px;padding: 2px;font-size: 180%;} form.edit fieldset.undo {padding-left:3px;} form.edit table {width:100%;} form.edit table th,td{font-size:11px; font-weight:normal;padding:5px;text-align:left;} .item h1 {line-height:20px;}