@CHARSET "UTF-8";

body { background: #000000; margin: 0; padding: 0; }
#container { width: 1250px; margin: 0 auto 0 auto; }

#header-container { width: 100%; height: 202px; margin: 0; }
#header { width: 100%; height: 159px; background: url('/javax.faces.resource/images/layout/header.background.png.xhtml'); position: relative; }
#header .countdown-container { width: 500px; position: relative; left: 650px; padding-top: 15px; }
#header .countdown-container .text-container { float: right; display: block; text-transform: uppercase; font-family: DroidSans; position: relative; top: 10px; }
#header .countdown-container .countdown-text { display: block; color: #ffffff; font-weight: bold; }
#header .countdown-container .location { display: block; color: #3a0303; font-size: 11.5px; text-align: right; }
#header .countdown-container .date-container { width: 92px; float: right; display: block; }
#header .countdown-container .date-container .event-datebox { width: 41px; float: left; margin-left: 5px; }
#header .countdown-container .date-container .event-datebox .month { font-size: 8.5px; padding-top: 3px; }
#header-container #logo { width: 318px; height: 70px; position: absolute; top: 65px; left: 95px; }

#menu-container { width: 100%; height: 43px; background: url('/javax.faces.resource/images/layout/menu.background.png.xhtml'); }
#menu { width: 739px; position: relative; left: 370px; }
ul#nav { width: 739px; height: 43px; position: relative; left: 370px; list-style: none; margin: 0; padding: 0; }
ul#nav > li { float: left; display: block; height: 42px; margin-top: 1px; text-indent: -10000px; }
ul#nav > li > a { width: 100%; height: 100%; display: block; }
ul#nav li ul li { text-indent: 0px; }

ul#nav li#home { width: 63px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') 0 0 no-repeat; }
ul#nav li#home:hover { width: 63px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') 0 -42px no-repeat; }
ul#nav li#aboutus { width: 85px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -63px 0 no-repeat; }
ul#nav li#aboutus:hover { width: 85px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -63px -42px no-repeat; }
ul#nav li#competitions { width: 112px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -148px 0 no-repeat; }
ul#nav li#competitions:hover { width: 112px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -148px -42px no-repeat; }
ul#nav li#programs { width: 89px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -260px 0 no-repeat; }
ul#nav li#programs:hover { width: 89px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -260px -42px no-repeat; }
ul#nav li#media { width: 63px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -349px 0 no-repeat; }
ul#nav li#media:hover { width: 63px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -349px -42px no-repeat; }
ul#nav li#partners { width: 85px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -412px 0 no-repeat; }
ul#nav li#partners:hover { width: 85px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -412px -42px no-repeat; }
ul#nav li#resources { width: 93px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -497px 0 no-repeat; }
ul#nav li#resources:hover { width: 93px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -497px -42px no-repeat; }
ul#nav li#alumni { width: 73px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -590px 0 no-repeat; }
ul#nav li#alumni:hover { width: 73px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -590px -42px no-repeat; }
ul#nav li#contact { width: 76px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -663px 0 no-repeat; }
ul#nav li#contact:hover { width: 76px; background: url('/javax.faces.resource/images/layout/menu.sprite.png.xhtml') -663px -42px no-repeat; }

#main { width: 100%; min-height: 500px; background: url('/javax.faces.resource/images/layout/main.dots.background.png.xhtml') center bottom no-repeat #dcd6c6; padding-bottom: 175px; margin: 0; }
#main #banner { width: 100%; height: 224px; }

#footer-container { clear: both; width: 100%; height: 195px; background: url('/javax.faces.resource/images/layout/footer.background.png.xhtml') no-repeat; position: relative; top: -75px; padding-top: 180px; }
#footer { width: 100%; height: 195px; color: #ffffff; position: relative; font-size: 11.5px; }
#footer a:link, #footer a:visited, #footer a:active { color: #ffffff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p:first-child { margin-top: 0; padding-top: 0; }
#footer #contact-info { width: 275px; position: absolute; left: 440px; top: 20px; }
#footer #member-of { width: 400px; position: absolute; left: 750px; }
#footer #member-of img { float: left; margin-right: 20px; }
#footer #member-of #wsi-logo-small { position: relative; top: -25px; }
#footer #copyright { width: 325px; position: absolute; left: 750px; top: 60px; }
#footer #footer-logo { width: 318px; height: 70px; position: absolute; top: 35px; left: 55px; }

/** Rules for content pages **/

#content-container { width: 100%; padding-top: 50px; position: relative; }

#left-menu-container { float: left; min-height: 215px; position: relative; width: 400px; background: url('/javax.faces.resource/images/layout/left.menu.background.png.xhtml') top right no-repeat; }
#left-menu { padding-top: 35px; float: right; width: 300px; position: relative; margin-right: 30px; }
#left-menu ul { list-style: none; color: #615e56; font-family: DroidSans; }
#left-menu ul li { display: block; line-height: 30px; border-bottom: 1px solid #cfc8b9; list-style: none; }
#left-menu ul li a:link, #left-menu ul li a:visited { color: #615e56; text-decoration: none; }
#left-menu ul li a:hover { color: #383631; }
#left-menu ul li a.current-page:link, #left-menu ul li a.current-page:visited { font-weight: bold; }

#content { float: left; width: 700px; padding-top: 30px; padding-left: 35px; padding-right: 100px; }
#content-wide { width: 850px; padding-top: 30px; margin: auto; }

/** **/