* { border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; border-right-width: 0px; } body { background:#001e3b url(../content/images/bg.jpg) no-repeat scroll center top; /*repeat-x*/ font: 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif; color: #555555; } .fixed960{width:960px; margin-left: auto; margin-right: auto;} a:link, a:visited, a:active { color: #FFFFFF; text-decoration: none; } a:hover { color: #003366; } h2 a { font-size: 14px; display: block; width: auto; } /*-------------- clearing -------------------------------*/ .clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clearfix {display:inline-block;} .clearfix {display:block;} /*------------ Global Nav --------------------------------*/ #globalContainer { height: 30px; width: 100%; background-color:#001e3b; } #globalNav { margin-left: auto; margin-right: auto; width: 960px; height:30px; } #globalNav h1 { background: url(images/logo/logo-trans.png) no-repeat scroll 0%; margin: 0 0 0 0; float: left; text-indent: -9999px; } #globalNav h1 a { display: block; height: 26px; width: 72px; } #contentWrapper { height: 100%; } /*------------- Header ---------------------------------*/ #header { background:transparent url(images/header/header.jpg) no-repeat scroll center top; } #header h1 { background: url(images/logo/logo.png) no-repeat center top; margin: 0 0 0 0; float: left; text-indent: -9999px; } #header h1 a { display: block; height: 120px; width: 320px; } #contentCenter { background-color: #000000; width: 960px; margin-left: auto; margin-right: auto; } /* NAVBAR ---------------------------- */ #nav { margin: 0 auto; } #navbar { clear: both; border-top: 1px solid #fff; border-bottom: 1px solid #c7c7c7; background-color: #f7f7f7 ; } #navbar ul { float: left; padding-left: 17px; background: url(images/rounded-left.png) no-repeat; list-style-type: none; } #navbar ul li { float: left; } #navbar ul li a { display: block; padding: 12px 15px 12px 33px; font-weight: bold; color: #666; border-left: 1px solid #fff; border-right: 1px solid #d2d2d2; background-position: 12px center; background-repeat: no-repeat; } #navbar ul li a:hover { color: #06c; background-color: #f9f9f9; } /* add lines to left and right side of list */ li#nav-dashboard {border-left: 1px solid #d2d2d2;} li#nav-member {border-right: 1px solid #fff;} /* add icons to tabs */ #nav-home a {background-image: url(images/nav/icon-aia.png);} #nav-connect a {background-image: url(images/nav/icon-forum.png);} #nav-campus a {background-image: url(images/nav/icon-member.png);} #nav-global a {background-image: url(images/nav/icon-globe.png);} #nav-opportunities a {background-image: url(images/nav/icon-wiki.png);} #nav-resources a {background-image: url(images/nav/icon-rss.png);} #nav-about a {background-image: url(images/nav/icon-member.png);} #nav-sportscomplex a {background-image: url(images/nav/icon-sportscomplex.png);} /* different background color using to highlight tab that correlates with the page the user is on */ #dashboard li#nav-dashboard {background-color: #f9f9f9;} #dashboard li#nav-dashboard a {color: #333;} /* each item in the toolbard would be repeated likewise, e.g. #forum li#nav-forum {} #forum li#nav-forum a {} ... */ div#search { float: right; padding: 3px 13px 0 0; width: 175px; text-align: right; background: url(images/rounded-right.png) no-repeat right top; } /* attribute selector */ div#search input[type="text"] { border: 1px solid #ccc; width: 130px; padding: 2px; font-family: Arial, sans-serif; vertical-align: middle; } /* attribute selector */ div#search input[type="image"] { vertical-align: middle; } /*-------------------------- end navbar ---------------- */ /* Sports-Complex-Nav -----------------------------------*/ #cLeft { height: 524px; background: url(images/left-nav/leftmenu-bg.jpg) no-repeat scroll 0%; } #cLeft ul { background: url(images/rounded-left.png) no-repeat; list-style-type: none; } #cLeft ul li { } #smallmenu { width: 220px; height: 130px; } #nSportsComplex { margin: 10px 0 0 1px; } #nChallengeCourse { padding: 33px 1px 0 1px; } #nRetreatCenter { padding: 20px 1px 0 1px; } #nSportsComplex h2, #nChallengeCourse h2 ,#nRetreatCenter h2 { padding: 2px 1px 0 5px; margin-left: auto; margin-right: auto; text-align:center; } #nSportsComplex img, #nChallengeCourse img ,#nRetreatCenter img { margin-left: 34px; padding-bottom: 11px; } .smallnav { margin-top: 20px; text-align:center; } .smallnav li { padding-bottom: 11px; } #navflyout { position:relative; left:220px; top:-550px; /*height: 410px;*/ /*524px;*/ width: 200px; /*background-color:#CF3;*/ text-align:center; z-index: 1002; } .nnsportscomplex { position: relative; top: 20px; border-top-width: 5px; border-top-style: solid; border-top-color: #665a59; z-index:1050; display: none; } .nnchallengecourse { position: relative; top: 155px; border-top-width: 5px; border-top-style: solid; border-top-color: #665a59; z-index:1050; display: none; } .nnretreatcenter { position: relative; top: 287px; border-top-width: 5px; border-top-style: solid; border-top-color: #665a59; z-index:1050; display: none; } .nnsportscomplex li, .nnchallengecourse li, .nnretreatcenter li { background-color: #665a59; padding-bottom: 11px; } .nnsportscomplex h2, .nnchallengecourse h2, .nnretreatcenter h2 { margin-left: auto; margin-right: auto; color: #FFFFFF; font-weight:bolder; background-color:#7b6b69; padding: 4px; } /* END Sports Complexe Nav/* /* Content -----------------------------------*/ #cRight { margin-top: 0px; padding-top: 0px; height: 524px; background:#625656 url(images/left-nav/content-bg.jpg) repeat-y left top; } #cRightContent { margin: 0 22px 0 32px; } #videoContainer { position:relative; /*left:32px; top:25px;*/ top: -440px; width:215px; height:178px; z-index:1000; /*background-color:#CF3;*/ } .vidInfo { color: #f9fcc8; background-color: #675959; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-size-adjust: none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bolder; letter-spacing:-1px; line-height:16px; text-align:center; cursor:pointer; padding: 5px 0 8px 0; } .vidInfo h3 { font-size:16px; font-weight:bolder; } .vidInfo h4 { border-bottom: 1px solid #fff; padding: 0 0 3px 0; } .vidInfo p { color: white; font-size: 10px; line-height: 12px; } /***---- Staff Information Box ---***/ #staffinfo { position: relative; left: 215px; top: -98px; font-size: 12px; text-align: left; /* position:relative; left:33px; top:202px; */ width: 325px; height: 250px; z-index: 1001; float: left; background-image: url(images/staffinfo.gif); background-repeat: no-repeat; /*background-color:#F00; display: block; */ max-height: 200px; color: #003366; padding: 20px; display: none; font-weight: normal; } /*------------------------------------*/ #cRightHeader { height: 30px;/*55px;*/ background-color:#003366; color: #FFF; } #cRightHeader h3 { float: right; padding: 3px 5px 0 0; display:block; vertical-align:top; } #cRightHeader h3 img { float: right; margin-left: 5px; border: 1px solid #FFF; } #cRightTop { height: 469px; /*361px;*/ } #cRightBottom { /*height: 108px; background-color:#625656;*/ } /* -------------- Video Fixes ------------ */ .play_button { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; /*background:transparent url(images/play.png) no-repeat scroll 0 -150px;*/ background:transparent url(images/play.png) no-repeat scroll 0 0; height:150px; position:absolute; width:200px; z-index:10000; } .play_button:hover { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(images/play.png) no-repeat scroll 0 0; } /* PANEL Rotator Content over*/ .panel { /*margin-bottom: 25px; */ } .panel-overlay img { float: left; /*margin: 0 0 5px 125px;*/ } .panel-overlay p { display: block; float: right; width: 450px; } .strip_wrapper { margin: 25px 0 25px 0; } .nav-prev, .nav-next { padding-top: 25px; } div#fancy_inner, div#fancy_outer{ z-index: 1101; } /* the overlayed element */ div.overlay { /* growing background image */ background-image:url(images/white.png); /* dimensions after the growing animation finishes */ width:600px; height:470px; /* initially overlay is hidden */ display:none; /* some padding to layout nested elements nicely */ padding:55px; } /* default close button positioned on upper right corner */ div.overlay div.close { background-image:url(images/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; } /* black */ div.overlay.black { background:url(images/transparent.png) no-repeat !important; color:#fff; } /* petrol */ div.overlay.petrol { background:url(images/petrol.png) no-repeat !important; color:#fff; } div.black h2, div.petrol h2 { color:#ddd; }