/**********************************/
/***   Globals                ****/
/**********************************/

body {  
	background: #000;
	font-size: 100.01%;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	margin: 5px 0 0 32px; 
}

.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.rounded-corners {
     -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    border-radius: 9px;
} 

.floatLeft {float: left;}
.floatRight {float: right;}
.clearFix {display: block; clear: both;}

/* generic wrapper */
.wrapDiv {	margin: 1em 0;	padding: 0; padding-bottom: 10px; margin-bottom: .5em;}

.zeros {margin: 0; padding: 0;}


p {margin: .5em 0; font-size: 0.9em;}

.rightColumn #rightHandLinks p em { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 0.9em;}


p.textCenter {text-align: center;}
p.textRight {text-align: right;}
 

/**********************************/
/***   Main wrapping div       ****/
/**********************************/
.pageWrap {
	width: 960px; margin: 0 auto; padding: 0;
} 


/**********************************/
/***   Header Section      ****/
/**********************************/

.headerRightElements {float: right; width: 300px; margin: 0; padding: 0; margin-top: 12px; }

div#Notice { font-family:arial; color:#c9f; padding:5px; margin-left:60px; width:400px; margin-top: 15px; }
div#Notice a {color:#fff; font-weight:bold; word-spacing:2px; text-decoration:underline;}

div#searchBox {
margin:  0; padding: 0; 
clear: both; 
height: 20px; line-height: 20px; width: 300px; 
text-align: right; vertical-align: top; 
padding-top: 25px;  }

div#searchBoxLg {
margin:  0;
padding: 0; 
clear: both; 
height: 20px;
line-height: 20px;
width: 100%; 
/* text-align: right; */
vertical-align: top; 
padding-top: 25px; 
font-weight:bold;
}
 
input.search { 
float: right; 
height: 20px; width: 150px; 
background:  url(/images/bg_searchInputGrey_2.jpg) no-repeat; 
border: none; 
color: #fff; 
font-weight:bold;
/* font-style:italic; */
margin: 0; padding: 0; 
padding-left:1px;
text-indent: 3px;}

input.searchLg { 
height: 20px;
width: 300px; 
background:  url(/images/bg_searchInputGrey_Lg.jpg) no-repeat; 
border: none; 
color: #fff; 
margin: 0; padding: 0; 
text-indent: 3px; 
font-weight:bold;
}

input.searchGO {
float: right;
height: 20px;
width: 50px;
background-color: #000; 
border: none;
color: #fff;
cursor: pointer;
margin: 0;
padding: 0;
margin-left: 5px;
font-weight:bold;
background:  url(/images/header_icons/magnifier_icon.gif) no-repeat; 
}

input.searchGOLg {
height: 20px;
width: 150px;
background-color: #000; 
border: none;
color: #fff;
cursor: pointer;
margin: 0;
padding: 0;
margin-left: 5px;
font-weight:bold;
}


ul#topRightNav {
float: right;
list-style:none;
margin:0;
padding:0; 
clear: both;
height: 36px; 
}

ul#topRightNav li {
/*float: left; */
display:inline;
color: #f0f0f0;
font-size: .8em; 
line-height: 36px; 
}
ul#topRightNav li.end {
border-left: 1px solid #ccc;
}

ul#topRightNav li a {
color: #f0f0f0;
text-decoration: none;
padding: 0;
margin:0;
}

ul#topRightNav li img {
padding:0;
margin:0;
position: relative;
top: 10px; 
}
div#searchBox label {
position: absolute;
left: -999px;
}


/**********************************/
/*** Main Nav  section ***/
/**********************************/
 

#mainNav {display: block; margin: 0; padding: 0;}


ul.topNav {list-style: none; display: inline; margin: 0; padding: 0; background-color: #000; height: 40px; }
ul.topNav li { float: left;  margin-right: 10px; width: 135px; border-bottom: 5px solid white;}
ul.topNav li a {text-decoration: none; color: #fff; }

ul.topNav li.current {border-bottom: 15px solid ;}

 
ul.topNav li.n1 {border-color:  #c82132;}
ul.topNav li.n2 {border-color: #f5881f;}
ul.topNav li.n3 {border-color: #17b547;}
ul.topNav li.n4 {border-color: #07aed8;}
ul.topNav li.n5 {border-color: #a97bdd;}
ul.topNav li.n6 {border-color: #aad813;}
  


/***************************************/
/*** Main Index page specific styles ***/
/***************************************/


.mainImage {width: 950;  margin: 0; padding: 2px; background:  url(../images/bg_mainImage.jpg) repeat-x; height: 280px;}
/*
.featuredArtist {background: url(../images/blueRodeo.jpg) no-repeat center; height: 272px;} 
*/
.featuredArtist h2 {float: right; font-size:  2em; color: #fff; text-align: right; margin: 150px 8px 0 0; padding: 0}
.featuredArtist h2 span.firsName {font-size:  1.6em; }
.featuredArtist h2 span.date {font-size:  .8em; font-weight: normal; }


div.feed {
	display: block; 
	width: 100%;
	margin: 0; 
	padding: 0; 
	background-color: #000; 
	border-top: 1px solid #373737;
	border-bottom: 1px solid #373737;
	height: 30px;
	} 
	
div.feed h3 {
	float: left; 
	font-size: 1.1em;
	margin: 0; 
	padding: 2px 5px 0 5px; 
	background-color: #a6a6a6;
	color: #797979; 
	width: 175px;
	height: 28px; 
	border-left: 1px solid #373737;
	border-right: 1px solid #373737;
	}
	
div.feed div {
	float: left; 
	margin: 0; padding: 0;  margin-left: 5px; 
	padding-top: 1px;
	}

	

	

/**********************************/
/*** Footer section ***/
/**********************************/

div#footer {
	display: block; 
	margin: 0;
    padding: 5px 0; 
	background: #000; 
	width: 950px;
	height: 51px; 
	font-size: .9em; 
	color: #f0f0f0;
}

div#footer div.icons {
float:right;
margin: 0px;
padding: 0px;
}
 
div#footer ul {float: left; list-style: none; margin: 0;  margin-left: 5px; /* height: 100px;*/ padding: 0; padding-top: 25px; font-size: .8em;}
div#footer ul li {display: inline; float: left; padding: 0; margin: 0; border-left: 1px solid #f0f0f0;}
div#footer ul li.end { border-right: none;}
div#footer ul li.none { border: none; padding-right: 10px; }
div#footer ul a {color: #f0f0f0; padding: 0 3px 0 3px; text-decoration: none;}
div#footer ul a:hover {color: #f58d1e; padding: 0 3px 0 3px;}
 
 /* drop down menu in footer */
 
#topOtherCities {
float:right;
width:246px;
padding-top:-5px;
padding-left:-55px;
padding-right:0px; 
padding-bottom:5px;
margin-left:-5px;
margin-right:-6px;
margin-top:-40px;
margin-bottom:-10px;
}

#topOtherCities .button {
width:27px;
margin-left:-5px;
 }
 
 /*****************************************/
 /*** for two columns ***/
 
 
	
	#twoColumnWrap {
		margin: 0; padding: 0; 
		margin-bottom: 1em;  
		background-color: #ECECEC;  
		width: 954px;}
		
 .events {border: 5px solid #C82132;}	
 .generic {border: 5px solid #6B6B6B;}	
	
	.leftColumn {
		float:left;
		width:180px;
		padding: 0 10px;
		margin: 0;
	} 
	 
	.rightColumn {
		float:right;
		width:740px;
		margin: 0;
		padding:0 ;
		padding-right: 10px; 
		/* font-size: 0.9em; */
	} 
    
    /*.rightColumn em {
     font-size: .9em;   
    font-weight: normal;} */
	
/*********************/
/*  left Nav styling */
/*********************/
  
.leftColumn div#navcontainer {
background: #626262; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#313131'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#959595), to(#313131)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #959595,  #313131); /* for firefox 3.6+ */
padding: 5px; 
margin: 0 0 10px 0;  
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;} 
  

 .leftColumn div#navcontainer ul {width: 180px; margin: 0; padding: 0;list-style: none;}   

 .leftColumn div#navcontainer ul li { margin: 0; padding:  0; background:url(/images/arrow_white.gif) left no-repeat; background-position:  5px 8px ;} 
 
 .leftColumn div#navcontainer ul li a {display: block; width: 148px; font-size: .9em; text-decoration: none; color: #fff; margin-left: 20px; padding: 2px;} 
 .leftColumn div#navcontainer ul li a:hover {text-decoration: underline;}  
 
 .leftColumn div#navcontainer ul li:first-child {background-image: none;}
 
  .leftColumn div#navcontainer ul li a.navHead {
	position: relative; left: -18px; 
	padding-right: 20px; 
	font-weight: bold;
  
/*
  	background-color: #7D7D7D; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#919191', endColorstr='#838383');  
background: -webkit-gradient(linear, left top, left bottom, from(#919191), to(#838383));  
background: -moz-linear-gradient(top,  #919191,  #838383);  

     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	*/
} 
  
 
	.gateway {border-bottom: 10px solid #187d9b; height: 27px; }
	
	div.twoColwrapDiv {
	margin: 0;
	padding: 0;
	margin-top: .5em;
}

/************************************/
/*** for one column ***/

 #contentOneColumn {
		margin: 0; padding: .5em; 
		margin-bottom: 1em;  
		background-color: #ECECEC;
		border: 3px solid;
		border-color:  #c82132; }

/***** overwrite from newMain *****/

 
h1 {margin: 0; padding: 0; font-size: 1.6em; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;}

	
#contentID {float: right; font-size: .7em; color: #999; clear: both; margin: 15px;}



/****************************/
/*** Word style mappings ***/
/***************************/


.graphicRight, .textBoxRight {float: right; margin: 0 0 10px 10px;}
.graphicLeft, .textBoxLeft {float: left; margin: 0 10px 10px 0;}



.textBoxRight, .textBoxLeft  { 
	width: 180px;  
} 

	

.textBoxRight div, .textBoxLeft div {
	margin: 0;
	padding: 10px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;  
	background-color: #999;
	color: #fff;}
	
	
.events_tickets .textBoxRight div, .events_tickets .textBoxLeft div { background-color: #c82132;}
.membership .textBoxRight div, .membership .textBoxLeft div { background-color: #f5881f;}
.rentals .textBoxRight div, .rentals .textBoxLeft div { background-color: #17B547;}
.volunteer .textBoxRight div, .volunteer .textBoxLeft div { background-color: #07AED8;}
.information .textBoxRight div, .information .textBoxLeft div { background-color: #a97bdd;}
.community .textBoxRight div, .community .textBoxLeft div { background-color: #aad813;}
 

.rightColumn ul {list-style-image: url(/images/listArrow_transparent.gif);}   

.rightColumn ul ul {margin: 0; padding: 0; margin-left: 15px; list-style-image: url(/images/arrows.png);}   

.rightColumn h1, .rightColumn h2, .rightColumn h3, .rightColumn h4 {color: #000;}
.rightColumn h1 {font-size: 1.6em; font-family: Arial, Helvetica, sans-serif; font-weight:bold;padding-bottom: 3px; display: block;}
.rightColumn h2 {font-size: 1.4em; margin-bottom: 5px;}
.rightColumn h3 {font-size: 1.2em; margin-bottom: 3px;}
.rightColumn h4 {font-size: 1.1em;  margin-bottom: 1px;}

#relatedLinks {background-color: transparent;  
	-moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    border-radius: 9px; 
	margin: 0;}

	#relatedLinks #relatedLinks {border: none;}
	
	#relatedLinks img {border: none;}
	
	
	#relatedLinks h3 {position: absolute; left: -999px;}
	
	#relatedLinks p {font-size: .8em;  }
	#relatedLinks em {font-family: Tebuchet MS, Helvetica; line-height: 15px; }
	
	
  
  /********************************/
  /*  for Individual Artist pages */
  /********************************/
  
  
#rightHandLinks { float: right; width: 350px; margin: 0; padding: 0 ; margin-left: 5px;  }
	
	
	
#rightHandLinks h1 {font-size: 1.5em; border: none; margin: 0; padding: 0;}
#rightHandLinks h2 {font-size: 1.2em; border: none; margin: 0; padding: 0;}
#rightHandLinks h3 {font-size: 1.2em; font-style: normal; padding: 0; }
  
#rightHandLinks  p:first-child {margin-top: 0;}
  
 

div.graphicLeft img { margin: 0; padding: 0;}

#rightHandLinks div.graphicLeft { float: left; height: auto; width: auto; margin: 0 10px 10px 0; }

  
  /*********************/
  /*  Table styling */
  /*********************/

 .rightColumn table {
 	border: 1px solid #ccc;
	border-collapse: collapse;
 }
 
 
 .rightColumn table th, .rightColumn table td {
 	padding: 3px; 
 	border: 1px solid #ccc;
	border-collapse: collapse;
	text-align: left;
 }
 
 .rightColumn table th p, .rightColumn table td p {
 	margin: 0; padding: 0;
 }
 
 /*
  .rightColumn table th  { background-color: #c2bebc;  
    background-image: -moz-linear-gradient(100% 100% 90deg, #999999, #f2f2f2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#999999));
	color: #000;
	border-color: #ececec;
 }
 */
 
  .information table  th { background-color: #C09FE6;}
  .membership table th  { background-color: #F9B370; } 
  .rentals table th { background-color: #6BD08A; }
  .volunteer table th  { background-color: #61CBE6; }
  .community table th  { background-color: #C9E669; }
 
.rightColumn table h1,  .rightColumn table h2,  .rightColumn table h3,  .rightColumn table h4,  .rightColumn table h5,  .rightColumn table h6 {margin: 0; padding: 0; font-size: 1em;}
 
 
 /*******************************/
 /*  Generic Right Column Stuff */
 /*******************************/
 
 
.rightColumn a { color: #000; text-decoration: underline; }
.rightColumn a:visited {color: #03c; }
.rightColumn a:hover {color: #003399; }

 
 
 /************************************/
 /** Gateway styling **/     
 
 
 #bannerImage {height: 180px; margin: 0; padding: 0; }
 
.events_tickets {border:5px solid #c82132;} 
 .events_ticketsBanner {background: url(/images/banners/events_and_tickets.jpg) no-repeat; }
 
.membership {border:5px solid #f5881f;}
.membershipBanner {background: url(/images/banners/membership_banner.jpg) no-repeat; }
  
  
.rentals {border:5px solid #17b547;}
.rentalsBanner {background: url(/images/banners/rentals_banner.jpg) no-repeat; }
 

.volunteer {border:5px solid #07aed8;}
.volunteerBanner {background: url(/images/banners/volunteers.jpg) no-repeat; }
 
 
.information {border:5px solid #a97bdd;}
.informationBanner {background: url(/images/banners/info1.jpg) no-repeat; }
 
 
.community {border:5px solid #aad813;}
.communityBanner {background: url(/images/banners/community1.jpg) no-repeat; }



 .membership h1 {background: #f5881f; color: #000; text-indent: 5px; margin-bottom: 10px;}
 .rentals h1 {background: #17b547; color: #f2f2f2; text-indent: 5px; margin-bottom: 10px;}
 .volunteer h1 {background: #07aed8; color: #000; text-indent: 5px; margin-bottom: 10px;}
 .information h1 {background: #a97bdd; color: #000; text-indent: 5px; margin-bottom: 10px;}
 .community h1 {background: #aad813; color: #000; text-indent: 5px; margin-bottom: 10px;}