/*
	CSS stylesheet for the scms homepage
*/

#content { 
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	font: 13px Helvetica;	
}

#content td {
	vertical-align: top;
}

#content table { 
	width: 100%;
	text-align: left;
	padding-left: 140px;
}

#sponsors {
	font: 13px Helvetica;		
}

body {
	background-color: #E3C8AC;
	padding: auto;
	margin: auto;
}

#main {
	font-family: Helvetica;
	text-align: center;
	width: 900px;
	/*height: 800px;*/
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	color: #333333;
	padding: auto;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
}

a	{
	text-decoration: none;
	color: #b78048;
	}


a:hover {
	color: #86290C;	
}

img	{
	border: 0;
	}


//HEADER
#header {
	height: 145px;
}

#topheader {
	padding: 25px;
	text-align: center;
}

#topheader_left {
display: table-cell;
width: 300px;
vertical-align: top;
}

#topheader_center {
display: table-cell;
width: 300px;
vertical-align: top;
padding-bottom: 10px;
}

#topheader_right	{
display: table-cell;
width: 300px;
vertical-align: top;
}

#buytx {
	float: left;
}

#scmslogo {
	float: none;
}

#loginarea {
	float: right;
	position: relative;
}

#bottombuttons {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}

//NAVIGATION
.droplinebar {
margin: 0;
padding: 0;
overflow: hidden;
}

#navigation {
     width: 800px;
     background: transparent;
     color: #b78048;
     list-style: none;
     margin: auto;
     padding: auto;
     font: 14px Helvetica;
}

#navigation>li {
	display: inline;
	padding-right: 30px;
     text-align: center;
     height: 100%;
     cursor: pointer;
     margin: auto;
}
#navigation li:hover, #navigation>li:hover>a {
     background-color: transparent;
     color: #ea701b;
}
#navigation li a, #navigation li ul {
     text-align: center;
     text-decoration: none;
     color: #b78048;
}

#navigation li a.current {
	color: #ea701b;
	text-decoration: underline;
	}

#subnavigation {
     width: 800px;
     background: transparent;
     color: #b78048;
     list-style: none;
     margin: auto;
     padding: auto;
     padding-top: 5px;
     font: 11px Helvetica;
}

#subnavigation>li {
	display: inline;
     padding: 0;
     text-align: center;
     height: 100%;
     cursor: pointer;
     margin: auto;
}
#subnavigation li:hover, #subnavigation>li:hover>a {
     background-color: transparent;
     color: #ea701b;
}
#subnavigation li a, #subnavigation li ul {
     text-align: center;
     text-decoration: underline;
     color: #b78048;
}

#subnavigation li a.current {
	color: #ea701b;
	text-decoration: underline;
	}

//SLIDESHOW
#slideshow {
	width: 850px;
	height: 250px;
}

#bottomnav {
	clear: both;	
	vertical-align: top;
	padding-bottom: 10px;
}

/*FONTS*/

#body	{
text-align: left;
color: #333;
padding-left: 30px;
padding-right: 30px;
min-height: 475px;
}

#indent	{
		padding-left: 54px;
		}

h1, .title	{
	font: bold 24px Times, serif;
	}
	
p.first	{
		font: 12px helvetica;
		line-height: 1.5;
		padding-top: 10px;
		}
		
h2	{
	font: 14px helvetica;
	}
	
h3	{
	font: bold 14px Times, serif;
	margin-bottom: 2px;
	}
	
p	{
	margin: 0;
	padding: 0;
	font: 12px helvetica;
	}
	
.date	{
	display: block;
	font: 14px helvetica;
	padding-bottom: 10px;
	}
	
.time	{
		font: 12px helvetica;
		font-weight: bold;
		line-height: 16px;
		}
	
.composer {
	display: block;
	font: 12px helvetica;
	padding-left: 24px;
}

.piece {
	display: block;
	font: 12px helvetica;
	padding-left: 24px;
}

.performer	{
	display: block;
	font: 12px helvetica;
	font-style: italic;
	padding-left: 24px;
}

.subtitle	{
			font: 14px helvetica;
			}
			
.inset	{
		font: 11px helvetica;
		padding-left: 24px;
		}
		
.sectionhead	{
		font: bold 14px Times;
		}

	
hr {
color: #fff; 
background-color: #fff; 
border: 1px dotted #333; 
border-style: none none dotted;
padding-top: 3px;
padding-bottom: 3px;
}


/*
NAV BUTTONS
*/
#loginarea {
	font-weight: bold;
	font-size: 12px;
	color: #B78048;
}

#topheadermenu, #bottomnav {
	width: 850px;
	margin: auto;
	text-align: left;
}

#bottomnav	{
padding-top: 10px;
}

.navbutton {
	font-family: Helvetica;
	font-size: 14px;
	color: #B78048;
	padding: 15px;
}

#smallbuttons {
	width: 900px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.smallbutton {
	width: 189px;
	height: 173px;	
}

#small1{
	padding-right: 15px;
}

#small2, #small3 {
	padding-left: 15px;
	padding-right: 15px;
}

#small4 {
	padding-left: 15px;
}

/*
	NEXT ROWS...
*/
#pullquote {
	font-family: Georgia;
	font-style: italic;
	font-size: 16px;
	color: #523314;
	width: 850px;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	vertical-align: middle;
	background: #e3c8ac;
	line-height: 32px;
	margin-bottom: 10px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}

#socialmediabuttons {
	float: left;
	font-size: 14px;
	text-align: center;
}

.socialmediabutton {
	float: left;
	color: #333333;
	font-weight: bold;
	font-size: 9px;
	padding: 5px;
}

#mediasponsor {
	float: right;
	font-size: 14px;
	/*padding-right: 5px;*/
	text-align: center;
}

#search	{
		float: right;
		/*padding-left: 15px;*/
		text-align: left;
		font-size: 7.5px;
}

/*
footer
*/

#footer	{
display: block;
height: 30px;
width: 900px;
padding: auto;
margin: auto;
text-align: center;
font: helvetica;
}

#footer_left	{
display: table-cell;
text-align: left;
width: 300px;
padding-left: 30px;
vertical-align: middle;
}

#footer_center	{
display: table-cell;
text-align: center;
width: 300px;
vertical-align: middle;
}

#footer_right{
display: table-cell;
text-align: right;
width: 300px;
padding-right: 30px;
vertical-align: middle;
}

.footerbutton {
	font-weight: bold;
	font-size: 11px;
	color: #450E0E;	
	font-family: helvetica;
}

#disclaimer {
	display: block;	
	text-align: center;	
	background-color: white;
	color: #333333;
	width: 100%;
	padding-top: 10px;
}

#disclaimer p	{
width: 800px;
padding: auto;
margin: auto;
font: italic 9px helvetica;
}

#copyright	{
	font: bold 11px Helvetica;
	color: #450e0e;
	/*display: inline;*/
	}
	
	/*
	Calendar
	*/
	
	/* CONCERT CALENDAR */

td.calmonth {
	margin: 4;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #86290C;
}

tr.cal { width: 800; }

td.cal {
	width: 115;
	height: 120;
	padding: 8;
	background: #e3c8ac;
	vertical-align: text-top;
}

td.calcon {
	width: 115;
	height: 120;
	padding: 8;
	vertical-align: text-top;
}

td.calhead {
	width: 115;
	padding: 4;
	font-size: 0.75em;
	text-align: center;
	font-weight: bold;
}

td.calfoot {
	width: 115;
	height: 4;
	padding: 0;
	border: 0;
	background: #86290C;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.caldate {
	font-weight: bold;
	margin-bottom: 0.25em;
}

.calrperf {
	font-size: 0.6em;
	font-style: italic;
	margin-bottom: 0.25em;
}

.calprog {
	font-size: 0.6em;
	font-weight: bold;
}

.calperf {
	font-size: 0.6em;
	font-style: italic;
}

.calcomm {
	font-size: 0.6em;
}

a#top	{
font-size: 9px;
font-weight: bold;
font-style: uppercase;
padding-top: 5px;
}