/*
 * $Id: style.css,v 1.0.0.0 03/21/2009 ebarer Exp $
 * Elliot Barer, ebarer [at] mac [dot] com
 */


/* RESETS */
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code, em, font, img, strong, var, ul, ol, dl, li,
fieldset, form, label, caption,
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
body { background: #eeeeee; text-align: center; color: #333; font: 16px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
a { text-decoration: none; color: #333; border-bottom: 1px dotted #333; cursor: pointer; }
a:hover { color: black; border-bottom: 1px dotted #bababa; }
ol, ul { list-style: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }


/*MAIN*/
div#container { background: #bababa url(images/bg.png) repeat-x; }


/*HEADER*/
div#header { background: url(images/header.png) repeat-x; height: 195px; width: 1000px; margin: 0 auto; }
a.logo { background: url(images/logo.png) no-repeat; display: block; height: 195px; width: 502px; margin: 0 auto; border: none; }
a.logo:hover { border: none; }
a.logo .hover { display: block; background: url(images/logo.png) no-repeat 0 -195px; height: 195px; border: none; }
div#header-menu { background: url(images/header.png) repeat-x 0 -195px;  }
div#header-menu div#menu { width: 1000px; margin: 0 auto; height: 35px; }
div#header-menu div#menu p#title { display: block; width: 270px; position: relative; top: 2px; line-height: 34px; font-family: ADScalaSansCaps; font-size: 18px; font-weight: normal; text-shadow: #fff 0 1px 0; color: #333; float: left; padding-left: 20px; }
div#header-menu div#menu p#title a { border: none; color: #666; }
div#header-menu div#menu p#title a:hover { color: #333; }
div#header-hide { background: url(images/arrow.png) no-repeat 0px -34px; display: block; width: 50px; height: 34px; float: right; position: relative; right: 220px; cursor: pointer; }
div#header-hide .hover { display: block; background: url(images/arrow.png) no-repeat -50px -34px; width: 50px; height: 34px; position: absolute; top: 0; }
div#header-menu div#menu ul#nav { float: right; position: relative; width: 240px; top: 1px; padding-right: 20px; }
div#header-menu div#menu ul#nav li { display: inline; float: left; width: 60px; }
div#header-menu div#menu ul#nav a.nav { background: url(images/nav.png) no-repeat; float: left; display: inline; height: 34px; width: 60px; color: #333; text-transform: uppercase; font-size: 10px; border: none; }
div#header-menu div#menu ul#nav a.nav * { display: none; }
div#header-menu div#menu ul#nav a.nav .hover { display: block; height: 34px; width: 60px; background: url(images/nav.png) no-repeat; }
div#header-menu div#menu ul#nav li a.nav#about { background-position: 0 0; }
div#header-menu div#menu ul#nav li a.nav#about .hover { background-position: 0 -34px; }
div#header-menu div#menu ul#nav li a.nav#rush { background-position: -60px 0; }
div#header-menu div#menu ul#nav li a.nav#rush .hover { background-position: -60px -34px; }
div#header-menu div#menu ul#nav li a.nav#events { background-position: -120px 0; }
div#header-menu div#menu ul#nav li a.nav#events .hover { background-position: -120px -34px; }
div#header-menu div#menu ul#nav li a.nav#contact { background-position: -180px 0; }
div#header-menu div#menu ul#nav li a.nav#contact .hover { background-position: -180px -34px; }


/*CONTENT*/
div.main { background: url(images/main-bg.png) repeat-x 0 bottom #bababa; }
div#content-shadow-top { background: url(images/content-shadow-top.png) no-repeat; height: 17px; width: 1000px; margin: 0 auto 10px;  }
div#content-top { background: url(images/content-top.png) no-repeat; height: 7px; width: 1000px; margin: auto auto; }
div#content-base { background: url(images/content-base.png) no-repeat; height: 10px; width: 1000px; margin: auto auto; }
div#content-shadow-base { background: url(images/content-shadow-base.png) no-repeat; height: 17px; width: 1000px; margin: 15px auto 0;  }
div#content { width: 914px; padding: 26px 26px; margin: 0 auto; text-align: justify; }
div#content-logo { margin-left: 20px; }
div#content h2 { padding-bottom: 15px; font-size: 22px; }
div#content p { text-align: justify; font-size: 12px; line-height: 20px; }
div#content ul { padding: 10px 0; }
div#content li { position: relative; left: 15px; list-style-type: square; text-align: justify; font-size: 12px; line-height: 20px; }
div#content a { color: #333; border-bottom: 1px dotted #333; padding: 2px; }
div#content a:hover { background-color: #3787d5; color: white; border-bottom: 1px dotted white; }
div#content table#contact { margin: 10px auto;text-align: justify; line-height: 24px; font-size: 12px; }
div#content table#contact th { text-align: left; width: 150px; background-color: #999; padding: 5px; }
div#content table#contact tr.odd { background-color: #bababa; }
div#content table#contact tr.even { background-color: #c1c1c1; }
div#content table#contact td { text-align: left; padding: 5px; border-bottom: 1px solid #999; }
div#content table#contact td.position { font-weight: bold; }
div#content table#contact tbody tr td a { padding: 0; }


/*FOOTER*/
div#footer { background: #eee url(images/footer.png) repeat-x; margin: 0 auto; }
div#footer p { width: 1000px; margin: 5px auto; font-size: 11px; line-height: 14px; text-align: center;}
div#footer ul#letters { width: 936px; height: 58px; position: relative; margin: 0 auto; text-align: center; }
div#footer ul#letters li { background: url(images/letters.png) no-repeat; display: inline; float: left; width: 104px; text-align: center; }
div#footer ul#letters li a.fraternities { background: url(images/letters.png) no-repeat 0 0; float: left; display: inline; height: 58px; width: 104px; border: none; } 
div#footer ul#letters li a.fraternities * { display: none; }
div#footer ul#letters li a.fraternities .hover { background: url(images/letters.png) no-repeat 0 0; display: block; height: 58px; width: 104px; }
div#footer ul#letters li a.fraternities div { background: url(images/badge.png) no-repeat 0 0; z-index: 5; position: absolute; left: auto; top: -130px; width: 104px; height: 160px; display: none; }
div#footer ul#letters li a.fraternities div em { background: rgba(0,0,0,0.8); color: white; /* text-shadow: 0px 0px 40px black; */ text-align: left; position: relative; padding: 10px 15px 10px 15px; left: 98px; top: 30px; margin: 0; font-style: normal; font-weight: normal; font-size: 16px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }



/* RUSH */
td#subnav { background: url(images/subnav-back.png) no-repeat -10px 50%; width: 160px; padding-right: 15px; }
td#subnav ul { width: 140px; height: 200px; text-align: right; }
td#subnav li { display: block; width: 140px; height: 40px; list-style: none; font-size: 12px; text-align: right; left: 0; }
td#subnav li a.nav { background: url(images/subnav.png) no-repeat; position: relative; display: block; width: 140px; height: 40px; padding: 0 10px; right: 20px; border: none; }
td#subnav li a.nav * { display: none; }
td#subnav li a.nav .hover { background: url(images/subnav.png) no-repeat; display: block; position: absolute; top: 0; height: 40px; width: 140px; border: none; padding: 0 10px; right: 0px; }

td#subnav li a.nav#rush-1 { background-position: 0px 0px; }
td#subnav li a.nav#rush-1 .hover { background-position: -160px 0px; }
td#subnav li a.nav#rush-2 { background-position: 0px -40px; }
td#subnav li a.nav#rush-2 .hover { background-position: -160px -40px; }
td#subnav li a.nav#rush-3 { background-position: 0px -80px; }
td#subnav li a.nav#rush-3 .hover { background-position: -160px -80px; }
td#subnav li a.nav#rush-4 { background-position: 0px -120px; }
td#subnav li a.nav#rush-4 .hover { background-position: -160px -120px; }
td#subnav li a.nav#rush-5 { background-position: 0px -160px; }
td#subnav li a.nav#rush-5 .hover { background-position: -160px -160px; }


/*FRATERNITY SPECIFIC*/
div#footer ul#letters li a.fraternities#adf { background-position: -32px 0; }
div#footer ul#letters li a.fraternities#adf .hover { background-position: -32px -58px; }
div#footer ul#letters li a.fraternities#adf div { background-position: 0px 0; left: 0px; }

div#footer ul#letters li a.fraternities#aep { background-position: -136px 0; }
div#footer ul#letters li a.fraternities#aep .hover { background-position: -136px -58px; }
div#footer ul#letters li a.fraternities#aep div { background-position: -104px 0; left: 104px; }

div#footer ul#letters li a.fraternities#btp { background-position: -240px 0; }
div#footer ul#letters li a.fraternities#btp .hover { background-position: -240px -58px; }
div#footer ul#letters li a.fraternities#btp div { background-position: -208px 0; left: 208px; }

div#footer ul#letters li a.fraternities#dke { background-position: -344px 0; }
div#footer ul#letters li a.fraternities#dke .hover { background-position: -344px -58px; }
div#footer ul#letters li a.fraternities#dke div { background-position: -312px 0; left: 312px; }

div#footer ul#letters li a.fraternities#ks { background-position: -448px 0; }
div#footer ul#letters li a.fraternities#ks .hover { background-position: -448px -58px; }
div#footer ul#letters li a.fraternities#ks div { background-position: -416px 0; left: 416px; }

div#footer ul#letters li a.fraternities#fdt { background-position: -552px 0; }
div#footer ul#letters li a.fraternities#fdt .hover { background-position: -552px -58px; }
div#footer ul#letters li a.fraternities#fdt div { background-position: -520px 0; left: 520px; }

div#footer ul#letters li a.fraternities#fgd { background-position: -656px 0; }
div#footer ul#letters li a.fraternities#fgd .hover { background-position: -656px -58px; }
div#footer ul#letters li a.fraternities#fgd div { background-position: -624px 0; left: 624px; }

div#footer ul#letters li a.fraternities#psu { background-position: -760px 0; }
div#footer ul#letters li a.fraternities#psu .hover { background-position: -760px -58px; }
div#footer ul#letters li a.fraternities#psu div { background-position: -728px 0; left: 728px; }

div#footer ul#letters li a.fraternities#sx { background-position: -864px 0; }
div#footer ul#letters li a.fraternities#sx .hover { background-position: -864px -58px; }
div#footer ul#letters li a.fraternities#sx div { background-position: -832px 0; left: 832px; }