/********* General Styles *********/ 

body {
 background:#000000;
 font: Arial, Sans-Serif; 
 color: #FFFFFF;
 text-align:center;
 margin-top: 10px;
 padding:0;
 }

a {
text-decoration:none;
color: #BC1401;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color: gray;
background-color:inherit;
}

a img {
border:0;
}

#outer {
 width:860px;
 margin:auto;
 text-align: left;
 }

hr { 
        color: #9E1601;
	height: 1px;
}



/*********** Header *************/

#header {
 height:130px;
 align: center;
 margin-bottom:10px;
 }

#header h1 {
color:#FFFFFF;
font-size:2.3em;
padding:0;
margin: 0;
}

#header h1 a {
color:#FFFFFF;
text-decoration:none;
padding:0;
}

/************ Menu ************/

#menuleft{
float: left;
font-size: 90%;
width: 30%;
background: transparent;
}


#menu{
float: right;
padding: 0;
width: 70%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#menu ul{
margin:0;
float: right;
margin-right: 10px; 
padding: 0;
list-style: none;
}

#menu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#menu a{
float: left;
display: block;
color: white;
margin: 0 10px 0 0; 
padding: 10px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black;
}

#menu a:hover{
background-color: gray; 
}

#menu #current a{ 
background-color: #9E1601;
border-color: #9E1601; 
}

#menuline{
clear: both;
padding: 0;
width: 100%;
height: 3px;
line-height: 3px;
margin-bottom: 3px;
background: #9E1601; 
}


/***************** Main Content ***************/

#content {
 clear: both;
 background: inherit;
 width: 860px;
 padding: 0;
 margin-bottom: 3px;
 }

/* Right hand sidebar */ 

#frontleft {
 font-size:0.8em;
 float: left;
 width: 180px;
 padding: 10px 5px 10px 0;
 }

#frontleft h1 {
color:#FFFFFF;
font-size:1.2em;
padding:0;
margin: 0 0 5px 0;
}

#frontleft h2 {
color:#FFFFFF;
font-size:1.0em;
padding:0;
margin: 0 0 5px 0;
}

#frontmid {
 font-size:0.9em;
 float: left;
 width: 460px;
 padding: 10px 10px 10px 10px;
 border-right: 1px solid #9E1601;
 border-left: 1px solid #9E1601;
 }

#frontmid h1 {
color:#FFFFFF;
font-size:1.2em;
padding:0;
margin: 0 0 5px 0;
}

#frontmid h2 {
color:#FFFFFF;
font-size:1.0em;
padding:0;
margin: 0 0 5px 0;
}

#frontright {
 font-size:0.8em;
 float:right;
 width:180px;
 padding: 10px 0 10px 5px;
 }

#frontright h1 {
color:#FFFFFF;
font-size:1.1em;
padding:0;
margin: 0 0 5px 0;
}

#right400 {
 font-size:0.8em;
 float:right;
 width:390px;
 border-left: 1px solid #9E1601;
 padding: 10px 10px 10px 10px;
 }

#right400 h1 {
color:#FFFFFF;
font-size:1.1em;
padding:0;
margin: 0 0 5px 0;
}

#left400 {
 font-size:0.9em;
 float: left;
 width: 395px;
 padding: 10px 10px 10px 10px;
 }

#left400 h1 {
color:#FFFFFF;
font-size:1.2em;
padding:0;
margin: 0 0 5px 0;
}

#left400 h2 {
color:#FFFFFF;
font-size:1.0em;
padding:0;
margin: 0 0 5px 0;
}

#right300 {
 font-size:0.8em;
 float:right;
 width:300px;
 border-left: 1px solid #9E1601;
 padding: 10px 10px 10px 10px;
 }

#right300 h1 {
color:#FFFFFF;
font-size:1.1em;
padding:0;
margin: 0 0 5px 0;
}

#left520 {
 font-size:0.9em;
 float: left;
 width: 485px;
 padding: 10px 10px 10px 10px;
 }

#left520 h1 {
color:#FFFFFF;
font-size:1.2em;
padding:0;
margin: 0 0 5px 0;
}

#left520 h2 {
color:#FFFFFF;
font-size:1.0em;
padding:0;
margin: 0 0 5px 0;
}

#left300 {
 font-size:0.8em;
 float:left;
 width:300px;
 border-right: 1px solid #9E1601;
 padding: 10px 10px 10px 10px;
 }

#right520 {
 font-size:0.9em;
 float: right;
 width: 495px;
 padding: 10px 10px 10px 10px;
 }

#right520 h1 {
color:#FFFFFF;
font-size:1.2em;
padding:0;
margin: 0 0 5px 0;
}

#right520 h2 {
color:#FFFFFF;
font-size:1.0em;
padding:0;
margin: 0 0 5px 0;
}

#full {
 font-size:0.9em;
 float: left;
 width: 850px;
 padding: 10px 10px 10px 10px;
 }

#full h1 {
color:#FFFFFF;
font-size:1.2em;
padding:0;
margin: 0 0 5px 0;
}

#full h2 {
color:#FFFFFF;
font-size:1.0em;
padding:0;
margin: 0 0 5px 0;
}


#footer {
 clear: both;
 text-align: center;
 font-size: 0.8em;
 height:25px;
 width: 860px;
 border-top: 1px solid #9E1601;
 margin: 0;
 padding-top: 5px;
 }

#sponsors {
 clear: both;
 text-align: center;
 font-size: 0.8em;
 width: 860px;
 border-top: 1px solid #9E1601;
 margin: 0;
 padding: 10px 0 10px 0;
 }


/***** Various classes *****/

.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

/***** VideoBox *****/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
	background: #fff url(Img/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(Img/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(Img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(Img/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/***** Calendar *****/


 .date {
 width: 100px;
 }

 .venue {
 width: 150px;
 }
 .description {
 width: 170px;
 }
 .longdesc {
 width: 450px;
 }
.spacer {
width: 10px
}
.highlight {
background-color:#CCCCCC;
}
.small {
font-size: 10px;
}

/***** Thumbs *****/

.thumbs {
float: left;
width: 150px;
height: 130px;
padding: 8px 8px 8px 8px;
}

.smallthumbs {
float: left;
width: 83px;
height: 83px;
padding: 10px 4px 0px 4px;
}

.sponsorthumbs {
height: 110px;
float:center;
display:inline;
padding: 5px 5px 5px 5px;
}

/***** Lightbox *****/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../Img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../Img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../Img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}