/***GENENERAL****/

body{

	background:#1b042f;
	color:#fff;
	font-family:arial, verdana, sans-serif;
	font-size:12px;}

* {margin:0; padding: 0;}

a{
	color:#fff;
	text-decoration:none;}
	
a:hover{ text-decoration:underline;}

a.img, img.a, a img, img a {border:0;}

/****CONTAINER****/

#container {
	width:670px;
	margin: 0 auto;
	position:relative;
}

/****header w content****/

#header{
	height:138px;
	}
	
#header img#logo{
	float:left;
	margin:63px 0 0 40px;
}
	
#header #infoBox{
	float: right;
	width:265px;
	margin:80px 30px 0 0;
	font-size:14px;
	}

#header #infoBox span.smaller{
	font-size:11px;
	font-style:italic;}

/*the content equivalent on the index.html page, due to flash file and size */
		
#content2 {
	background:#000 url(../images/first_bg.jpg) top right no-repeat;
	position:relative;
	height:326px; 
	width:668px;
	border:1px solid #766881;
	clear:both;}

#flash{
	
	position:absolute;
	
	top:0;
	right:0;}
	
#home_content
	{	position:absolute;
	background:transparent url(../images/bg_purple.png);
	font-size:12px;
	position:absolute;
	padding:10px;
	width:170px;
	bottom:20px;
	left:20px;
}
	
	
/*content */
#content{
	width:470px;
	padding:20px 160px 30px 38px;
	min-height:504px;
	border:1px solid #766881;
	clear:both;
	font-size:11px;
	background:#000 url(../images/bg_light.jpg) top right no-repeat;
	position:relative;}
	
#content h2{
	color:#f5669e;
	font-size:17px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:17px;}
	
#content h2 span.notcaps {
	text-transform:none !important;
	}

#content h3 {
	font-size:14px;
	color:#c5d333;
	margin-bottom:6px;
	letter-spacing:1px;
	}
	
#content h3 span.noheader{
	font-size:11px;
	color:#fff;
	font-weight:normal;
	letter-spacing:0;
	}
	
#content h4, h4 a {
	font-size:13px;
	color:#f6c20b;
	margin-bottom:6px;
	letter-spacing:1px;
	text-decoration:none;
	}
	
#content p {
	line-height:1.3em;
	margin-bottom:8px;
	z-index:100;
	}

#content p span.likeh3{
	font-size:13px;
	color:#c5d333;
	letter-spacing:1px;
	font-weight:bold;}
	
span.gift
{color:#f8669e;}

#content ul {
	margin-left:13px;
	margin-bottom:8px;}
	
#content ul li {
	list-style-image:url(../images/bullet.gif);
	padding-bottom:3px;
	line-height:1.2em;
	}

#content span.bigger {
	font-size:14px;
	font-weight:normal;}
	
	
#content a {
	text-decoration:none;
	color:#f8669e;}
	
#content a:hover{
	text-decoration:underline;}

#content a.memSubmit, #content a.memView {
	display:block;
	width:130px;
	height:21px;
	background:#f6c20b url(../images/linkbg_memSubmit.gif) top left no-repeat;
	color:#1b042f;
	font-size:14px;
	padding:7px 0 0 10px;
	margin:10px 0 0 -10px;

	}
	
#content a.memView {
	width:120px;
	height:25px;
	background:#f6c20b url(../images/linkbg_memView.gif) top left no-repeat;
	margin:4px 0 15px -11px;
	padding: 5px 0 0 12px;
	}

/*navigation button*/
#navigate{
	height: 51px;
	width:280px;
	margin: 0 auto 20px auto;
	text-align:center;
	padding-top:20px;
	font-size:11.5px;
	}
	
#navigate a { 
	display:block;
	height:30px;
	float:left;
	color:#190230;
	font-weight:bold;
	padding: 10px 0 0 0;
	margin: 0 10px;}
	
#navigate a.info{
	background:transparent url(../images/linkbg_info.gif) top left no-repeat;
	width:57px !important ;}
	
#navigate a.events{
	background:transparent url(../images/linkbg_events.gif) top left no-repeat;
	width:75px !important;
	padding-top:8px!important;}
	
#navigate a.tickets{
	background:transparent url(../images/linkbg_tickets.gif) top left no-repeat;
		width:71px;}
		
/*instead of hr*/
div.hr{
	height:1px;
	background:transparent;
	border-top:1px solid #7c851a;
	width:358px;
	margin:10px 0;	
	}

/*entertainment page tables*/

table#entertainment, table#topper  {
	width:451px;
	border:1px solid #7c832f;
	border-bottom:0;
	border-left:0;
	border-collapse:collapse;
}

table#topper {
	border:0;
	margin-bottom:5px;
	text-transform:uppercase;
	color:#c5d333;
	text-align:center;
}	

table#entertainment td{
	border:1px solid #7c832f;
	border-top:0;
	border-right:0;
	padding-top:5px;
	padding-bottom:4px;
	text-align:center;
	}


tr.closed { background:#4f5307;}

td.date {
	width:115px;
	text-align:right;
	padding-right:6px; 	}

td.group {
	width:164px;}
	
td.stage {
	width:86px;}

td.time {
	width:79px;}
	
table#gallery  {
	width:550px;
	border:0;
	border-collapse:collapse;
	text-align:center;
	margin-top:50px;
}

table#gallery td  {
	width:183px;
	border:0;
	border-collapse:collapse;
	padding-bottom:35px;
}

table#gallery a img {padding:10px;
	background:#1b042f;
	border:1px dashed #ada4b4;}
	
table#gallery a:hover img {
	background:#49570f;
	border-color:#9ba183;}
	
.cleaner
{height:1px;
clear:both;
}

/****LIGHTBOX CSS*****/
#lightbox{
	position: absolute;
	top: -210px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	/* commented to prevent flicker when it resizes without animation
	width: 250px;
	height: 250px;
	*/
	width: 750px !important;
	height: 460px !important;
	margin: 0 auto;
	padding:30px 10px 0 10px;
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 10;
	padding: 0px;
	background:red;
}
#imageContainer>#hoverNav{ left: 0; }

#lightboxImage {
	border: 0;
}

#hoverNav a{ outline: none; }

#prevLink, #nextLink{
	display:none;
}

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	padding: 10px 20px 10px 20px;
	line-height: 1.4em;
	width: 730px !important;
}

#imageData{
	margin-left:30px;
}
#imageData #imageDetails { float: left; width: 320px; text-align: left; padding: 14px 0 0 0; }	
#imageData #caption { font: 12px/1.5em Arial, helvetica, sans-serif; color:#000;}
#imageData #caption b {	font: normal 20px 'times new roman', times; }

#imageData #numberDisplay { display: none; }			
#imageData #bottomNavClose { float: right; padding: 10px 0 0 0 !important;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}