/*
TABLE OF CONTENTS
	Typography
	Forms
	Data Tables
	Navigation
	Subnav Tabs
	Layout
*/

/* TYPOGRAPHY
---------------------------------------------------------------*/
body
{
	color: #000;
	font-family: Georgia, "Times New Roman" , Times, serif; /*font-size:93%;*/
	font-size: 77%;
}
p
{
	margin: 0 0 20px 0; /*line-height:146%; */
	line-height: 138.5%;
}
strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

/* titles, subtitles */
h2.page-title
{
	font-size: 138.5%;
	font-weight: bold;
	color: #54403D;
	margin: 0 0 20px 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: block;
	height: 26px;
	text-transform: uppercase;
}
h3.page-subtitle
{
	margin: 0 0 10px 0;
	text-transform: uppercase;
	color: #b38956;
	font-weight: bold;
	font-size: 118%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
span.page-subtitle
{
	margin: 0 0 10px 0;
	text-transform: uppercase;
	color: #b38956;
	font-weight: bold;
	font-size: 118%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
span.helperText
{
	text-transform: none;
	font-weight: normal;
	font-size: 69%;
	color: #2A110D;
}

/* error styles */
.textError
{
	font-weight: bold;
	color: #f00;
}
.formError
{
	background: #fbb;
}

/* lists */
#content-area ul
{
	margin: 0 0 10px 20px;
	list-style: circle;
}
#content-area ol
{
	margin: 0 0 10px 20px;
	list-style: decimal;
}
#content-area li
{
	line-height: 161.6%;
}

/* text links */
#content-area a:link
{
	color: #CA9A47;
	text-decoration: none;
}
#content-area a:visited
{
	color: #CA9A47;
	text-decoration: none;
}
#content-area a:hover
{
	color: #CA9A47;
	text-decoration: underline;
}
#content-area a:active
{
	color: #CA9A47;
	text-decoration: underline;
}

/* page titles */
h2.aboutGM
{
	width: 358px;
}
h2.aboutVail
{
	width: 157px;
}
h2.apply
{
	width: 65px;
}
h2.contactUs
{
	width: 128px;
}
h2.event
{
	width: 65px;
}
h2.faq
{
	width: 40px;
}
h2.gallery
{
	width: 90px;
}
h2.rules
{
	width: 63px;
}
h2.schedule
{
	width: 221px;
}
h2.hosts
{
	width: 114px;
}
h2.home
{
	width: 443px;
	height: 69px;
}

/* FORMS
---------------------------------------------------------------*/
form
{
	margin: 0;
	padding: 0;
}
button
{
	background: #2A110D;
	color: #fff;
	font-size: 93%;
	font-weight: bold;
	border-style: outset;
	border-color: #2A110D;
	font-family: Georgia, "Times New Roman" , Times, serif;
}
button:active
{
	border-style: inset;
}
.textbox
{
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 93%;
	background: #efefef;
	border: 1px solid #2A110D;
	color: #000;
	padding: 2px;
}

.button
{
	color: #fff;
	background: #2A110D;
	font-weight: bold;
}

.select
{
	font-family: Georgia, "Times New Roman" , Times, serif;
	background: #efefef;
	border: 1px solid #2A110D;
}

form p, h3
{
	clear: both;
}

/* DATA TABLES
-----------------------------------------------------------*/
table
{
	color: black;
	border-spacing: 0;
	border-collapse: collapse;
	width: 450px;
}
table tr th
{
	padding: 5px;
	color: #fff;
	font-weight: bold;
	background: #2A110D;
	text-align: center;
	border-bottom: 0;
}
table tr
{
	border-bottom: 1px solid #c9c9c9;
}
table td
{
	text-align: center;
	padding: 5px;
	font-size: 1em;
}

/* Row coloring */
.numericData
{
	text-align: right;
}
.alternateRow
{
	background: #efefef;
	border-bottom: 1px solid #c9c9c9;
}
.totalsRow
{
	font-weight: bold;
	background: #c9c9c9;
}

button.remove
{
	color: #fff;
	background: #2A110D;
	padding: 1px;
}

/* Link styles within a table */
#content table tr td a:link
{
	font-weight: bold;
	color: #000;
}
#content table tr td a:visited
{
	font-weight: bold;
	color: #000;
}
#content table tr td a:hover
{
	font-weight: bold;
	color: #999;
	background: none;
}
#content table tr td a:active
{
	font-weight: bold;
	color: #000;
	background: none;
}

#content table tr th a:link
{
	color: #fff;
}
#content table tr th a:visited
{
	color: #fff;
}
#content table tr th a:hover
{
	color: #ccc;
}
#content table tr th a:active
{
	color: #fff;
}




/* NAVIGATION
---------------------------------------------------------------*/
#nav li
{
	float: left;
	height: 33px;
}
#nav li a
{
	display: block;
	text-indent: -9999px;
	height: 33px;
}

#nav li#event a
{
	width: 54px;
	background: url( '../images/nav-event.gif' ) 0 0 no-repeat;
}
#nav li#event a:hover
{
	background-position: 0 -33px;
}
#nav li#apply a
{
	width: 60px;
	background: url( '../images/nav-apply.gif' ) 0 0 no-repeat;
}
#nav li#apply a:hover
{
	background-position: 0 -33px;
}
#nav li#schedule a
{
	width: 89px;
	background: url( '../images/nav-schedule.gif' ) 0 0 no-repeat;
}
#nav li#schedule a:hover
{
	background-position: 0 -33px;
}


#nav li#rules a
{
	width: 62px;
	background: url( '../images/nav-rules.gif' ) 0 0 no-repeat;
}
#nav li#rules a:hover
{
	background-position: 0 -33px;
}
#nav li#faq a
{
	width: 47px;
	background: url( '../images/nav-faq.gif' ) 0 0 no-repeat;
}
#nav li#faq a:hover
{
	background-position: 0 -33px;
}
#nav li#gallery a
{
	width: 79px;
	background: url( '../images/nav-gallery.gif' ) 0 0 no-repeat;
}
#nav li#gallery a:hover
{
	background-position: 0 -33px;
}


#nav li#contact a
{
	width: 85px;
	background: url( '../images/nav-contact.gif' ) 0 0 no-repeat;
}
#nav li#contact a:hover
{
	background-position: 0 -33px;
}
#nav li#aboutGM a
{
	width: 243px;
	background: url( '../images/nav-aboutGM.gif' ) 0 0 no-repeat;
}
#nav li#aboutGM a:hover
{
	background-position: 0 -33px;
}
#nav li#aboutVail a
{
	width: 99px;
	background: url( '../images/nav-aboutVail.gif' ) 0 0 no-repeat;
}
#nav li#aboutVail a:hover
{
	background-position: 0 -33px;
}

#nav li#hosts a
{
	width: 81px;
	background: url( '../images/nav-hosts.gif' ) 0 0 no-repeat;
}
#nav li#hosts a:hover
{
	background-position: 0 -33px;
}


/* SUBNAV TABS
---------------------------------------------------------------*/
/* SUBNAV TABS
---------------------------------------------------------------*/
.subnav
{
	border-bottom: 2px solid #2A110D;
	height: 17px;
	margin: 0 30px 10px 0;
	font-size: 77%;
	width: 650px;
}
.subnav div.tab
{
	float: left;
	padding: 0 2px 0 2px;
}
.subnav a
{
	margin: 0 0 0 2px;
	padding: 5px 5px 4px 5px;
	background: #2A110D;
	position: relative;
	border: solid 1px #2A110D;
}
.subnav a.subnav-disabled
{
	background: #fff;
	color: #000;
	font-weight: bold;
	border-top: 1px solid #2A110D;
	border-left: 1px solid #2A110D;
	border-right: 1px solid #2A110D;
	border-bottom: none;
}
#content-area div.subnav a:link
{
	color: #fff;
	text-decoration: none;
}
#content-area div.subnav a:visited
{
	color: #fff;
	text-decoration: none;
}
#content-area div.subnav a:hover
{
	color: #fff;
	text-decoration: none;
	background: #2A110D;
}
#content-area div.subnav a:active
{
	color: #fff;
	text-decoration: none;
	background: #2A110D;
}

#content-area div.subnav a.subnav-disabled:link
{
	color: #000;
	text-decoration: none;
}
#content-area div.subnav a.subnav-disabled:visited
{
	color: #000;
	text-decoration: none;
}
#content-area div.subnav a.subnav-disabled:hover
{
	color: #000;
	text-decoration: none;
	background: #fff;
}
#content-area div.subnav a.subnav-disabled:active
{
	color: #000;
	text-decoration: none;
	background: #fff;
}


/* LAYOUT
---------------------------------------------------------------*/
body
{
	text-align: center;
}

/* site home link */
h1.site-title
{
	font-size: 1px;
	text-indent: -9999px;
	width: 368px;
	height: 104px;
	margin: 0 auto;
}
h1.site-title a
{
	display: block;
	width: 368px;
	height: 104px;
	background: url( '../images/site-title.gif' ) 0 0 no-repeat;
}

/* site structure */
#site-container
{
	width: 900px;
	text-align: left;
	margin: 0 auto;
	_width: 899px;
}
#content-container
{
	clear: both;
	border: 1px solid #2A110D;
	background: url( '../images/content-bg.jpg' ) 0 0 no-repeat;
	min-height: 505px;
}
#content-area
{
	width: 545px;
	margin: 25px 0 0 205px;
	_padding: 25px 0 0 205px;
}
.float-fix
{
	clear: both;
	height: 0px;
}
#footer
{
	height: 13px;
	background: url( '../images/footer-bg.gif' ) top right no-repeat;
	position: relative;
	top: -14px;
	left: -1px;
}
#legal
{
	text-align: center;
	font-size: 77%;
	color: #999;
	margin: 0 0 20px 0;
}


/* for age check page */
#content-area.index form
{
	text-align: center;
	margin: 50px 0 0 0;
}

/* for homepage */
.homepagePic
{
	float: left;
	display: block;
	margin: 0 10px 20px 0;
}


/* for application pages */
#progressBar
{
	margin: 0 0 20px 0;
	clear: both;
	height: 32px;
}
#progressBar ol
{
	list-style: none;
}
#progressBar ol li
{
	float: left;
	height: 32px;
	width: 60px;
	text-align: center;
	line-height: 200%;
	background: #fff;
	color: #d2d2d2;
}
#progressBar ol li.active
{
	float: left;
	height: 32px;
	width: 60px;
	text-align: center;
	line-height: 200%;
	background: #2A110D;
	color: #fff;
}


.galleryPic
{
	display: block;
	float: left;
	border: 1px solid #2A110D;
	margin: 0 10px 10px 0;
}

.returningApplicant
{
	border: 1px solid #ddd;
	padding: 5px;
	width: 315px;
	float: right;
	margin: -50px 0 20px 0;
}

.extraPhotoLeft
{
	float: left;
	border: 1px solid #2A110D;
	margin: 0 10px 10px 0;
}
.extraPhotoRight
{
	float: right;
	border: 1px solid #2A110D;
	margin: 0 0 10px 10px;
}