/* 
How to add new pages to MAIN NAVIGATION:
	1. Add new list item to top.asp in the correct section in
		 a similar fashion to the other links.
	2. Give the body of the newly created page an ID that
		 corresponds to the section it belongs in (a full list
		 of the ID's can be found on nav.css line 154).
	3. Add the link to the correct navSub include file in a 
		 similar fashion to the other links.

How to add new pages (concerts) to the NAVLEFT section:
	1. Add new list item to navLeft.asp under nav_concerts in
		 a similar fashion to the other links.
	2. Give the list item a unique ID.
	3. On the new page, wrap the 'navLeft' include file in a 
		 unique div.
	4. On line 165 of nav.css, add the unique div ID and unique
		 list ID to the selectors.
	5. If the title of the new page will take up two lines,
		 add the unique div ID and unique list ID to the selectors
		 on line 182 of nav.css.
*/
body{
	background-color:#1f1f1b;
	background-image:url(/images/bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	color:#62574b;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	width:100%;
}
a{
	color:#666666;
	text-decoration:underline;
}
a:hover{
	color:#cc9900;
}
p{
	font-size:1em;
	line-height:1.4em!important;
	margin-bottom:9px;
}
h1{
	font-size:2em;
}
h2{
	color:#660000;
	font-size:1.5em;
	font-weight:normal;
	margin:9px 0;
}
h3{
	font-size:1.2em;
	font-weight:normal;
}
ul{
	list-style-type:disc;
	margin:0 0 0 25px;
}
li{
	line-height:17px;
	margin:5px 0;
}

/* PAGE ELEMENTS
*******************************************************/

#branding_container{ /* Sets background for top area */
	background-image:url(/images/branding-bg.jpg);
	background-repeat:repeat-x;
}
#branding{ /* Sets width for top area and centers it */
	margin:0 auto;
	padding-top:7px;
	width:951px;
}
#container{
	background-color:#fffff2;
	background-image:url(/images/content-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin:0 auto;
	width:951px;
	z-index:5;
    
    
    
   
}
#container:after{ 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#content{ /* Note: Homepage does not use #content or #content_title */
	float:left;
	width:635px;
}
#content_title{
	border-bottom:1px solid #c1b594;
	height:96px;
	margin-left:9px;
	width:635px;
}
#content_title img{
	margin:17px 0 0 20px;
}
#content_main{
	float:left;
	padding:2px;
	width:404px;
}
#content_full{ /* When the content stretches across both main and sub divs */
	margin:20px;
	width:626px;
}
#content_sub{
	border-right:1px solid #c1b594;
	float:left;
	padding:9px;
	position:static;
	width:178px;
} 
#tickets{
	background-color:#ebd7af;
	height:120px;
	margin-bottom:9px;
	position:relative;
}
#tickets select{
	margin:3px 0 0 11px;
	width:150px;
}
#tickets img.get_seats{
	margin:9px 0 0 46px;
}
#footer{
	background-image:url(/images/footer-bg.png);
	background-position:top;
	background-repeat:no-repeat;
	clear:both;
	height:85px;
	margin:0 auto;
	width:951px;
}
ul#nav_foot{
  float:left;
  margin:30px 0 0 0;
  width:463px;
  text-align:left;
}
ul#nav_foot li{
	display:inline;
}
ul#nav_foot li a{
	color:#555555;
	text-decoration:none;
}
ul#nav_foot li a:hover{
	color:#ffffff;
}



ul.nav_foot{
	float:left;
	margin:30px 0 0 0;
	width:463px;
	text-align:center;
}
ul.nav_foot li{
	display:inline;
}
ul.nav_foot li a{
	color:#555555;
	text-decoration:none;
}
ul.nav_foot li a:hover{
	color:#ffffff;
}



#site_info{
	color:#555555;
	float:right;
	margin:30px 0 0 0;
}

/* YELLOW INCLUDE
******************************************************/

#calendar{ /* For positioning on home page, see header styles on index.asp */
	background-color:#cc9900;
	float:right;
	margin:9px 9px 4px 0;
	padding:9px;
	width:260px;
}
#calendarh{ /* For positioning on home page, see header styles on index.asp */
	background-color:#cc9900;
	float:left;
	margin:-25px 9px 4px 0;
	padding:9px;
	width:260px;
    position:relative;
    z-index:9;
}
#calendar img.more{
	float:none;
	margin:9px 0 0 220px;
}
#guest{
	background-color:#ba8700;
	margin-top:9px;
	padding-bottom:9px;
}
#guest p,
#guest h2,
#guest h3{
	font-weight:normal;
	padding:0 9px;
}

/* TABLES
*******************************************************/

table{
	clear:both;
}
th{
	color:#660000;
}
td,th{
	line-height:16px;
	padding:10px 0;
	text-align:left;
	vertical-align:bottom;
/*	width:90px;  */
}
/* tr{
	border-top:2px solid #660000;
} */
tr.tHead{
	border-top:none;
	font-weight:bold;
}
td.tLeft{
	color:#660000;
	font-weight:bold;
	width:150px;
}

/* Three Columns
*******************************************************/

#threeColumn{
	width:100%;
}
#threeColumn div{
	float:left;
	text-align:center;
	width:33%;
}

/* FONT RESIZER
*******************************************************/

.fontResizer { color:#fff; display: block; margin:5px 0; text-align:center; }
.fontResizer p { margin:0; }
.fontResizer a { color:#fff; margin:1px 3px; text-decoration: none; }
.fontResizer a:hover { color: #000; text-decoration: none; }

.curFont { border-bottom:3px solid #fff; }

/* CLASSES
*******************************************************/

.no_margin{
	margin:0;
}
img.logo{
	padding-bottom:1px;
}
.clear{
	clear:both;
}
.gray{
	color:#666666;
}
ul.gray li{
	line-height:15px;
}
.horizontal{ /* Defines vertical margins for any horizontal rule on the page */
	margin:9px 0;
	padding:0;
}
img.more{ /* All of the play buttons on the website */
	float:right;
}
img.find_out_more{ /* The find out more button on the banner of the homepage */
	left:750px;
	position:absolute;
	top:170px;
}

/* The following three classes are used in the Upcoming Concerts section */

h2.upcoming_title{
	color:#660000;
	margin:0 9px;
}
h3.upcoming_sub{
	color:#660000;
	margin:0 7px 5px 7px;
}
p.upcoming_content{
	margin:0 9px;
}

/* The following two classes are used in the concerts section */

h2.concert_title{
	color:#660000;
	margin:5px 0 0 0;
}
h3.concert_sub{
	color:#660000;
	margin:0 0 5px 0;
}

/* The following three classes are used in the calendar include file */
h2.artist{
	color:#fdfdfc;
	margin:10px 0 0 0;
}
h3.artist_sub{
	color:#ebd7b0;
	margin:0 0 10px 0;
}
p.artist_desc{
	color:#fdfdfc;
	margin-bottom:0;
}
h1.caltitle {
  font: normal 16px Arial, Helvetica, sans-serif;
  color: #660000;
}
div.cal {
  margin-bottom: 5px;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #666666;
}
div.caltitle {
  margin-bottom: 5px;
  font: normal 14px Arial, Helvetica, sans-serif;
  color: #660000;
}
div.caldesc {
  margin-bottom: 30px;
  font: normal 14px Arial, Helvetica, sans-serif;
  color: #660000;
  padding-bottom: 5px;
  border-bottom: thin dotted #999999;
}
div.caldesc p {
  font-size: 12px;
  color: #333333;
  margin-top: 10px;
}

/*  ---------------------------------------- NEW CSS added 8-14-2009 - sm----------------------------*/

div#thanks{
	background-color:#bb8700;
	margin-bottom:10px;
}
div#social{
	background-color:#bb8700;
	margin-top:10px;
}
img.socIcon{
	margin:10px 10px 10px 0;
}

div#social a{
	color:#fffff2;
}
/*  CSS for the upcoming concerts on the concerts landing page */

div.upcoming_concert{
	margin:15px 0 0 0;
	background-image:url(../images/upcoming-bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
div.upcoming_concert img{
	float:left;
	margin:3px 10px 10px 0;
}
div.social_advg{
	margin:15px 0 0 0;
	background-image:url(../images/upcoming-bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
div.social_advg img{
	float:left;
	margin:0px 10px 5px 0;
}
div#footer ul#nav_foot li.clearme { clear:right; width:300px !important;}