/* @override http://wangarattajazz.com/main2011.css */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
background: #fff; 
}
#wrapper { 
 margin: 0;
 width: 1170px;
 z-index: 10;
}

img a{
border:0px;
text-decoration: none;

}

.dropdown ul, li{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #ffe0c1;
}

#leftcolumn { 
 color: #333;
 padding: 15px 0px 15px 15px;
 min-height: 500px;
 width: 285px;
 float: left;
  z-index: 10;
}


#rightcolumn { 
 float: left;
 color: #666;
 background: #fff;
 padding: 10px 20px 15px 15px;
 min-height: 500px;
 width: 835px;
 display: inline;
 z-index: 10;
 font-family: Helvetica;
 font-size: 12px;
 line-height: 16px;
}

#rightcolumn h1{
	font-family: Helvetica;
	font-size: 12px;
	font-weight: bold;
}

#rightcolumn p{
	/*
font-family: Helvetica;
	font-size: 11px;
*/
 color: #666;
 font-family: Helvetica;
 font-size: 12px;
 line-height: 16px;
}

#main-content{
 color: #666;
 font-family: Helvetica;
 font-size: 12px;
 line-height: 16px;
 z-index: 10;
}

#main-content ul, #main-content li{
background: #ffffff;
}

#main-content a img{
	text-decoration: none;
	border: 0;
}

#main-content li{
 font-family: Helvetica;
 font-size: 12px;
	list-style-type: square;
	margin-left: 20px;
}

#footer{
	width: 1210px;
	height: 100px;
	padding-left: 15px;
}

#footer-buttons{
	width: 150px;
	float: left;
	
}
#footer-logo{
	width: 130px;
	height: 85px;
	float: left;
	background: url(/images/footerLogo.gif) top right no-repeat;
}
#footer-sponsors{
	width: 275px;
	height: 100px;
	margin-top: 15px;
	
}
#maillist{
	width: 150px;
	height: 22px;
	display: block;
	margin-bottom: 1px;
	background: url(/images/s_maillist.gif) no-repeat;
}
#maillist:hover{
	width: 150px;
	height: 22px;
	display: block;
	margin-bottom: 1px;
	background: url(/images/s_maillist.gif) 0px -22px no-repeat;
}

#program{
	width: 150px;
	height: 22px;
	background: url(/images/s_program.gif) no-repeat;
	display: block;
	margin-bottom: 1px;
}
#program:hover{
	width: 150px;
	height: 22px;
	background: url(/images/s_program.gif) 0px -22px no-repeat;
	display: block;
	margin-bottom: 1px;
}
#tickets{
	width: 150px;
	height: 22px;
	background: url(/images/s_tickets.gif) no-repeat;
	display: block;
	margin-bottom: 1px;
}
#tickets:hover{
	width: 150px;
	height: 22px;
	background: url(/images/s_tickets.gif) 0px -22px no-repeat;
	display: block;
	margin-bottom: 1px;
}

#text-only{
	font-family: Helvetica;
	font-size: 12px;
	color: #666;
	line-height: 16px;
	width:420px;
}
#logo{
	width:275px;
	height:500px;
	float: left;
	display: block;
	background: url(/images/logo2011.jpg) top left no-repeat;
	z-index: 20;

}

#dates{
	width:218px;
	height:91px;
	float: left;
	display: block;
	margin-top: 30px;
	z-index: 20;

}


#sponsors{
	position: absolute;
	bottom: 0px;
	width:220px;
	height:60px;
	display: block;
	z-index: 20;
	/*background: url(sponsors.png) top left no-repeat;*/

}


#buttons{
	position: absolute;
	bottom: 70px;
	width:230px;
	height:127px;
	display: block;

	z-index: 20;

}

#nav{
 top: 15px;
 width: 830px;
 background: #ffe0c1;
 margin-bottom: 5px;
 text-transform: uppercase;
 z-index: 10;

}



/*
/*  NAV  

/* @override http://localhost:8888/wangaratta/css/style.css 

* 									{ margin: 0; padding: 0; }
a									{ text-decoration: none; }
ul									{ list-style: none;}


	LEVEL ONE

ul.dropdown                         { position: relative; font-family: Helcetica;}
ul.dropdown li                      { font-weight: bold; float: left; font-size: 12px;  border-bottom: 2px solid #3590c6; text-transform: uppercase;}
ul.dropdown a:hover		            { color: #3590c6; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding:0px 8px; border-right: 2px solid #3590c6;
	 								  color: #3590c6; text-transform: uppercase; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE 
ul.dropdown li.hover,			
ul.dropdown li:hover                {color: #3590c6; position: relative;}
ul.dropdown li.hover a              { color: #fff;}


 
	LEVEL TWO

ul.dropdown ul 						{ border-top: 15px solid #3590c6; width: 225px; visibility: hidden; position: absolute; top: 100%; left: 0; 
}
ul.dropdown ul li 					{ font-weight: bold; font-size: 12px;  background: #3590c6; color: #fff; float: none; text-transform: uppercase; }
									  
                                    /* 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; }


.main-menu-hover{
background-color: #fff;
color: #3590c6;
/* border-bottom: 2px solid #fff; 

}

*/


/*GALLLERY*/
.gallery_thumbs img{
	float:left;
	width: 95px;
	height: 95px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #fff url(/images/loader_on_white.gif) no-repeat center center;
}

/*
/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(/images/overlay/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(/images/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black */ 
div.overlay.black { 
    background:url(/images/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(/images/overlay/white.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}


/* FORMS */

.form_line{
	width:620px;
	margin-bottom: 10px;
	clear:both;
}

.form_title{
	width:120px;
	float:left;
	text-align:left;
	padding: 5px;
	height: auto;
	margin-top: 5px;
}

.form_field{
	width:290px;
	float:left;
	padding-left:30px;
	margin-top: 5px;
}
.form_row{
	width:490px;
	padding-left: 5px;
	float:left;
	
}
.form_row_subscribe{
	width:290px;
	height: 30px;
	padding-top: 15px;
	padding-left: 5px;
	
}
.form_half{
	width:200px;
	padding-left: 5px;
	float:left;
	
}
.form_field_input{
	width:220px;
	padding: 4px;
	border:1px solid #666;
	
}
.form_field_subscribe{
	width:180px;
	padding: 4px;
	border:1px solid #666;
	
}
.checkbox{
	width:50px;
	padding: 5px;
	
}

.form_field_textarea{
	width:220px;
	padding: 3px;
	height:70px;
	padding: 4px;
	border:1px solid #666;
	
}

#content ul{
	margin-left: 20px;
	margin-bottom: 10px;
}

#content ul li{
	line-height: 22px;
}

.ensemble_description{
	position:relative;
}

.performances{

	width: 300px;
}


#recent-news-header{
width:830px;
height:43px;
margin-bottom: 5px;
margin-top: 30px;
background: url(/images/recent-news.gif) top left no-repeat;
}


#search-container{
	width: 570px;
	float: left;
	clear: both;
	margin-bottom: 20px;
	border: 2px solid #f7931e;
	padding: 15px;
}

.search-ensemble{
	float: left;
	width: 270px;
	margin-bottom: 10px;
	margin-left: 15px;
	display: inline;
}

.search-artist{
	float: left;
	width: 250px;
	margin-bottom: 10px;
}

.search-venue{
	float: left;
	width: 270px;
	margin-bottom: 10px;
	margin-left: 15px;
	display: inline;
}

.search-date{
	float: left;
	width: 270px;
	margin-bottom: 10px;
}

.search-button{
	float: left;
	width: 520px;
	margin-bottom: 10px;
	margin-left: 15px;
	display: inline;
}

.icons{
	padding-top: 5px;
}