/* RESET 
--------------------------------------------------------- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal; }

/* HTML TAGS 
--------------------------------------------------------- */
hr {border: 1px solid #FFF; height: 0px; margin: 5px 0 15px -130px; width:848px;} 
img {border:none;}


/* TYPOGRAPHY 
--------------------------------------------------------- */
body {font-size:65%; font-family: Helvetica, Arial, sans-serif; color:#222;}
h1, h2, h3, a, strong {color:#3C89B2}
h1,h2,h3,h4, strong {font-weight:bold;}
h1 {font-size: 1.6em;}
h2{font-size:1.2em;}
body#volunteer #content h3, body#volunteer #content strong {font-size: 75%}
#content{font-size:1.3em}
#design {font-size:1.0em; margin: 5px 0 0; color:#aaa; text-align:right;}
#design a {text-decoration:none;}
.map-lg, .map-pdf {text-decoration:none; color:#666; font-size:1.3em; letter-spacing:-.5pt; font-weight:bold; }
.map-lg:hover, .map-pdf:hover {color:#3C89B2}
.map-links {text-align:right;}
.errors, .errors strong {color:#A00;}
.submit{text-transform:uppercase; background-color:#3c89b2; color: #FFF; font-size:0.85em; font-weight:bold;}


/* LAYOUT 
--------------------------------------------------------- */
body {background: #000 url(../images/body-bg.jpg) no-repeat 50% 0; text-align:center; margin:0; padding:0;}
#page-wrapper {width:988px; text-align: left; margin:0 auto; position:relative;}
#header {width:980px; height:510px; margin:0 0 0 0px; background: transparent url(../images/header-bg.gif) no-repeat; position:relative;}
#global-logo {margin:10px 0 0 50px;}
#facebook {position:relative; margin:-60px 0 0 305px;}

#picture-holder {
	border: none;
	height:300px;
	width:435px;
	position: absolute;
	top: 24px;
	left: 437px;
}
#rotating-img {width: 425px; height: 290px; margin:6px; background-color:#ddd; overflow:hidden;}
.picture-bl-corner {position:absolute; left:-40px; bottom:-40px;z-index:99;}
.picture-tr-corner{position:absolute; top:-50px; right:-40px;z-index:99;}

#presented-by {height:100px;left:460px;position:absolute;top:340px;width:400px;}
#presented-by img{float:right;}
#presented-by h2{float:left; margin:10px;} 
#presented-by h2{background: transparent url(../images/presented-by.png) no-repeat; width:148px; height:16px; text-indent:-999em;}

#content {padding:12px; line-height: 24px; margin-left: 225px;}
#faqcontent {padding:12px; line-height: 24px; margin-left: 225px; height:auto; background-color:#FFF}
p {margin-bottom:15px;}
#content-wrapper{width:980px; height:740px; margin:0 0 0 0px; padding-left: 6px; /*background: transparent url(../images/body-bg-long.jpg) no-repeat;*/ position: relative;}
#page-wrapper.medium #content-wrapper{height:636px; /*background: transparent url(../images/body-bg-med.jpg) no-repeat;*/}
#page-wrapper.short #content-wrapper{height:325px; /*background: transparent url(../images/body-bg-short.jpg) no-repeat;*/}

#sidelogos {
	position: absolute;
	width: 193px;
	left: 16px;
	top: 208px;
	height: 84px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	line-height: 20px;
	color: #004d8c;
}

#signupnow {
	position:absolute;
	left: 573px;
	top: 272px;
}

.info-tabs {position: absolute; left: 26px;}
.volunteer-tab {position: absolute; right: 28px; bottom:150px;}
.faq-tab {position: absolute; right: 30px; bottom:50px;}
.map-links {width: 390px; float: left;  margin: 2px;}

body#info #content{margin-left:100px;}
body#maps #content{background: transparent url(../images/map-wht-bg.png)no-repeat;}
body#faq #content{height:525px; overflow:auto;}

/* GLOBAL NAV 
--------------------------------------------------------- */
ul#global-nav {
	padding:0;
	margin:20px 0 0 0px;
	background-image:url(../images/global-nav.png);
	background-position:-10px -20px;
	list-style:none;
	width:170px;
	position:absolute;
	left: 29px;
	top: -2px;
}
ul#global-nav li {height:25px; display: block; margin:0; padding:0;border-bottom:solid 1px #654;}
ul#global-nav li a {display: block; overflow: hidden; z-index:999; text-indent: -999px; height:25px; background-image:url(../images/global-nav.png);}

/* Normal States */
li#nav-home a {background-position:-10px -20px;}
li#nav-info a {background-position:-10px -46px;}
li#nav-maps a {background-position:-10px -72px;}
li#nav-registration a {background-position:-10px -98px;}
li#nav-volunteer a {background-position:-10px -124px;}
li#nav-faq a {background-position:-10px -150px;}
/*li#nav-contact a {background-position:-10px -176px;}*/

/* Hover States */
ul#global-nav li a:hover {position:relative; margin-left:-9px;}
li#nav-home a:hover {background-position:-200px -20px;}
li#nav-info a:hover {background-position:-200px -46px;}
li#nav-maps a:hover {background-position:-200px -72px;}
li#nav-registration a:hover {background-position:-200px -98px;}
li#nav-volunteer a:hover {background-position:-200px -124px;}
li#nav-faq a:hover {background-position:-200px -150px;}
/*li#nav-contact a:hover {background-position:-200px -176px;}*/

/* SPONSORS 
--------------------------------------------------------- */

#sponsors{width:886px; background: #fff url(../images/sponsor-bg-long.jpg) no-repeat 50% 0; margin:0; padding:25px 50px 10px 50px; position:relative;}
#page-wrapper.short #sponsors{background-image: url(../images/sponsor-bg-short.jpg); margin:-25px 0 0 0; }
#page-wrapper.medium #sponsors{background-image: url(../images/sponsor-bg-med.jpg); margin:-50px 0 0 0; }

#sponsors{_margin:0 0 0 2px;} /* IE HACK */
#page-wrapper.short #sponsors, #page-wrapper.medium #sponsors {_margin:-40px 0 0 2px; } /* IE HACK */

#sponsors h2{float:right;}
#sponsors h2{background: transparent url(../images/sponsored-by.png) no-repeat; width:162px; height:16px; margin-top: -19px; text-indent:-999em;}

#sponsors img {margin:5px;}
#gold, #silver, #bronze, #media {width:736px; text-align:center; padding: 25px 75px; border-top:solid 1px #333;}
/*#gold {background-image: url(../images/sticky-gold.jpg)}
#silver { background-image: url(../images/sticky-silver.jpg);}
#bronze { background-image: url(../images/sticky-bronze.jpg);}
#media { background-image: url(../images/sticky-media.jpg); margin-bottom:50px;}*/

/* LISTS
--------------------------------------------------------- */
li ul {margin-left:43px; display:none;}
li:hover > ul {display:block;}
body#registration #content ul {width: 375px;}
ul {list-style:none;}

/* FORMS 
--------------------------------------------------------- */
#emailform{width:725px; margin:25px; position:relative;}
label{width:150px; display:block; float:left; height:20px; margin:3px;}
#firstname, #lastname, #email, #vericode {width:200px; height:20px; margin:3px;}
#question{width: 400px; height:100px; margin:3px;}
#emailform .submit, #emailform #optin, #emailform img {margin:3px 3px 3px 160px; }
#emailform .submit{_margin-left:141px; padding:3px; border:solid 1px #555;}
#emailform #optin { _margin-left:162px;}
#emailform img {_margin-left:165px;}