@charset "UTF-8";
/* CSS Document */

/*---- sIFR ---*/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }

.sIFR-active h1{visibility: hidden; line-height: 1em; margin: 0px 0 0 0px;}

.homefeatureTitle{color: #FFFFFF; font-size: 24px; margin: 0px 0 0 0px;}

/*---- END sIFR ---*/


body {
	background-color: #000000;
	background-image: url(images/brownies-bkgd.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	margin: 0;
	text-align:center;
}

html{width:100%;}

.right { float: right; padding: 0 0 10px 10px; }
.left { float: left; padding: 0 10px 0px 10px; }
.clear {clear:both;}

#mainTemplate {font-family:Arial, Helvetica, sans-serif; width:1000px; margin:0 auto; margin-top:70px; text-align:left; color:#FFF;}
	
#footer{width:1000px; font-size:11px; line-height:18px; color:#666666; margin-top:20px;}
	#footer a{color:#666666; text-decoration:none;}
	#footer a:hover{color:#ff3a00; text-decoration:underline;}
	
#footerLeft {width:400px; float:left;}

#footerRight {width:570px; float:right;}
	
#mainContent {width:1000px; margin:0 auto; color:#FFF;}	

.tabletext {font-size:11px; line-height:18px; color:#FFF;}

.gry {color:#666;}

h4 {font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; color:#ff0000; margin:15px 0px 15px 0px; padding:5px 5px 5px 5px; background-color:#ffffff; cursor:pointer;}

#mainNav {width:1000px; z-index:2; position:absolute;}
#nav {width:725px; float:right;}
#topNav {color:#fcdc01; font-size:12px; line-height:18px; text-align:right; margin-right:25px;}
#topNav a{color:#fcdc01; text-decoration:none;}
#topNav a:hover{color:#ff3a00;}


.tabs a {height:26px; display:block; background-position:0 0px;background-repeat:no-repeat; text-indent:-9999px; outline: none;}
	#tab-1 {background-image:url(images/bandBtn.jpg); border:0; }
	#tab-2 {background-image:url(images/eventsBtn.jpg); border:0}
	#tab-3 {background-image:url(images/menusBtn.jpg); border:0}
	#tab-4 {background-image:url(images/photosBtn.jpg); border:0}
	#tab-5 {background-image:url(images/newsletterBtn.jpg); border:0}
	#tab-6 {background-image:url(images/partiesBtn.jpg); border:0}
	#tab-1.active, #tab-1:hover, #tab-2.active, #tab-2:hover, #tab-3.active, #tab-3:hover, #tab-4.active, #tab-4:hover, #tab-5.active, #tab-5:hover, #tab-6.active, #tab-6:hover {background-position:0 -26px;}


/* homepage tabs */
#hp-tabs { position: absolute; top: 465px; right: 0; width: 696px; height: 45px; margin: 0; padding; 0; z-index: 10; }
	#hp-tabs a { display: block; float: left; margin: 0 11px 0 2px; padding: 0; width: 219px; height: 45px; text-indent: -999px; text-decoration: none; line-height: 0px; font-size: 0px; background-image: url(images/hp-tabs.png); background-repeat: no-repeat; outline: none; }
	#hp-tabs-0 { background-position: 0 -90px; }
	#hp-tabs-0.active { background-position: -219px -90px; }
	#hp-tabs-1 { background-position: 0 -45px; }
	#hp-tabs-1.active { background-position: -219px -45px; }
	#hp-tabs-2 { background-position: 0px 0px; }
	#hp-tabs-2.active { background-position: -219px 0px; }

a.mini-cal { font-size: 10px; color: #000000; display: block; float: right; margin: 0; padding: 30px 10px 0 0; }
	a.mini-cal:hover { text-decoration: none; }
#hp-tabs-content { position: absolute; top: 83px; right: 0; width: 683px; height: 382px; margin: 0 11px 0 0; padding: 0; z-index: 0; background-color: #FFFFFF; }
	#hp-tabs-content h3 { margin: 0; padding: 20px 0 8px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 35px; line-height: 40px; color: #FF3D00; border: solid #e5e5e5; border-width: 0 0 1px 0; }
	#hp-tabs-content a.close { margin: 0; padding: 5px 5px 0 0; display: block; float: right; color: #000000; text-decoration: none; }
	#hp-tabs-inner-content { position: relative; top: 0; left: 0; width: 635px; height: 280px; margin: 0; padding: 10px 15px 10px 20px; z-index: 0; background-color: #FFFFFF; overflow: auto; }
		#hp-tabs-inner-content .list-item { margin: 0 0 8px 0; min-height: 80px; height: auto !important; height: 80px; padding: 8px; background-color: #fff8de; }
		#hp-tabs-inner-content h2 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; }
			#hp-tabs-inner-content h2 span { font-size: 11px; color: #666666; font-weight: normal; }
		#hp-tabs-inner-content h4 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #ff3d00; background: none; }
			#hp-tabs-inner-content h4 a { color: #ff3d00; text-decoration: none; }
				#hp-tabs-inner-content h4 a:hover { text-decoration: underline; }
		#hp-tabs-inner-content p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #333333; }

	
/* panes */
#panes {
	width:550px;	
	height: 0;
	margin:0 auto;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

/* crossfading effect needs absolute positioning from the elements */
#panes > div {
	font-family:Arial, Helvetica, sans-serif;
	display:none;		
	position:absolute;
	top:-343px;
	left:235px;
	font-size:11px;
	line-height:16px;
	color:#333333;	
	width:480px;
	overflow:auto;
}

#panes img {
	float:left;
	margin-right:20px;		
}

#panes a {color:#333333; text-decoration:none;}	
#panes a:hover {color:#36C; text-decoration:underline;}	


.overlay {
	display:none;
	width:500px;
}


.items {width:400px; height:275px; background-color:#ffffff; display:block; padding:20px 20px 20px 20px;}


/* position and dimensions of the navigator */
div.navi {
	width:200px;
	height:20px;
	margin:5px 0 0 0;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	


/* single page */
.page {
	width:985px;
	height:450px;
	z-index:1;
	position:relative;
	clear:both;
	padding-top:60px;
}

/* root element for horizontal scrollables */
.scrollable {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	width: 985px;
	height: 429px;
}

/* root element for scrollable items */
.scrollable .photos {
	width:20000em;
	position:relative;
	clear:both;
	padding:0;
	margin:0;
}


/* single scrollable item */
.item {
	margin:0 auto;
	float:left;
	cursor:pointer;
	width:985px;
	height:429px;
	z-index:1;
}
	
.item-text {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	padding:10px;
	margin:70px 20px 0 490px;
	width:350px;
	text-align:right;
}

.homefeatureTitle{font-family:Arial, Helvetica, sans-serif; color:#FFF; size:30px; margin: 0 0 0 0;}
.homefeatureSub{font-family:Arial, Helvetica, sans-serif; color:#FFF; size:12px; margin: 0 0 0 0;}

h1{font-size:40px;}

.content{width:986px; height:429px; z-index:1; position:relative; clear:both; padding-top:60px; font-size:12px; color:#FFF;}
#content-bkgd {width:986px; height:429px; background-position:top center; background-repeat:no-repeat;}

#mainContent {float:left; width:400px; overflow:auto; height:250px; margin:110px 20px 20px 40px; color:#FFF;}

#mainContent a{color:#ff3c00; text-decoration:none;}
#mainContent a:hover{color:#fcc201;}

.moduleContent {float:right; width:350px; padding:30px; margin:50px 50px 20px 40px;}

.subTitle {font-size:16px; color:#ff3c00; font-weight:bold;}

.footNote {font-size:9px;}

.listing {margin:0 0 25px 0; width:90%; clear:both;}
.listing a{color:#ff3c00; text-decoration:none;}
.listing a:hover {color:#fcc201;}

.smTitle {font-size:14px; color:#cccccc; line-height:20px; font-weight:bold;}

.lgTitle {font-size:23px; color:#ffffff; line-height:20px; font-weight:bold;}

.errmsg { padding: 4px; background-color: #FFFFFF; border: dashed #ff3c00 1px; font-size: 14px; font-weight: normal; }
#tooltip {display:none; background:#fff; padding:10px; z-index: 15; font-size: 13px; color: #000000; width: 550px; height: 250px; overflow: auto;}
	#tooltip strong{font-size: 15px;}
	#tooltip img{padding: 0 0 20px 20px; float: right;}