@charset "utf-8";
/* CSS Document */

html, body {
background-color:#414142;
margin:0px;
padding:0px;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:medium;
color:#362f2d;
height:100%;
width:100%;
}
.box_bg {
	background-color: #ece0d4;
	border: 1px solid #c1b2a2;
	padding: 10px;
}
.schedule_bg {
	background-color: #ece0d4;
}
.box_corner {
	z-index: 2;
	background-image: url(../images/IMG_corner_hat.png);
	background-repeat:no-repeat;
	width: 64px;
	height: 49px;
	top: 63px;
	left: 35px;
	position: absolute;
}
.box_bg h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:90%;
padding:0px;
font-weight:normal;
}
.spacing { 
line-spacing: 5px;
}
.image {
	border:#333333 solid 1px; 
	padding:2px; 
	margin-right:10px;
}
a:link .image { 
	border: 1px solid #E7DB8D;
}
a:hover .image {
	border: 1px solid #f7941d;
}
a:active .image { 
	border: 1px solid #E7DB8D;
}
h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:170%;
padding:0px 25px 3px 25px;
font-weight:normal;
}

h2{
font-size:110%;
padding:0px 5px 2px 25px;
}

h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:90%;
padding:0px 25px 0px 25px;
font-weight:normal;
}

p {
padding:0px 25px 8px 25px;
size:140%;
text-align:left;
}

p.perfsched {
padding:0px 25px 8px 25px;
size:140%;
text-align:left;
}

a {
color:#9E0918;
text-decoration:none;
}

a:hover {
color:#9E0918;
text-decoration:underline;
}

em {
	font-size:80%;
}

#navigation {
width:864px;
height:35px;
position:relative;
top:10px;
padding:0px;
margin:0px auto;
z-index:50;
}

#navigation ul {
list-style:none;
margin:0px auto;
padding-left:7px;
}

#navigation li {
display:block;
list-style:none;
float:left;
margin:0px;
padding:0px;
}

#banner {
width:850px;
height:280px;
top:10px;
padding:0px 0px 5px;
margin:0px auto;
z-index:20;
position: relative;
}

#content {
background:url(../images/BG_content.jpg) center;
width:850px;
margin:10px auto 0px;
padding:0px;
}

#content_popup {
background:url(../images/BG_content.jpg) center;
width:390px;
height:620px;
margin:10px auto 0px;
padding:10px;
}

#news {
	width: 220px;
	float: right;
	display: inline;
	position: relative;
	padding:0px 5px 0px 0px;
	margin: 0px auto;
	vertical-align: top;
}

#newsbox {
	background:url(../images/sidebar-bg-latestnews.jpg); background-repeat: repeat-y; background-position: top;
	width: 220px;
	text-align: center;
	padding-bottom: 5px;
}

.newsstory {
	width:150px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:82%;
	text-align:left;
	padding:10px 35px 10px 35px;
}

.newsstory .hl {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding:0px 0px 5px 0px;
}

.newsstory i {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-style: italic;
	padding:0px 0px 5px 0px;
}

/* Tiny Scrollbar */
#newsscroll { width: 240px; margin: 20px 0 10px; }
#newsscroll .viewport { width: 220px; height: 450px; overflow: hidden; position: relative; }
#newsscroll .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#newsscroll .scrollbar{ background: transparent url(http://willamettecountrymusicfestival.com/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#newsscroll .track { background: transparent url(http://willamettecountrymusicfestival.com/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#newsscroll .thumb { background: transparent url(http://willamettecountrymusicfestival.com/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#newsscroll .thumb .end { background: transparent url(http://willamettecountrymusicfestival.com/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#newsscroll .disable { display: none; }

#home-left {
	width: 300px; 
	float: left;
	display: inline;
	position: relative;
	padding: 5px 1px 5px 8px;
	text-align:center;
}

#home-right {
	width: 300px; 
	float: left;
	display: inline;
	position: relative;
	padding: 5px;
}
 
#nashville {
	background:url(../images/feature-bg-nashville.gif); background-position: top; background-repeat: no-repeat;
	background-color: #D1C6AE;
	width: 295px;
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
}

#oregongarden {
	background:url(../images/feature-bg-ogconcerts.gif); background-position: top; background-repeat: repeat-y;
	width: 295px;
	text-align:center;
	padding: 0px;
	margin: 0px;
}

#reservetix {
	background:url(../images/feature-BGreservenow.gif); background-position: top; background-repeat: no-repeat;
}

#reservetix .story {
	height: 288px;
	width: 240px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:95%;
	padding:325px 0px 0px 0px;
	margin: 3px 30px 5px 30px;
	text-align: left;
}

#reservetix b{
	font-weight: bold;
	padding-top: 10px;
	font-size:110%;
	text-align: center;
	color: #9E0918;
}

.blackrev {
	background-color: #000000;
	color: #FFFFFF;
	padding: 12px 0px 0px 0px;
	margin-bottom: 0px;
	text-align: center;
}

#fbpromo {
	width: 295px;
	text-align:left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.featureblock {
	width: 295px;
	text-align:center;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.story {
	width: 265px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:95%;
	padding:10px 20px 5px 15px;
	text-align: left;
}

.story .hl {
	font-weight: bold;
	text-align: left;
	font-size:110%;
	padding: 0px 0px 5px 0px;
	}

.story .white-hl {
	color: #FFFFFF;
	font-size:125%;
	font-weight: bold;
	text-align:left;
	padding: 0px 0px 10px 0px;
	margin-bottom: 0px;
}

.story .red {
	color: #9E0918;
	}
	
.story p {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:95%;
	text-align: left;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.story .white {
	color: #FFFFFF;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:95%;
	text-align: left;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.story .song {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #9E0918;
	font-size:135%;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.story .byline {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:90%;
	text-align: center;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.story .small {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:85%;
	text-align: left;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

.story .small-cr {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:85%;
	text-align: left;
	padding: 0px 0px 15px 0px;
	margin: 10px;
}

.story ul{
	text-align: left;
	padding: 0px 10px 0px 25px;
	margin: 0px;
}

.story li {
	text-align: left;
	padding-bottom: 5px;
	margin: 0px 25px 0px 0px;
}

#footerbanner {
margin: 0px auto;
width:850px;
padding-top:5px;
}

#collage {
margin: 0px auto;
width:850px;
padding:5px 0px;
}

#contentFoot {
width:850px;
height:200px;
margin:0px auto;
padding:5px 0px;
position:relative;
bottom:0px;
background-color:#414142;
}

#container {
width:850px;
margin:0px;
padding:5px 0px;
position: relative;
}

#footer {
width:850px;
height:75px;
margin:0px auto;
padding:20px 0px 20px 0px;
position:relative;
text-align:center;
}

#footer h1 {
font-weight:bold;
font-size:90%;
color:#FFCC66;
margin:0px;
padding:0px 2px 0px 0px;
font-family:Calibri, Arial, Helvetica, sans-serif;
}

#footer #nav {
font-family:Calibri, Arial, Helvetica, sans-serif;
text-transform:capitalize;
font-size:85%;
}

#footer #nav a {
color:#CBBFA3;
text-decoration:none;
margin-left:5px;
margin-right:5px;
}

#footer #nav a:hover {
color:#FFCC00;
background:none;
text-decoration:underline;
}

#schedule {
}

#schedule strong {
font-size:130%;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}

/* NAVIGATION TABS */

.navFestival a{
background:url(../images/NAV_festival.png) no-repeat bottom left;
width:140px;
height:35px;
margin:0px;
padding:0px;
display:block;
z-index:10;
position: relative;
}

.navFestival a:hover{
background:url(../images/NAV_festival_on.png) no-repeat bottom left;
}

.navPerformers a{
background:url(../images/NAV_performers.png) no-repeat bottom left;
width:140px;
height:35px;
margin:0px 0px 0px -20px;
padding:0px;
display:block;
z-index:9;
position:relative;
}

.navPerformers a:hover{
background:url(../images/NAV_performers_on.png) no-repeat bottom left;
}

.navTickets a{
background:url(../images/NAV_tickets.png) no-repeat bottom left;
width:140px;
height:35px;
margin:0px 0px 0px -20px;
padding:0px;
display:block;
z-index:8;
position: relative;
}

.navTickets a:hover{
background:url(../images/NAV_tickets_on.png) no-repeat bottom left;
}

.navCamping a{
background:url(http://willamettecountrymusicfestival.com/images/NAV_rvtent.png) no-repeat bottom left;
width:140px;
height:35px;
margin:0px 0px 0px -20px;
padding:0px;
display:block;
z-index:7;
position: relative;
}

.navCamping a:hover{
background:url(../images/NAV_rvtent_on.png) no-repeat bottom left;
}

.navPartisipans a{
background:url(../images/NAV_participants.png) no-repeat bottom left;
width:140px;
height:35px;
margin:0px 0px 0px -20px;
padding:0px;
display:block;
z-index:6;
position: relative;
}

.navPartisipans a:hover{
background:url(../images/NAV_participants_on.png) no-repeat bottom left;
}

.navVolunteers a{
background:url(../images/nav_volunteers.png) no-repeat bottom left;
width:140px;
height:35px;
margin:0px 0px 0px -20px;
padding:0px;
display:block;
z-index:5;
position: relative;
}

.navVolunteers a:hover{
background:url(../images/NAV_volunteers_on.png) no-repeat bottom left;
}

.navBrownsville a{
background:url(../images/NAV_brownsville.png) no-repeat bottom left;
width:138px;
height:35px;
margin:0px 0px 0px -21px;
padding:0px;
display:block;
z-index:4;
position: relative;
}

.navBrownsville a:hover{
background:url(../images/NAV_brownsville_on.png) no-repeat bottom left;
}

/* GRID STYLES */

.cell, .cell-2, .cell-3, .cell-4, .cell-5, .cell-6, .cell-7, .cell-8 {
	float: left;
	display: inline;
	position: relative;
	margin:0px 6px;
}
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

.grid, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7 {
  clear: both;
  overflow: hidden;
	margin:0px auto 5px;
	padding:0px;
	width:850px;
}

.grid .cell { width: 190px; margin: 0px auto; }

.grid-2 .cell-2 { width: 400px; padding:10px; margin: 0px auto; }



.grid-3 .cell-3 { 
	width: 275px; 
	height:225px;
	background:url(../images/BG_footerbox.png) center top no-repeat;
}

	.grid-3 .cell .featurette {
		padding:20px;
	}
	
		.featurette a {
			color:#E7DA8E;
		}
		
		.featurette p {
			color:#FFF;
			font-size:14px;
			text-align:left;
		}

.grid-4 .cell-4 { width:120px; margin:0px 0px 0px 25px; padding:0px; height:20px; }
.grid-4 .cell-5 { width:215px; margin:0px; padding:0x; }
	
	.grid-4 p { margin:0px; padding:2px; }
	
.grid-5 .cell-6 { width:50px; margin:0px; padding:0px; height:20px; }
.grid-5 .cell-7 { width:300px; margin:0px 0px 0px 25px; padding:0x; }
	
	.grid-5 p { margin:0px; padding:2px; }
	
#content .emmaFormLabelBold {
	padding-bottom:12px;
	clear:both;
	}

/*Slide Show Styles */
.fadein { position:relative; width:295px; height:223px; margin-bottom:10px; }
.fadein img { position:absolute; left:0; top:0; }

.fadein_performers { position:relative; width:850px; height:280px; }
.fadein_performers img { position:absolute; left:0; top:0; }


/* 
	LEVEL ONE

ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1;  }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
/* ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO

ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
/* ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE

ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }