* {
    margin: 0;
    padding: 0;
    }

body { 
    margin: 0;
    padding: 0;
    text-align: center;
    background: #ffffff url(../images/background.jpg) repeat-x;
   	font-family: Arial, Helvetica, Verdana, sans-serif;
    }



/* ### LAYOUT STRUCTURE ### */
#container {
    width: 1000px;
    margin-left: auto; 
    margin-right: auto;
    text-align: left;
    background-color: #F9F8F4;
    }  

/* logo + masthead */
#logo {
    background: url(../images/logo_vso.gif) no-repeat;
    position: relative;
    width: 100px;
    height: 204px;
    float: left;
    }
#logo a {
    display: block;
    width: 100px;
    height: 204px;
    }
#masthead {
    background: url(../images/md_home01.jpg) no-repeat;
    position: relative;
    width: 872px;
    height: 204px;
    float: right;
    }
   
/* 2 column layout - home page */
#wrapper {
    position: relative;
	width: 1000px;
/*	height: auto; */
	/*overflow:hidden;*/ /*This hides the exceeding portion of the columns created by the padding/margin trick, thus avoiding the scrollbar of the browser to extend more than needed*/
	text-align: left;
	clear: both;
	}
#centercol2 { 
	float: left;
	width: 682px;
	/* width: 690px; */
	}
#rightcol2 {
	float: right;
	width: 275px;
	min-height: 351px;
	margin-top: 0;
	}
.gutter {
	padding: 0 0 0 11px;
	clear: both;
	}
	
/* 3 column layout - subpage */
#leftcol3 {
	float: left;
	width: 208px;
	min-height: 351px;
	margin-top: 96px;
	}
#rightcol3 {
	float: right;
	width: 275px;
	min-height: 351px;
	padding-left: 11px;
	}
#centercol3 { 
	float: left;
	width: 475px;
	/* width: 490px; */
	}
.gutter3 {
	clear: both;
	}
.rightcol3-indent {
	padding: 0 0 0 6px;
	}
		
	
/* 3 column layout - concert page */
#leftcol3-concert {
	float: left;
	width: 208px;
	min-height: 351px;
	}
	
/* copyright */
#copyright {
    margin-top: -15px;
    margin-bottom: 20px;
    margin-left: 11px;
    padding-bottom: 20px;
    }
#copyright p {
    font-size: 11px;
    color: #6D6E70;
    margin-bottom: 0;
    }
#copyright a {
    color: #6D6E70;
    text-decoration: none;
    }
#copyright a:hover {
    color: #6D6E70;
    text-decoration: underline;
    }
#concert-details {
	float: left;
	width: 185px;
}
/* ### END LAYOUT STRUCTURE ### */



/* ### TEXT COLOURS ### */
.black {   /* home-dates, section-titles, side-menu, concert-page-headings */
    color: #231F20;
    }
.grey {   /* p-text, home-venue, tabs, concert-artist-titles, side-sub-menu */
    color: #4D4D4F;
    }
.lightgrey {   /* copyright, photo-captions, hd-series-sponsor */
    color: #6D6E70;
    }
.hrgrey {   /* hr */
    color: #BBBDBF;
    }
.darkred {   /* home-titles, concert-titles */
    color: #A81419;
    }
.red {  /* home-series, side-menu-hovers, price-series-titles */
    color: #D72824;
    }
.gold {   /* more */
    color: #99770E;
    }
.green {   /* friends green */
    color: #7F9A49;
    } 
.white {  
    color: #FFFFFF;
    }     
/* ### END TEXT COLOURS ### */ 



/* ### TEXT STYLES ### */  
p {
    font-size: 13px;
    color: #231F20;
    /* color: #4D4D4F; */
    line-height: 16px;
    margin-bottom: 15px;
    } 
a {   
    color: #99770E;
    text-decoration: underline;
    }
a:hover {   
    color: #D72824;
    text-decoration: underline;
    }
a.white {   
    color: #FFFFFF;
    text-decoration: underline;
    }
a.white:hover {   
    color: #FFFFFF;
    text-decoration: underline;
    }
ul .no-bullets {
    list-style: none;
    } 
ol {
	 list-style-position: outside;
	 margin-left: 40px;
	 font-size: 13px;
	 margin-bottom: 20px;
	}    
ul.lists, ol.lists {
	 list-style-position: outside;
	 margin-left: 40px;
	 font-size: 13px;
	 margin-bottom: 20px;
	} 
ul.lists li, ol.lists li {
	 margin-bottom: 5px;
	 line-height: 16px;
	} 
.small { 
	font-size: 10px; 
	text-transform: uppercase; 
	text-decoration: none;
	}
	
	
h1 {   /* concert title */
    font-size: 25px;
    color: #A81419;
    margin: 15px 0 25px 0;
    } 
h2 {   /* concert title */
	color: #231F20;
    font-size: 25px;
    font-weight: normal;
    margin: 5px 0 10px 200px;
    } 
h3 {   /* concert page headings (performance dates) */
	font-size: 16px;
    color: #231F20;
    font-weight: bold;
    margin: 0 0 15px 0;
    } 
h4 {   /* black title (recommended concerts) */
    font-size: 23px;
	color: #231F20;
    margin: 0 0 25px 0;
    } 
h5 {   /* section title */
	color: #231F20;
    font-size: 25px;
    font-weight: normal;
    margin: 5px 0 10px 0;
    } 

h2.bio {   /* bio name title */
	color: #A81419;
    font-size: 23px;
    font-weight: bold;
    margin: 5px 0 15px 0;
    }  
h1.repertoire {   /* repertoire notes title */
    font-size: 20px;
    color: #A81419;
    margin: 15px 0 15px 0;
    font-weight: bold;
    } 
sup {
	font-size: 80%; 
	line-height: 80%; 
	vertical-align:top;
	} 
    
.pagetop  {
    background: url(../images/btn_arrow_gold_up.gif) right no-repeat;
    display: block;    
    width: 460px;
    height: 22px;
    line-height: 12px;
    color: #99770E;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
   	text-transform: uppercase;
   	padding-right: 13px;
   	text-align: right;
   	padding-top: 10px;
    }
.pagetop a, .pagetop a:hover {
	text-decoration: none;
    color: #99770E;
	}

.more a {
    background: url(../images/btn_arrow_gold.gif) right no-repeat;
    display: block;    
    width: 90px;
    height: 12px;
    line-height: 12px;
    color: #99770E;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
   	text-transform: uppercase; 
    }
.more a:hover {
    color: #99770E; 
    } 

.more-left a {
    background: url(../images/btn_arrow_gold.gif) right no-repeat;
    display: block;    
	width: 90px;
    height: 12px;
    line-height: 12px;
    color: #99770E;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
   	text-transform: uppercase; 
    }  
.more-left-wide a {
    background: url(../images/btn_arrow_gold.gif) right no-repeat;
    display: block;    
	width: 185px;
    height: 12px;
    line-height: 12px;
    color: #99770E;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
   	text-transform: uppercase; 
   	margin-bottom: -15px;
    }
.more-apply a {
    background: url(../images/btn_arrow_gold.gif) right no-repeat;
    display: block;    
	width: 90px;
    height: 12px;
    line-height: 12px;
    color: #99770E;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
   	text-transform: uppercase; 
   	margin-bottom: -15px;
    }
.more-wide a {
    background: url(../images/btn_arrow_gold.gif) right no-repeat;
    display: block;    
	width: 460px;
    height: 12px;
    line-height: 12px;
    color: #99770E;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
   	text-transform: uppercase; 
   	margin-bottom: -12px;
    }
.more-wide2 a {
    background: url(../images/btn_arrow_gold.gif) right no-repeat;
    display: block;    
	width: 320px;
    height: 12px;
    line-height: 12px;
    color: #99770E;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
   	text-transform: uppercase; 
   	margin-bottom: -12px;
    }
.more-wide3 a {
    background: url(../images/btn_arrow_gold.gif) right no-repeat;
    display: block;    
	width: 365px;
    height: 12px;
    line-height: 12px;
    color: #99770E;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
   	text-transform: uppercase; 
   	margin-bottom: -12px;
    }
.more-download a {
    background: url(../images/btn_arrow_gold.gif) right no-repeat;
    display: block;    
	width: 145px;
    height: 12px;
    line-height: 12px;
    color: #99770E;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
   	text-transform: uppercase; 
   	margin-bottom: -15px;
    }
.more-2col {
    background: url(../images/btn_arrow_gold.gif) right no-repeat;
    display: block;    
	width: 100px;
    height: 12px;
    line-height: 12px;
    color: #99770E;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
   	text-transform: uppercase; 
   	margin-bottom: -15px;
    }   
.photo-caption {
	font-size: 11px;
    color: #6D6E70;
    margin: -10px 0 0 0;
    line-height: 13px;
    }
.photo-caption a {
    color: #6D6E70;
    text-decoration: none;
    }
.photo-caption a:hover {
    text-decoration: underline;
    }
    
.title {  /* concert titles */
    color: #A81419;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: capitalize;
    }
.title-caps {  /* concert titles */
    color: #A81419;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    }
.title a {  
	color: #A81419;
    text-decoration: none;
    } 
.title a:hover {  
    text-decoration: underline;
    } 

.date {
    color: #020000;
    }
.series {
    color: #D72824;
    }
.venue {
    color: #4D4D4F;
    }
    
.sponsor {   /* sponsor labels */
	font-size: 11px;
    color: #6D6E70;
    text-transform: uppercase;
    }
.sponsor-align {
	text-align: center;
    }
    
.artist {
	font-size: 14px;
    font-weight: bold;
    }
.artist a {
    color: #231F20;
    }
.artist a:hover {
    color: #99770E;
    }
.instrument {
    font-size: 14px;
    color: #231F20;
    font-style: italic;
    font-weight: normal;
    text-transform: lowercase;
    }
.composer {
    font-weight: bold;
    margin-bottom: 0;
    }
.repertoire {
    font-weight: normal;
    line-height: 14px;
    }
.notes {
	font-size: 12px;
	margin-left: -4px;
    }
.notes-single {
	font-size: 12px;
    }
.notes-gst {
	margin-bottom: 10px;
	width: 250px;
	margin-left: -4px;
    }
.doc-type {
	font-size: 10px;
    }
    
    
input, select {
	margin-bottom: 5px;
	margin-left: 5px;
	}
.form-table {
	border: 0;
	padding: 0 20px;
	width: 480px;
    }   
.form-label {
	font-size: 12px;
	font-weight: bold;
    }
.form-notes {
	font-style: italic;
	font-size: 11px;
    }
.form-heading {
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-transform: uppercase;
    }  
.form-text {
	font-size: 12px;
    }

table .text {
    font-size: 13px;
    }



/* SPACERS */
.no-main-photo {
	margin-top: 17px;
    }
.clear {
    clear: both;
    }
blockquote {
	margin: 0 30px;
	}	
	

/* DIVIDERS */
hr {
	width: 100%;
	border: 1px solid #F9F8F4;
	border-top: 1px solid #BBBDBF;
	border-left: 1px solid #F9F8F4;
	border-right: 1px solid #F9F8F4;
	margin-bottom: 20px;
	clear: both;
	line-height: 1px;
	}
div.hr-rightmenu {
	width: 100%;
	height: 1px;
	border: 0;
	background-color: #BBBDBF;
	margin-bottom: 18px;
	margin-top: 18px;
	clear: both;
	} 
div.hr-calendar {
	width: 792px;
	height: 1px;
	border: 0;
	background-color: #BBBDBF;
	margin-bottom: 18px;
	margin-top: 18px;
	clear: both;
	} 
div.hr-section-title {
	width: 685px;
	height: 1px;
	border: 0;
	background-color: #BBBDBF;
	clear: both;
	margin-left: -208px;
	} 
div.hr-section-wide {
	width: 1000px;
	height: 1px;
	border: 0;
	background-color: #BBBDBF;
	clear: both;
	margin-left: -208px;
	}
div.hr-concert-title {
	width: 100%;
	height: 1px;
	border: 0;
	background-color: #BBBDBF;
	clear: both;
	}
div.hr-notes { /* hr under performers/repertoire table */
	width: 490px;
	height: 1px;
	border: 0;
	background-color: #BBBDBF;
	margin-bottom: 20px;
	margin-top: 0;
	clear: both;
	} 
div.hr-copyright {
	width: 690px;
	height: 1px;
	border: 0;
	background-color: #BBBDBF;
	margin-bottom: 18px;
	margin-top: 20px;
	clear: both;
	} 
div.hr-copyright-wide {
	width: 100%;
	height: 1px;
	border: 0;
	background-color: #BBBDBF;
	margin-bottom: 18px;
	margin-top: 20px;
	clear: both;
	}

#num-hardcopies {
	display: none;
}
#name-acknowledgement, #friend-donate-amount, #patron-donate-amount, #credit-card-donation, #bank-card-donation {
	display: none;
}
#sampler-concerts, #sampler-message {
	display: none;
}
#se_form_tour {
	display: none;
}

/* Search layout */
#centercol-search { 
	float: left;
	width: 682px;
	/* width: 490px; */
	}
div.hr-section-search {
	width: 682px;
	height: 1px;
	border: 0;
	background-color: #BBBDBF;
	clear: both;
	} 
	
.yt-hidden {
	display: none;
	}
	
	
/* form errors generated by django forms */
ul.errorlist {
	list-style: none;
	margin-left: 10px;
	margin-bottom: 5px;
}