@charset "UTF-8";
/* CSS Document */
/* 
Imported Styles
-----------------------------------------------------------------------------*/	
@import url("cssreset.css"); /* Resets defaults to help minimize browser interpretation issues */
@import url("sifr.css"); /* used for professional font replacment */
/* 
Typography
-----------------------------------------------------------------------------*/	
h1, h2, h3, h4, h5, h6, th {margin-bottom: 10px;}
h1 {font-size:24px; margin-top:-45px;}
#home h1 {margin-top: 0; text-align:left;}
h2 {font-size:36px; font-weight:bold;}
	#banner-content h2 {font-size:48px; color:#794519 !important;}
	
h3 {font-size:24px;}
	h3 a {color:#000;}
h4 {font-size:20px;}
p, ol, ul, dl, small, td { line-height:1.5em; margin-bottom:1.5em;}
	#banner-content p {font-size:18px;}
	p em {color:#503b27; font-style:normal; font-weight:bold;}
small {font-size:10px; display:block; margin:1.5em 0;}
#primary-content ul {margin-left:1.2em;}
#primary-content ul li {list-style:square;}
#primary-content ol {margin-left:1.5em;}
#primary-content ol li {list-style:decimal;}
#footer ul, #footer p, #footer h5 {margin-bottom:0;}
a:link, a:visited {text-decoration:; color:;}
a:hover, a:focus {text-decoration:none;}
a:active {}
strong {font-weight:bold !important;}

/* 
Containers
-----------------------------------------------------------------------------*/	
html {text-align: center; font:14px Arial, Helvetica, sans-serif; background:url(../images/marble-back.jpg); margin:0 !important; padding:0 !important;}
body {width:100%; background:url(../images/masthead-back.png) top left repeat-x; margin:-1.5em 0 0 0; padding:0 !important;}
#wrap {width: 940px; margin:0 auto;}
#masthead, #content, #footer {width: 940px; position:relative;}
#masthead {height:209px;}
	#logo {position: absolute; top:54px; left:44px;}
	#register {position:absolute; top: 78px; right:0; width:208px; height:59px; background:url(../images/register.png); text-align:center;}
	#register p {line-height:59px; font-family:Georgia, "Times New Roman", Times, serif; color:#f4e5d7; font-size:24px; font-weight:normal;}
	#register p a, .more-info a {color:#f4e5d7; text-decoration:none; font-weight:normal;}
	#register p a:hover, .more-info a:hover {color:#fff;}
	#event-information {position:absolute; top: 149px; right:0; text-align:right; font-size:14px;}
	#event-information a {color: #503b27;}
	.more-info {height:56px; width:148px; background:url(../images/more-info.gif) no-repeat;}
	.more-info p {line-height:56px; text-align:center; font-size:24px !important; font-family:Georgia, "Times New Roman", Times, serif;}
	.more-info-big {height:87px; width:380px; background:url(../images/more-info-big.gif) no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;}
	.more-info-big p {text-align:center; color:#b78f49; font-size:24px; line-height:1em; padding:18px 0 0 0;}
	.more-info-big p a {color:#fff; text-decoration:underline;}
	.more-info-big p a:hover {text-decoration:none;}
#banner {width: 100%; float:left; padding-bottom:27px; background:url(../images/double-border.gif) bottom left repeat-x;}
	#banner #rotator {height:253px; width: 380px;}
	#banner #rotator, #secondary-content {width:380px; float:left;}
	#banner #banner-content, #primary-content {width:540px; float:right; text-align:left;}
#content {float:left; text-align:left; margin-bottom:20px; padding-top: 30px;}
#footer {clear:both; width: 100%; background:#e1cebc url(../images/footer-back.gif) top left repeat-x;}
/* 
Gutters
-----------------------------------------------------------------------------*/	
#primary-content .gutter {padding:;}
#secondary-content .gutter {padding:;}
#masthead .gutter {padding:;}
#banner .gutter {padding:;}
#footer .gutter {width: 940px; margin:0 auto; padding:35px 0 100px 0;}
#musicians #footer .gutter {padding:35px 0 200px 0;}
#sponsor #footer .gutter{padding:35px 0 350px 0;}
#contact #footer .gutter {padding:35px 0 450px 0;}
/* 
Navigation
-----------------------------------------------------------------------------*/	
#main-navigation {width:100%; height:38px; background:url(../images/nav-back.gif) repeat-x; background-color:inherit; padding:0; margin:0 0 54px 0;}
#nav {height:38px; padding:0; margin:0;}
#nav li {display:inline; height:38px; font-family:Georgia, "Times New Roman", Times, serif; color:#503b27; font-size:18px;}
#nav li a {line-height: 38px; color:#503b27; margin:0 5px; text-decoration:none;}
#nav li.first a {margin-left:0;}
#nav li.last a {margin-right:0;}
#nav li a:hover, #nav li a:focus {color:#935b31;}
#nav li a.active {color:#935b31; text-decoration:none;}
#nav li a.active:hover {cursor: default;}

#footer-nav {width: 100%;}
#footer-nav li {display:inline; color:#503b27;}
#footer-nav a {color:#503b27; text-decoration:none;}
#footer-nav li a.active, #footer-nav li a:hover {color:#935b31;}
/* 
Images
-----------------------------------------------------------------------------*/	
.img-right {float:right; margin:0 0 1em 1em;}
.img-left {float:left; margin:0 1em 1em 0;}

#speaker-table img, #musicians img {border:#fff 3px solid;}
#musicians #logo img {border:none;}

/* 
Forms
-----------------------------------------------------------------------------*/	
label {display: block;}

/* 
Tables
-----------------------------------------------------------------------------*/	
	table {margin-bottom:1.5em;}
	/*
	   "Tiger Striping"
		if you want the rows to be different color, add class="stripe" to the 
		table tag on your web page.
	*/
	.stripe .alt {background-color:#f4e4d4;}
		/*This will make every other table right a different back ground color. */
	.stripe .over {background-color:#e1cebc;}
		/*This will make the background color change when you hover over a table row. */
	td {padding:4px; vertical-align:top;}
	#speaker-table td {border-bottom:#e2cfbe 1px solid;}
	#rotating-teasers {background:url(../images/double-border.gif) bottom left repeat-x; padding-bottom:10px; margin-bottom:20px;}
	#rotating-teasers p a {font-size:18px; color:#794519; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none;}
	#rotating-teasers p a:hover {text-decoration:underline;}

/* 
Curvy Corners
-----------------------------------------------------------------------------*/	
#primary-content, #secondary-content {-webkit-border-radius: 8px; -moz-border-radius: 8px;}

/* 
Box Shadows
-----------------------------------------------------------------------------*/	
.shadow {box-shadow:0 0 5px #999;-o-box-shadow:0 0 5px #999;-moz-box-shadow:0 0 5px #999;-webkit-box-shadow:0 0 5px #999;}



/* 
Image Rotator
-----------------------------------------------------------------------------*/	

/* large slideshow images */
.images {
	position:relative;	
	height:253px;
	width:380px;
	float:left;	
	margin:0;
	cursor:pointer;
}
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	width: 370px;
	height:245px;
	border: #fff 5px solid;
}


/* large slideshow images */
.images-2, .images-3 {
	position:relative;	
	width:130px;
	height:200px;
	float:left;	
	margin:0;
	cursor:pointer;
	z-index:20000000;
}
.images-2 .speaker-slide, .images-3 .musician-slide {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	width: 130px;
	height:200px;
	z-index:20000000;
}
.images-2 img, .images-3 img {border:#fff 3px solid;}
/* tabs (those little circles below slides) */
.tabs {
	clear:both;
	margin-left:330px;
}

/* single tab */
.tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:140px;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}