/********** Generic ***********/ .clear {clear:both;} .noshow {display:block; text-indent:-4999px; height:0; width:0;position:absolute;} .hide {display:none;} /*added by KG*/ strong {font-weight:bold; font-style:inherit;} /*added inherit property on 12-16-09*/ em {font-style:italic; font-weight:inherit;} /*added inherit property on 12-16-09*/ a {cursor:pointer; outline:none;} /*Outline property added by PC*/ .hr {height:2px; background-color:#c6af85; clear:both;} .hr hr {display:none;} /*************** temp container ***************/ .tempCal {display:none;} /*************************************** Global Containers - Positioning/Size ****************************************/ body { text-align:center; } #wrapperOuter {position:relative; width:984px; margin:0 auto; text-align:left; } #wrapperInner {position:relative;} #wrapperInner, #header, #content, #footer { width:984px; float:left; display:inline;} #header { height:177px;} #footer { padding-bottom:10px;} #mainhome { width:944px; float:left; display:inline; margin:0 20px;} #main { width:719px; float:right; display:inline; margin:0 20px 30px 0;} #sidebar { width:225px; float:left; display:inline; padding:16px 0 30px;} /*********************************************** Global Containers - Colors/Background/border ************************************************/ html, body {background:#000; color:#fff;} #wrapperOuter {} #header {} #content {background:#fff url(/css/i/bg_Content.gif) repeat-y 0 0; border-top:2px solid #7e663c; border-bottom:2px solid #7e663c; color:#6d6d6d;} body.home #content {background:#000; border-top-color:#000; color:#808080;} #sidebar {background:#f4f4f4;} /********* Header **********/ h1, h1 a {display:inline; float:left; width:494px; height:83px; } h1 {margin:28px 0 0 20px; } h1 a {background:url(/css/i/academylogo.png) no-repeat 0 0;} /*********** Main Nav ************/ #mNav {display:inline; float:left; position:relative; margin:13px 0 0 0; padding-left:20px; border-top:1px solid #7e663c; width:964px; font-size:85%; z-index:5000; /*so dropdown will hover over content*/ } #mNav li {display:inline; float:left; position:relative;} #mNav li a.mNavLnk {display:block; background-image:url(/css/i/mNavH.png); background-repeat:no-repeat; cursor:pointer; height:35px; text-indent:-4999px; overflow:hidden;} /* background images for top nav elements - default */ #mNav li a#mNavAwards {background-position: 0 0; width:76px; margin-right:35px; } #mNav li a#mNavAcademy {background-position:-111px 0; width:130px; margin-right:35px;} #mNav li a#mNavEvents {background-position:-276px 0; width:124px; margin-right:35px;} #mNav li a#mNavSciTech {background-position:-435px 0; width:145px; margin-right:34px;} #mNav li a#mNavEducation {background-position:-614px 0; width:142px; margin-right:34px;} #mNav li a#mNavResearch {background-position:-790px 0; width:155px; } /* background images for top nav elements - active */ #mNav li.active a#mNavAwards {background-position: 0 -35px;} #mNav li.active a#mNavAcademy {background-position:-111px -35px;} #mNav li.active a#mNavEvents {background-position:-276px -35px;} #mNav li.active a#mNavSciTech {background-position:-435px -35px;} #mNav li.active a#mNavEducation {background-position:-614px -35px;} #mNav li.active a#mNavResearch {background-position:-790px -35px;} /* background images for top nav elements - hover (including ie6 hover fix) */ #mNav li:hover a#mNavAwards, #mNav li.hover a#mNavAwards {background-position: 0 -70px;} #mNav li:hover a#mNavAcademy, #mNav li.hover a#mNavAcademy {background-position:-111px -70px;} #mNav li:hover a#mNavEvents, #mNav li.hover a#mNavEvents {background-position:-276px -70px;} #mNav li:hover a#mNavSciTech, #mNav li.hover a#mNavSciTech {background-position:-435px -70px;} #mNav li:hover a#mNavEducation, #mNav li.hover a#mNavEducation {background-position:-614px -70px;} #mNav li:hover a#mNavResearch, #mNav li.hover a#mNavResearch {background-position:-790px -70px;} /* hover runctionality */ #mNav li ul {position:absolute; top:35px; left:-4999px; background:#fff; border-bottom:1px solid #fff; border-bottom:2px solid #7e663c;padding-top:17px; background:#000 url(/css/i/bg_mNavSubNav.gif) no-repeat 0 0;} #mNav li:hover ul, #mNav li.hover ul {left:0;} #mNav li ul li {display:block; float:none; background:#c6af85; width:170px;} #mNav li ul li.first {border-top:2px solid #7e663c;} #mNav li ul li a {display:block; color:#34322e; padding:3px 10px ; width:150px; font-weight:bold; text-decoration:none;} #mNav li ul li a:hover {background:#d9ccb1;} /************************* Footer Nav & Copyright **************************/ #fNav {display:inline; float:left; position:relative; margin:30px 0 0; padding:0 20px; font-size:93%; text-transform:uppercase;} #fNav li {display:inline; float:left; position:relative; margin-right:15px;} #fNav li a {display:block; color:#cca562; text-decoration:none; } #fNav li a:hover, #fNav li a:active {text-decoration:underline;} #footer p {display:inline; float:left; margin:10px 20px 0; font-size:93%; color: #544a39;} /********************** Search /email forms ***********************/ #header div.search .field, #header div.search .watermark, #footer div.search .field, #footer div.search .watermark, #mainhome div.search .field, #mainhome div.search .watermark {color:#222; font-size:93%;padding:2px;} #header div.search .button, #footer div.search .button, #mainhome div.search .button {color:#e5d8bc; font-size:77%; font-weight:bold; background:#000 url(/css/i/arrow_a89e8a_000.gif) no-repeat 100% 50%; border:1px solid #000; padding-right:8px;} #header div.search {float:right; margin:83px 0 0 30px; display:inline;} #header div.search .field, #header div.search .watermark {width:100px; } #footer div.search {float:right; margin:25px 20px 0 0; display:inline;} #footer div.search .field {width:150px; } #footer div.search label {color:#808080; font-size:93%; margin-right:5px;} /********************** Connect ***********************/ #footer div.connect {display:inline; position:relative; float:right; margin:30px 20px 0 0; font-size:93%; text-transform:uppercase;} #footer div.connect a {display:inline; float:right; color:#cca562; text-decoration:none; } #footer div.connect a:hover, #footer div.connect a:active {text-decoration:underline;} #footer div.connect img {display:inline; padding:0 0 0 10px; }