/* page styles - this is the general admin page area */
/* object stuff here */

/* hides the second object from all versions of IE */
* html object.mov {
	display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
	display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
	display/**/: none;
}

#html,body	{
	text-align: center;
}

body 	  {	margin: auto; font-family: Arial, Helvetica, sans-serif; *font-size: x-small; font-size: small; background: #fff; text-align: center; }

.smallheader {	color: #fff; font-weight: normal; font-size: medium; margin: 5px 0px 20px 0px; }
.boldheader {	color: #fff; font-weight: bold;	font-size: medium; margin: 5px 0px 20px 0px;}
.mediumheader {	color: #F1A501;	font-weight: bold; font-size: large; margin: 5px 0px 10px 0px;}
.largeheader {	color: #F1A501;	font-weight: bold; font-size: x-large; margin: 5px 0px 10px 0px;}


/******************** HEADER ***********************/
#container {width: 760px;	margin: 10px auto auto auto; text-align: left;	padding: 0px 0px 0px 0px; background-color: #fff;}
#headerbkg {width: 100%; text-align: left; padding:0; margin: 0 0 3px 0; height: 169px; }
#headerbkg ul{ margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;	text-align: left; width: 130px;  }
#headerbkg li { list-style: none; line-height: auto;  width: 130px; }

/******************** border links on the header (home, contact, links) ***********************/
#headerbkg li ul{ list-style: none; width: 140px; float: left; margin: 30px 0px 0px 0px; }


#headerbkg ul.line{border-top: 1px solid #fff; margin:14px 0px 0px 0px; padding:0; width: 140px; }
#headerbkg ul.line li{ border-bottom: 1px solid #fff; margin: 0px 0px 0px 0px; padding: 0 0 0 10px; width: 130px;}
a.nav:link {color: #fff; text-decoration: none; }
a.nav:visited{color: #fff; text-decoration: none;}
a.nav:hover{color: #000;  text-decoration: none;}

a.navon:link {color: #fff; text-decoration: none; font-weight: bold; font-size: 3;}
a.navon:visited {color: #fff; text-decoration: none; font-weight: bold; }
a.navon:hover {color: #fff; text-decoration: none; font-weight: bold;}

#headerbox0{float: left; clear: none; 
width: 194px; margin: auto;	height: 169px;}

#headerbox1{
float: left; 
clear: none; 

width: 140px;
margin: 0;
height: 169px;
border-left: 1px solid #fff;}

#headerbox2{
float: left; 
clear: none; 

width: 140px;
margin: 0;
height: 169px;	
border-left: 1px solid #fff;}

#headerbox3{
float: left; 
clear: none; 

width: 140px ;
margin: 0;
height: 169px;
border-left: 1px solid #fff;}

#headerbox4{
float: left; 
clear: none; 
width: 142px ;
margin: 0;	
height: 169px;	
border-left: 1px solid #fff;}	
	


/************** MAIN CONTENT  dark blue 0471DF, light blue AAC3DD*****************/

	
#content            
{	clear: both;
	float:center;	
	margin:  1px auto auto auto;	
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-family:  verdana;
	color: black;	
	min-height: 370px;
	width: 760px;
	
	
}
	

/************** left column *****************/
#colA            
{	clear: none;
	float:left;	
	width: 476px;
	min-height: 371px;	
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;	
	text-align: left;
	
	
		
}



#doublecolA            
{	clear: none;
	float:left;	
	width: 780px;
	min-height: 370px;	
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;	
	text-align: left;
	
	
	
		
}

/* This is the transparent box */
#transbox { width: 476px; height: 96px; margin: 229px 0 0 0; background-color: #000; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5;}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
#transbox div {margin: 0px 10px 0 0; padding: 5px 0 0 0 ; font-size: 200%;	font-weight: normal; text-align: right;	color: #fff; 
filter:alpha(opacity=100);	opacity: 1;	-moz-opacity: 1; position: relative;}
#transbox h4.gold { color: #fff; text-decoration: none; font-weight: bold; font-size: medium;  text-align: right;}
#transbox .location {
	float: left;
	clear: both;
	width: 100%;
	font-size: 45%;
	padding: 0 0 6px 0;
}
		
/************** 2 left columns inside COL_A on 'WHats ON' pages *****************/
#colAsubnav
	{clear: none;
	float:left;	
	width: 195px;
	min-height: 370px;	
	margin: 0px 0px 0px 0px;	
	text-align: left;
	list-style: none;
	
	}

/************** title bar and sub navigation links in the subnav column within colum A *****************/	

#colAsubnav ul{ margin: 0px 0px 0px 0px; padding: 0px 0 0 0 ; list-style: none;}
#colAsubnav ul li{margin: 0px 0px 0px 0px; padding: 0 0 0 10px; color: #000; text-decoration: none; }
#colAsubnav ul li.topper {margin: 0px 0px 0px 0px; padding: 5px 0 0 10px;}

#colAsubnav .smallheader {color: #fff; font-weight: normal; font-size: medium; padding: 0px 0px 10px 0px; }
#colAsubnav .boldheader {color: #fff; font-weight: bold;	font-size: medium; padding: 0px 0px 10px 0px;}

#colAsubnav a.nav:link {color: #000; text-decoration: none; }
#colAsubnav a.nav:visited{color: #000; text-decoration: none;}
#colAsubnav a.nav:hover{color: #ccc;  text-decoration: none;}

#colAsubnav a.navon:link {color: #000; text-decoration: none; font-weight: bold; font-size: 105%;}
#colAsubnav a.navon:visited {color: #000; text-decoration: none; font-weight: bold; }
#colAsubnav a.navon:hover {color: #000; text-decoration: none; font-weight: bold;}

/************** CMS inside COL_A on 'WHats ON' pages *****************/
	
#ColAsubcontent
	{clear: none;
	float:left;	
	width: 279px;
	min-height: 370px;	
	margin: 0px 1px 0px 1px;	
	text-align: left;
	}
#ColAsubcontent p {margin: 0px 0px 10px 0px; padding: 0px 10px 10px 10px; color: black; }

/************** title bar and text in the subcontent column within colum A *****************/	
#ColAsubcontent h4 {color: #000; text-decoration: none;  font-weight: normal; font-size: medium; padding: 0px 0px 10px 0px; }
#ColAsubcontent h5 {color: #000; text-decoration: none;  font-weight: normal; font-size: small; padding: 0px 0px 10px 10px; }

#ColAsubcontent ul{ margin: 0px 0px 0px 0px; padding: 0px 0 0 0 ; list-style: none;}
#ColAsubcontent ul li{margin: 0px 0px 0px 0px; padding: 0 0 0 10px; }
#ColAsubcontent ul li.topper { background: #ccc; margin: 0px 0px 0px 0px; padding: 10px 0 0 10px;}

/************** CMS inside double COL_A on 'all other' pages *****************/
	
#ColAsubcontent2
	{clear: none;
	float:left;	
	width: 565px;
	min-height: 370px;	
	margin: 0px 1px 0px 1px;	
	text-align: left;
	
	
	}
#ColAsubcontent2 p {margin: 0px 0px 0px 0px; padding: 0px 10px 10px 10px; color: black; }

/************** title bar and text in the subcontent column within the double colum in colum A *****************/	
#ColAsubcontent2 h4 {color: #000; text-decoration: none;  font-weight: normal; font-size: medium; padding: 0px 0px 10px 0px; }
#ColAsubcontent2 h5 {color: #000; text-decoration: none;  font-weight: normal; font-size: small; padding: 0px 0px 10px 10px; }

#ColAsubcontent2 ul{ margin: 0px 0px 0px 0px; padding: 0px 0 0 0 ; list-style: none;}
#ColAsubcontent2 ul li{margin: 0px 0px 0px 0px; padding: 0 0 0 10px; }
#ColAsubcontent2 ul li.topper { background: #ccc; margin: 0px 0px 0px 0px; padding: 10px 0 0 10px;}


			
/************** right column ******************************************************************************************************************************************************/	
#colB            
{	clear: none;
	float:left;
	width: 283px;
	min-height: 371px;	
	margin: 0px 0px 3px 0px;
	padding: 0;	
	text-align: left;
	font-size: 0.9em;
	
		
}
#home #colB            
{	clear: none;
	float:left;
	width: 283px;
	min-height: 371px;	
	margin: 0px 0px 0px 1px;
	padding: 0;	
	text-align: left;
	font-size: 0.9em;
	display: inline;
		
	
}


/************** right column boxes on home page only *****************/


.boxtext {margin: 0px 0px 0px 0px; padding: 7px 10px 0px 165px; color: white; }
.boxtext2 {margin: 0px 0px 0px 0px; padding: 7px 80px 0px 50px; color: white;}

#studiotab { float: left; clear: both; width: 39px; height: 91px; border-right: 1px solid #fff; }
#bartab {float: left; clear: both; width: 39px; height: 91px; border-right: 1px solid #fff;}
#gallerytab {float: left; clear: both; width: 39px; height: 91px; border-right: 1px solid #fff; }
#linktab {float: left; clear: both; width: 39px; height: 91px; border-right: 1px solid #fff; }

.border {border-right: 1px solid #fff;}
		
/********************* search and register forms on homepage above footer *********************/
#searchcontainer{width: 760px; float: left;}

#search 
{	float:left;
	clear: none;
	margin: 1px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align: center;	
	background: #CFCFCF;
	color: #fff;
	font-size: 0.9em;
	width: 195px;
	height: 32px;
	border-right: 1px solid #999;
	}
#register
{	float:left;
	clear: none;
	margin: 1px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;	
	background: #CFCFCF;
	color: #fff;
	font-size: 0.9em;
	width: 564px;
	height: 27px;
	}
#register .biglink {
	font-size: 120%;
	font-weight: bold;
}

/********************* footer *********************/
	
#footer 
{	position: relative;
	clear: both;
	margin: 3px 0px 0px 0px;
	padding: 5px 20px 5px 20px;
	text-align: left;	
	color: #fff;
	font-size: small;
	
	}

/* iconography link text ***********/
a.iconlink       { color: #999; font-size: 0.8em; font-family: verdana; text-decoration: none; font-weight: normal; } 
a.iconlink:link       { color: #999; font-size: 0.8em; font-family: verdana; text-decoration: none; font-weight: normal; } 
a.iconlink:hover {	color: #000000;	font-size: 0.8em; font-family: verdana; text-decoration: none; font-weight: normal;} 
a.iconlink:visited {	color: #999;	font-size: 0.8em; font-family: verdana; text-decoration: none; font-weight: normal;} 

	
a.admin:link  
{	color: #fff;
	font-size: 0.8em;
	text-decoration: none;	
}


#errbox {
	margin: 20px auto;
	color: #ff0000;
	border: 1px solid #ff0000;
	padding: 10px;
	width: 300px;
	height: 50px;
	text-align: center;
}

#errbox2 {
	margin: 20px 0;
	color: #ff0000;
	border: 1px solid #ff0000;
	padding: 10px;
	width: 150px;
	height: 100px;
	text-align: center;
}

#confbox {
	margin: 20px auto;
	color: #000;
	border: 1px solid #003399;
	padding: 10px;
	width: 300px;
	height: 50px;
	text-align: center;
}

#confbox2 {
	margin: 20px 0;
	color: #000;
	border: 1px solid #003399;
	padding: 10px;
	width: 150px;
	height: 100px;
	text-align: center;
}
/************* COMMON ****************/

p, ul, ol { /* normal article text */
	line-height: 1.3em;
	color: #fff;
	font-size: 85%;
	}

td {
	line-height: 1.3em;
	font-size: 100%;
}

h1 { color: #fff;	margin: 15px 0px 15px 0px; padding: 0px 0px 0px 0px; font-size: xx-large;	text-align: left; font-weight: bold;  }  
h2{ color: #fff; font-weight: bold; margin: 5px 0 0px 10px; font-size: x-large; }
h3 {color: #000;	margin: 15px 0px 15px 0px; padding: 0px 0px 0px 0px; text-align: left; font-weight: bold; font-size: large; }  
h4 {color: #fff; font-weight: bold; text-align: left;  text-decoration: none; font-size: medium; margin:0 0 5px 0; }
h5{ color: #5E573D; text-decoration: none; font-weight: bold; margin:10px 0px 0px 0px; font-size: small;}
h6{ color: #000; text-decoration: none; font-weight: normal;  font-size: x-small;}

.studio{ background-image: url(/images/1.jpg); background-repeat: no-repeat; background-position: top center;  }
.bar { background-image: url(/images/2.jpg); background-repeat: no-repeat; background-position: top center; }
.gallery {background-image: url(/images/3.jpg); background-repeat: no-repeat; background-position: top center; }
.link {background-image: url(/images/4.jpg); background-repeat: no-repeat; background-position: top center; }

.linkform {
	color: #000000;
}


a.links {	color: #000000;	font-size: 1.0em;	text-decoration: none;}
a.links:link {	color: #000000;	text-decoration: none;	}
a.links:link:visited {color: #999999;}
a.links:hover {color: #000; text-decoration: underline;}

td.text {
	padding: 2px 0 2px 6px;
	color: #000;
	font-weight: bold;
}

td.threadtitle {
	padding: 10px 0 10px 6px;
	color: #000;
	font-weight: bold;
	width: 400px;
}

td.status {
	padding: 2px 0 2px 6px;
	color: #000;
	font-weight: bold;
	width: 75px;
}

.navicon {
	float: left;
	margin-right: 5px;
	border: none;
}

.form {
	border: 1px solid #CCC;
	background: #FCFCFC;
	padding: 5px;
	margin: 0 10px 10px 10px;
}

strong.black {
	color: #000000;
}

#footerlogos { width: 100%; float: left; clear: both; padding: 10px 0 10px 0; }
#footerlogos img { vertical-align: middle; }
#footerlogos .left {
	padding: 10px 0 0 0;
	float: left;
	width: 44%;
}
#footerlogos .left a { margin-right: 14px; }
#footerlogos .right {
	float: right;
	width: 54%;
	text-align: right;
}
#footerlogos .right img { margin-left: 14px; }

#newsbar { 
	width: 740px; 
	float: left; 
	clear: both; 
	padding: 10px;
	color: #fff;
	background: #162528;
	font-size: 90%;
}
#newsbar a {
	color: #fff;
	font-size: 100%;
	font-weight: bold;
}

.eventbox {
	width: 100%;
	float: left;
	clear: both;
	border-bottom: 1px solid #666;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
.eventbox .left {
	width: 19%;
	float: left;
	height: 156px;
	overflow: hidden;
}
.eventbox .right {
	width: 80%;
	float: right;
}
.eventbox .right .buttons {
	width: 100%;
	float: right;
	clear: both;
	text-align: right;
}

#mainImageHolder {
	float: left;
	margin: 0 0 6px 0;
	width: 283px;
	text-align: center;
}
#mainImageHolder #mainImage1 {
	width: 100%;
}
#mainImageHolder #mainImage2 {
	visibility: hidden;
	overflow:hidden;
	display:none;
}
#mainImageHolder #mainImage3 {
	visibility: hidden;
	overflow:hidden;
	display:none;
}
#mainImageHolder #mainImage4 {
	visibility: hidden;
	overflow:hidden;
	display:none;
}
#mainImageHolder #mainImage5 {
	visibility: hidden;
	overflow:hidden;
	display:none;
}
#thumbs {
	width: 100%;
	float: left;
	padding: 0;
	clear: both;
}
#thumbs a {
	float: left;
	display: block;
	padding: 0;
	margin: 0 3px 0 0;
	text-align: center;
	overflow: hidden;
}
#thumbs img {
	padding: 0;
	margin: 0;
}
.htmlbox {
	clear: both;
	padding: 10px;
}
.htmlboxleftmargin {
	margin-left: 195px;
}