body{
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #929292;
	text-align: center;
	background: url(/images/topbg.gif) repeat-x top #929292;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0 0 10px 0;
	color: #d11319;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 10px 0;
	font-weight: normal;
	color: #d11319;
	display: inline;
}
a{
	color: #d11319;
	font-size: 12px;
}

/*--------------------------------------------------------------------------------------------------- MENU */
#menu {
	height: 37px;
	float: left;
	margin: 80px 0 0 0;
	}	
#menuInner {
	width: 787px;
	z-index: 400;
	}
#menu ul li a { 
   display: block;
   overflow: hidden;
}

#menu ul li a:hover { 
	background-position: 100% -36px; 
}


#menuHome {
	float: left;
	}
.menuHome {
	margin: 0px -5000px 0 0;
	}
#menuHome a {
	width: 114px;
	height: 37px;	
	background: url(/images/homeNav.gif) 100% 0;
   }
   
#menuAbout {
	float: left;
	}   
#menuAbout a {
	width: 112px;
	height: 37px;	
	background: url(/images/aboutNav.gif) 100% 0;
   }


#menuArticles {
	float: left;
	}   
#menuArticles a {
	width: 113px;
	height: 37px;	
	background: url(/images/articlesNav.gif) 100% 0;
   }


#menuLatest {
	float: left;
	}   
#menuLatest a {
	width: 112px;
	height: 37px;
	background: url(/images/latestNav.gif) 100% 0;
   }

   

#menuResources {
	float: left;
	}   
#menuResources a {
	width: 112px;
	height: 37px;
	background: url(/images/resourcesNav.gif) 100% 0;
   }


#menuArtall {
	float: left;
	}   
#menuArtall a {
	width: 114px;
	height: 37px;
	background: url(/images/artallNav.gif) 100% 0;
}

#menuStudio {
	float: left;
	}   
#menuStudio a {
	width: 110px;
	height: 37px;
	background: url(/images/studioFindNav.gif) 100% 0;
   }
   
   						/*selected menu----------------------------------*/
   						body.home #menu ul li #menuHome a{
						background: url(/images/homeNav.gif) 100% -36px; 
						}
						body.about #menu ul li #menuAbout a{
						background: url(/images/aboutNav.gif) 100% -36px; 
						}
						body.articles #menu ul li #menuArticles a{
						background: url(/images/articlesNav.gif) 100% -36px; 
						}
						body.latest #menu ul li #menuLatest a{
						background: url(/images/latestNav.gif) 100% -36px; 
						}
						body.resources #menu ul li #menuResources a{
						background: url(/images/resourcesNav.gif) 100% -36px; 
						}
						body.artall #menu ul li #menuArtall a{
						background: url(/images/artallNav.gif) 100% -36px; 
						}
						body.studio #menu ul li #menuStudio a{
						background: url(/images/studioFindNav.gif) 100% -36px; 
						}	
/*-------------------------------------------------------- MAIN MENU DROPDOWN ---------------------------*/
#mainMenu {
	padding: 0;
	margin: 0;
	z-index: 10000;
	}
	
#mainMenu  ul {
  margin: 0;
  padding: 0;
  list-style: none;  
  z-index: 10400;
  }
    
#mainMenu  li {
  float: left;
  position: relative;
  background: none;
  list-style: none;  
  z-index: 10400;
}

#mainMenu li ul {
  display: none;
  position: absolute; 
  top: 37px;
  left: 0;
  background: #cc1218;
  border-left: 1px solid #9d0e12;
  border-right: 1px solid #9d0e12;
  border-bottom: 1px solid #9d0e12;

}
  
#mainMenu li ul li {
	float: none;
	text-align: left;
	margin: 0;
	}
		
#mainMenu li a {
	color: #FFF;
    font-weight: bold;
    font-size: 12px;
	white-space: nowrap;
	display: block;
}

#mainMenu li ul li a {	
	border-top: 1px solid #FFF;
	padding: 10px 25px 10px 25px;
	float: none;
	text-align: left;
	margin: 0;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	overflow: hidden;
	line-height: normal;
	}
#mainMenu li ul li a:hover {	
	background: #9e0e13;	
}


/*-------------------------   Members Only -------*/

#mainMenu li ul li a.membersOnly {	
	padding: 10px 25px 10px 30px;
	background: url(/images/membersOnly.gif) no-repeat 10px 8px;
	}
#mainMenu li ul li a:hover.membersOnly {	
	background: url(/images/membersOnly.gif) no-repeat 10px 8px #9e0e13;	
}

.membersOnlyLi  {
	padding: 0 0 5px 20px;
	}

/*-------------------------   End Members Only -------*/


	
#mainMenu li a:hover, #mainMenu li a:sfhover {
	text-decoration: none;
}
	
#mainMenu li a:active {
	text-decoration: none;
}
	
#mainMenu li > ul {
	top: 37px;
	left: auto;
	}
	
#mainMenu li:hover ul, #mainMenu li.sfhover ul{ 
	display: block; 	
	}
	
#mainMenu ul li:hover,  #mainMenu ul li.sfhover {	
	background: #9e0e13;	
	
}

#mainMenu li:hover, #mainMenu li.sfhover  {
	background-position: 0 0;
}




/* Sub Buttons===========================================================*/
.subMenu{
	margin: 0px 0 0 -5000px;
}
ul.subButtons{
	width: 200px;
	margin: 0;
	padding: 0px;
	float: left;
}
	ul.subButtons li{
	width: 199px;
	list-style: none;
	float: left;
	}
	ul.subButtons li a{
	width: 199px;
	display: block;
	}
	li a.joinUs{
	background: url(/images/joinBtn.gif) no-repeat;
	height: 62px;
	}
	li a.opportunities{
	background: url(/images/opportunitiesBtn.gif) no-repeat;
	height: 45px;
	}
	li a.shopFront{
	background: url(/images/shopFrontBtn.gif) no-repeat;
	height: 45px;
	}
	li a.whatsOn{
	background: url(/images/whatsOnBtn.gif) no-repeat;
	height: 45px;
	}
	li a.advertise{
	background: url(/images/advertiseBtn.gif) no-repeat;
	height: 45px;
	}
	li a.theConversationPit{
	background: url(/images/theConversationPitBtn.gif) no-repeat;
	height: 45px;
	}
	li a.mailingList{
	background: url(/images/mailingBtn.gif) no-repeat;
	height: 45px;
	}
	li a.contact{
	background: url(/images/contactBtn.gif) no-repeat;
	height: 46px;
	}
	
	
	
	
/* Content SubMenu lsit===========================================================*/
ul.contentSubMenu{
	margin: 0 0 10px 0;
	padding: 0;
}
ul.contentSubMenu li{
	padding: 0 0 5px 10px;
	list-style: none;
	background: url(/images/arrow.gif) no-repeat 0px 5px;
	}
	
	

/* Content list===========================================================*/
#bodyText td{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#bodyText li{
	padding: 0 0 5px 10px;
	list-style: none;
	background: url(/images/circle.gif) no-repeat 0px 5px;
	}

/* end Content list===========================================================*/
	
	
	
strong.title{
	font-size: 13px;
	margin: 0;
}
strong.red{
	font-size: 13px;
	color: #d8131a;
}
strong.wanted{
	font-size: 12px;
	color: #d8131a;
}
strong.available{
	font-size: 12px;
	color: #669900;
}
p{
	font-size: 12px;
	margin: 0px;
	padding: 10px 0;
}

a.red{
	color: #d8131a;
	text-decoration: underline;
}




#top{
	height: 123px;
	background: url(/images/headBg.gif) no-repeat top;
}
#headContainer{
	width: 1017px;
	height: 123px;
	background: url(/images/headText.gif) no-repeat top;
	margin: 0 auto 0 auto;
	padding: 0px;
}
	a.logo{
	display: block;
	width: 230px;
	height: 123px;
	float: left;
	}

#topShade{
	background: url(/images/middleBg.gif) repeat-x top #FFF;
}	
#middle{
	background: url(/images/contentBg.gif) no-repeat center top;	
}
	
	body#members #topShade{
	background: url(/images/middleMemberBg.gif) repeat-x top #2c4752;
	}

	body#members #middle{
	background: url(/images/memberBg.gif) center top #2c4752 no-repeat;
	}
	
	

	
#contentContainer{
	width: 1017px;
	margin: 0 auto 0 auto;
	background: #FFF;	
}
#content{
	width: 1016px;
	margin: 0 auto 0 auto;
}






#leftColumn{
	width: 200px;
	float: left;
	padding: 20px 20px 20px 18px;
	text-align: left;
	background: url(/images/btnRightBg.gif) no-repeat 215px 0px;
}
	table.searchBox{
		width: 199px;
		height: 83px;
		background: url(/images/searchBg.gif) no-repeat ;
		float: left;
		display: block;
		padding: 20px 16px 0 16px;
		margin: 0px;
		}
			form.searchForm{
			margin: 5px 0 0 0;
			padding: 0px;
			}
			input.searchTextfield{
			width: 138px;
			height: 20px;
			background: url(/images/searchTextfield.gif) no-repeat;
			border: 1px solid #c4c4c4;
			padding: 3px;
			float: left;
			font-size: 11px;
			margin: 2px 3px 0 0 ;
			}
			
			
			
			
#main{
	width: 540px;
	float: left;
	padding: 20px 0;
	text-align: left;
	background: url(/images/contentbg_logo.gif) no-repeat top right;
}
	#featuredImg{
	width: 540px;
	text-align: right;
	font-size: 10px;
	background: #FFFFFF;
	}
	#flashBanner{
	width: 540px;
	height: 310px;
	float: left;
	}
	#imgTopShade{
	height: 24px;
	width: 540px;
	background: url(/images/imgTopShade.gif) no-repeat;
	float: left;
	margin: 0 0 10px 0;
	}
	.artistName{
	display: block;
	margin: 10px 0 0 0;
	}
	.left{
	float: left;
	}
	#imgBotShade{
	height: 24px;
	width: 540px;
	background: url(/images/imgBotShade.gif) no-repeat;
	float: left;
	}
	
	
	
	
	
	
#rightColumn{
	width: 212px;
	float: right;
	padding: 20px 18px 20px 0;
	text-align: left;
}
	#yellowContainer{
	width: 210px;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	background: url(/images/yellowBot.gif) no-repeat bottom #face00;
	}
		
		table.loginBox{
		width: 210px;
		height: 160px;
		background: url(/images/loginBg.gif) no-repeat #face00 top right;
		float: left;
		display: block;
		padding: 20px 16px 0 28px;
		}
		table.loggedBox{
		width: 210px;
		background: url(/images/loggedBg.gif) no-repeat #face00 top right;
		float: left;
		display: block;
		padding: 20px 16px 10px 28px;
		}
		a.logoutIcon{
		background: url(/images/logOut.gif) no-repeat 0px 0px;
		padding: 5px 0 0 25px;
		display: block;
		margin: 10px 0 0 0;
		}

			form.loginForm{
			margin: 10px 0 0 0;
			padding: 0px;
			}
			form.loginForm label.usernameImg{
			font-size: 10px;
			height: 15px;
			width: 163px;
			background: url(/images/userName.gif) no-repeat;
			display: block;
			float: left;
			margin: 0;
			}
			form.loginForm label.passwordImg{
			font-size: 10px;
			height: 15px;
			width: 163px;
			background: url(/images/password.gif) no-repeat;
			display: block;
			float: left;
			margin: 0;
			}
			form.loginForm .loginTextfield{
			font-size: 10px;
			height: 22px;
			width: 163px;
			background: url(/images/loginTextfield.gif) no-repeat;
			border: none;
			float: left;
			padding: 3px;
			font-size: 11px;
			margin: 0 0 5px 0;
			}
		table.yellowBox{
		width: 210px;
		background: url(/images/opening.gif) no-repeat #face00 top right;
		float: left;
		display: block;
		padding: 34px 16px 0 28px;
		margin: 0px;
		font-size: 12px;
		}

		table.yellowBot{
		width: 198px;
		height: 9px;
		padding: 0px;
		margin: 0px;
		float: left;
		}
		
		table.cart{
		width: 210px;
		height: 85px;
		background: url(/images/viewCart.gif) no-repeat #face00 top;
		float: left;
		display: block;
		padding: 20px 16px 0 28px;
		}
		a.cartIcon{
		background: url(/images/viewCartIcon.gif) no-repeat 0px 0px;
		padding: 5px 0 0 25px;
		display: block;
		margin: 10px 0 0 0;
		}

#bottom{
	background: url(/images/footBg.gif) repeat-x top #929292;
}
#footContainer{
	background: url(/images/TEMPfoot.jpg) no-repeat top;
	height: 120px;
	width: 1017px;
	margin: 0 auto 0 auto;
	color: #b0b0b0;
	font-size: 11px;
	text-align: left;
}
#linksLeft{
	width: 560px;
	padding: 17px 0 0 20px;
	float: left;
}
#linksRight{
	width: 250px;
	padding: 17px 20px 0 0;
	float: right;
	text-align: right;
	font-size: 11px;
}
#footContainer a{
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
}
.white{
	color: #FFF;
}
#footContainer a.grey{
	color: #b0b0b0;
	text-decoration: underline;
	font-size: 11px;
}


/* Form style================================================================*/
table.formStyle td.label{
	text-align: right;
	padding: 10px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-size: 12px;
}
table.formStyle td.labelB{
	text-align: right;
	padding: 10px;
	border-right: 1px solid #cccccc;
	font-size: 12px;
}
table.formStyle td.inputField{
	padding: 10px;
	border-bottom: 1px solid #cccccc;
}
table.formStyle td.inputFieldB{
	padding: 10px;
}

table.formStyle td.formLine{
	padding: 10px;
	border-bottom: 1px solid #cccccc;
}
table.formStyle td.cell{
	padding: 10px;
	border-right: 3px solid #FFF;
}

.contactTextfield{
	width: 250px;
	padding: 3px;
	border: 1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.contactTextarea{
	width: 250px;
	padding: 3px;
	border: 1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* end Form style================================================================*/
.eventList{
	float: left;
	width: 390px;
	margin: 0 0 0 10px;
}
.bodygrey{
	color: #cccccc;
	font-size: 11px;
}
.bodyred10{
	color: #cc1218;
	font-size: 10px;
}
.right{
	float: right;
}
.divider{
	height: 30px;
	background: url(/images/divider.gif) repeat-x;	
}
.dividerDot{
	height: 5px;
	background: url(/images/dividerDots.gif) repeat-x;	
	padding: 0px;
	margin: 0px;
	width: 155px;
}
.clear{
	clear: both;
}
.11size{
	font-size: 11px;
}

/* General info Table style------------------------------------------------------------------------*/
.cellHead{
	text-align: left;
	padding: 10px;
	background: #f5f6f6;	
	font-size: 12px;
}
.cellL{
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-size: 12px;
}
.cellR{
	padding: 10px;
	border-bottom: 1px solid #cccccc;
	text-align: right;
}


.region{
	font-size: 13px;
	color: #d8131a;
}