@import url("reset.css");
@import url("layout.css");


/*/////  CSS Cheatsheet /////// 
Fonts: Arial,Helvetica,sans-serif;
Colors:
Red: #9f2d32
Teal: #387F92

///////////////////////////// */



h1, .componentheading {
	font: normal 18px Arial,Helvetica,sans-serif;
	margin-bottom: 10px;
	color: #9f2d32;
	}
.leftmargin {
	margin-left: 10px;
	}	
	
table.contentpaneopen {
	width: 100%;
	}
.interiorbox {
	padding: 10px 10px 20px 10px;
	}

.interiorboxFlash {
	padding: 0;
	
	}

#menu_mainnav {}
#menu_mainnav {
	list-style: none;
	padding: 0;
	margin: 0 0 0 1px;
	color: #387f92;
/* 	border:1px dashed; */
	float: left;

	}
	#menu_mainnav li {
		display: inline;
		padding: 0;
		margin: 0;
		}
		#menu_mainnav li a { 
			text-decoration:none; 
			color:#9f2d32;
			font:normal 12px Arial,Helvetica,sans-serif;
			margin: auto 4px; 
			font-weight: bold;
			}
			#menu_mainnav li a:hover, #menu_mainnav li.active a span { 
/* 				text-decoration: underline;  */
				color:#584e2c;
				}
		#menu_mainnav li:before { 
			content: " | "; 
/* 			margin: auto 6px; */
			}
		#menu_mainnav li:first-child:before { 
			content: ""; 
/* 			margin:auto 0px; */
			}

#footercontainer {
	list-style: none;
	color: #387f92;
	float: left;

	}
	#footercontainer li {
		display: inline;

		}
		#footercontainer li a { 
			text-decoration:none; 
			color:#9f2d32;
			font:normal 10px Arial,Helvetica,sans-serif;
			margin: auto 4px; 
			font-weight: bold;
			}
			#footercontainer li a:hover, #footercontainer li.active a span { 
/* 				text-decoration: underline;  */
				color:#584e2c;
				}
		#footercontainer li:before { 
			content: " | "; 
/* 			margin: auto 6px; */
			}
		#footercontainer li:first-child:before { 
			content: ""; 
/* 			margin:auto 0px; */
			}
#logo{
	margin-top: 25px;

}


/***********************************  artist info ***********************************/
#artistinfopage {}
	#artistinfopage td {
		vertical-align: top;
		}
	#artistinfopage img {
		float: left;
		margin-right: 1px;
		display: block;
		}
	#artistinfopage div {
		margin-top: 6px;
		width:200px;
/* 		border: 1px dashed; */
		float: left;
		}
	#artistinfopage .artistname {
		font: normal 14px "Arial Black", Arial, sans-serif;
		margin-top: 7px;	
		color: #9f2d32;
		}	
	#artistinfopage .artisttrade {
		font: normal 12px Arial, sans-serif;
		color: #9f2d32;
		}
	#artistinfopage .artistaddress {
		color: #000;
		margin: 5px 0;
		display: block;
		}
	#artistinfopage a:link, #artistinfopage a:visited { 
		border: 0; 
		display: block;
		text-decoration: none;
		color: #387F92;
		margin: 2px 0;
		}
		.maplinkstyle {
			color: #9a0000;
			font-style: italic;
			}
		#artistinfopage a.maplinkstyle:link, #artistinfopage a.maplinkstyle:visited {
			color: #9a0000;
			font-style: italic;
			}
	hr.artistdivider {
		margin: 15px auto;
		color: #ad9852;
		height: 1px;
		width: 95%;
		clear: both;
		}


.contactleft {
	float: left;
	}		
/* forms
----------------------------------------------- */

.contactTop{
	width: 470px;
	height: 13px;
	_margin-right: 8px;
	_margin-bottom: -1px;
	background: transparent url(/images/stories/contactTop.png) no-repeat;
	float: right;
}
.contactform{
	width: 470px; 
	height: 550px;
	_height: 500px;
	
	background: transparent url(/images/stories/contactMid.png) repeat-y;
	float: right;
	}
.contactBottom{
	width: 470px; 
	height: 13px;
	_margin-right: 8px;
	background: transparent url(/images/stories/contactBottom.png) 0 0 no-repeat;
	float: right;
}
form#userForm {}
	#formbox {
/* 		border: 1px dashed; */
		padding: 15px 30px 0 20px;
		}
	#userForm label {
		color: #000;
		font-size: 12px;
		}
	#userForm input[type="text"] {
		border: 1px solid #ad9852;
		width: 210px;
		height: 20px;
		font: normal 12px/100% Arial;
		padding-left: 2px;
		margin-bottom: 10px;
		}
	#userForm textarea {
		border: 1px solid #ad9852;
		width: 430px;
		font: normal 12px/100% Arial;
		padding-left: 4px;
		margin-bottom: 4px;
		}
/*
	#userForm .areas {
		width: 375px;
		margin-top: 6px;
		}
*/
/*
	#userForm .interestsheight {
		height: 100px;
		}
*/

		#userForm #optin0 {
			float: none;
			margin-right: 4px;
			}
	#userForm input[type="checkbox"] {
/* 		float: left; */
		margin: 4px;
		vertical-align: baseline;
		}
	#userForm #submitButton {
		border: 0;
		background: transparent url(/images/stories/submit_btn.png) 0 0 no-repeat;
		width: 65px; height: 21px;
		cursor: pointer;
		float: right;
		margin-top: 20px;
		margin-bottom: 5px;
		}
	
	#contactHeader{
	margin: 10px 30px 0 20px;
	}
div.contactaddresses {
	float: left;
	margin: 1px 5px 0;
	padding: 0;
	width: auto; 
	height: auto;
	
/* 		border: 1px solid #CCC; */
	}
div.contactaddresses h2 {
	font: normal 16px "Arial Black", Arial, sans-serif;
	margin-top: 7px;
	color: #9f2d32;
	}
div.contactaddresses h3 {
	font: normal 12px Arial, sans-serif;
	}
div.contactaddresses p {
	margin: 5px 0;
	font-size: 14px;
	}
div.contactaddresses a:link, div.contactaddresses a:visited { 
	border: 0; 
	display: block;
	color: #387F92;
	margin: 5px 0;
	font-size: 14px;
	text-decoration: none;
	}
	div.contactaddresses a.maplinkstyle:link, div.contactaddresses a.maplinkstyle:visited {
		color: #9a0000;
		font-style: italic;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		}		
		
.searchcontainer #mod_search_searchword {
	border: 1px solid #CCC;
	width: 140px; height: 16px;
	color: #181818;
	opacity:0.6; 
	filter:alpha(opacity=60);
	background:#EFF8FA url(/images/stories/search-icon.png) no-repeat scroll 98% 50%;
	padding: 4px 0 1px 4px;
	}
	button.button {
		border: 1px solid #CCC;
		background: #EDE9DB;
		}
		
.contentpaneopen tr {
	height: 23px;
	}	
		
#rssformthankyou {
	margin: 30px 30px 0;
	}		
#rssformthankyou p {
	margin-bottom: 10px;
	}		
	.contactform input[type="button"] {
		visibility: hidden;
		}
		
		
		
/*--------------------   Home Page -----------------*/
#navcontainer{
	float: left;
	background: url(/images/stories/navBg.png) repeat;
	width: 817px;
	*width: 813px;
	height: 40px;
	margin-left: -119px;
	*margin-left: -115px;
	margin-top: -10px;	
	_margin-top: -15px;
	
}

#nav{
	margin-top: 10px;
	
	margin-left: 22px;
	*margin-left: 50px;
}

#topBox{
	width: 774px;
	height: 108px;
	margin-bottom: 25px;
	margin-left: 10px;
	*float: left;
	_margin-left: 10px;
	background: url(/images/stories/csrpCenterBanner.jpg);
	
}

#leftBox {
	clear: left;
	float: left;
	width: 217px;
	height: 475px;
	margin-left: 9px;
	
	

}	

#centerBox {
clear: right;
	float: left;
	width: 300px;
	height: 100%;
	margin-left: 15px;
	margin-right: 12px;
	text-align: justify;
	margin-bottom: 50px;
	*margin-bottom: 100px;
  
	
}		

#centerBox h1{
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12pt;
	text-align: left;
	font-weight: bold;
	}

#centerBox p{
	font-size: 13px;
}

#seperate {
float: left;
	background: url(/images/stories/seperator.jpg);
	height: 900px;
	width: 6px;
}


#rightBanner{
	border-top: 1px solid #9f2d32;
	width: 165px;
	height: 459px;
	margin-top: -20px;
	margin-bottom: 15px;
	padding: 0;
}

#center{
margin-top: 50px;
_margin-top: -60px;
}


#bottom{
	margin-top: 15px;
}
#rightBox {
	font-family: Arial,Helvetica,sans-serif;
	margin-top: 0px;
	float: left;
	width: 190px;
	height: 470px;
	margin-left: 12px;

}		

#rightBox h1{
	color: #9f2d32;
	font-size: 18pt;
	font-weight: bold;
	border-bottom: 1px solid #9f2d32;
	
	font-family: Arial,Helvetica,sans-serif;
}
#rightBox h2{
	color: #000;
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 5px;
}

#rightBox a{
	line-height: 14pt;
	color: #9f2d32;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
}

#rightBox td{
	padding-bottom: 15px;
}

#rightBox .mod_events_latest_date{
font-size: 10pt;
color: #9f2d32;
font-weight: bold;
}		

#rightBox .mod_events_latest_content{
font-size: 10pt;
color: #000;
margin-bottom: 5px;
}		
/*--------------------   Package Page -----------------*/

#packageLeft{
	float: left;
	height: 336px;
	width: 450px;
	text-align: center;
}
#packageRight{
	float: left;
	width: 300px;
	padding-left: 10px;
	text-align: center;
	
}
#packageRTop{
padding-bottom: 25px;
}
#packageRBottom{
}
#packageRBLeft{
float: left;
padding-top: 15px;
padding-bottom: 15px;
}
#packageRBRight{
float: right;
padding-top: 15px;
padding-bottom: 15px;
}

.red {
	color: #9f2d32; 
}
.smallText{
	font-size: 6pt;
}