/* Browser/client CSS for Pierre Fournier awards website */
	
body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /*centres IE5*/
	background: #ABB08B;
}
#container { /*plain page div*/
	width: 900px;
	background: #FFF;
	text-align: left;
	border-bottom: 2px solid #4a150b;
	margin:  0 auto; /* auto margins + width centre the page */
}
#containercellofront { /*page div with cello front*/
	width: 900px;
	background: #FFF url(images/clipped_cello_side.jpg) bottom left no-repeat;
	background-position: 0px 230px; /*set 180*/
	border-bottom: 2px solid #4a150b;
	text-align: left;
	margin: 0 auto; /* auto margins + width centre the page */
}
#containercelloside { /*page div with cello side*/
	width: 900px;
	background: #FFF url(images/SideOnCello.jpg) bottom left no-repeat;
	background-position: 0px 230px; /*set 180*/
	border-bottom: 2px solid #4a150b;
	text-align: left;
	margin: 0 auto; /* auto margins + width centre the page */
}
#containerscrollcrop { /*page div with cropped scroll to left*/
	width: 900px;
	background: #FFF url(images/scroll_crop.jpg) bottom left no-repeat;
	background-position: 0px 230px; /*set 180*/
	border-bottom: 2px solid #4a150b;
	text-align: left;
	margin: 0 auto; /* auto margins + width centre the page */
}
#containercelloghost { /*page div with ghosted cello bottom*/
	width: 900px;
	background: #FFF url(images/cello_landscape_1.jpg) bottom left no-repeat;
	border-bottom: 2px solid #4a150b;
	text-align: left;
	margin: 0 auto; /* auto margins + width centre the page */
}
/*mast head*/
#logo {
	background: url(images/mast.jpg) top left no-repeat;
}


/*Nav bar*/

p#nav {
	margin: 0;
	font: 0.85em/1.0em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
	width: 855px;
	padding: 15px 0 16px 45px;
	background: url(images/grad.jpg) repeat-x top left;
}


/*Descendent selectors around each menu page-specific div enclosing #nav on each page to generate an 'on' state*/
div#index p#nav span#t-index a, div#auditions p#nav span#t-auditions a, div#performances p#nav span#t-performances a, div#awards p#nav span#t-awards a, div#grants p#nav span#t-grants a, div#press p#nav span#t-press a {
	color: #4a150b;
	font-weight: bold;
	text-decoration: none;
}

/*Nav bar state for on the index and small print pages: also remove a:link from the smallprint*/
div#index p#nav a, div#privacypolicy p#nav a{
	color: #666;
}

#nav a:link {
	color: #666;
	text-decoration: none;
}
#nav a:visited {
	color: #666;
	text-decoration: none;
}
#nav a:hover {
	color: #4a150b;
	text-decoration: underline;
}
#nav a:active {
	color: #4a150b;
	text-decoration: none;
}


/*left hand picture column*/
#sidebar{
	margin: 112px 20px 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 160px;
	padding: 0px;
	display: inline; /*overcomes ie6 double margin bug*/
	font-size: 0.8em;
	line-height: 1.3em;
}
#leftcolumn {
	margin-top: 12px;
	width: 250px;
	float: left;
	padding: 25px 0 0 45px;
	display: inline; /*overcomes ie6 double margin bug*/
	overflow: hidden;
}
#leftcolumn p {
	font: 0.7em/1.7em normal Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 0 0 1em 0;
}

/*2 col left hand page content and heading styles. See below for pic styles*/
#content {
	width: 510px;
	float: left;
	margin: 31px 45px 0 50px;
	display: inline; /*overcomes ie6 double margin bug*/
	padding: 0 0 0 0;
}
#contentnopicleft {
	width: 510px;
	margin: 31px 45px 0 345px;
	padding: 0 0 0 0;
}
#contentwide {
	width: 810px;
	margin: 31px 45px 0 45px;
	padding: 0 0 0 0;
}
#content p, #contentnopicleft p, #contentwide p{
	font: 0.8em/1.7em normal Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 0 0 1em 0;
}
#content ul, #contentnopicleft ul{
	font: 0.8em/1.7em normal Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	list-style: disc;
	margin: 0 0 0 0;
}
#content h1, #contentnopicleft h1 {
	font: 1.6em/1.4em "Times New Roman", Times, serif;
	font-weight: normal;
	color: #4a150b;
	margin: 0 0 0.2em 0;
}
#content h2, #contentnopicleft h2 {
	font: 1.1em/1.6em Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #4A150B;
	margin: 1.5em 0 0.3em 0;
}
#content h3, #contentwide h3, #contentnopicleft h3{
	font: 1.2em/1.4em "Times New Roman", Times, serif;
	font-weight: normal;
	color: #4a150b;
	margin: 1.5em 0 0.4em 0;
}
#content h4, #contentwide h4, #contentnopicleft h4{
	font: 0.8em/1.7em bold Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4a150b;
	margin: 1.2em 0 0.3em 0;
}


#content a:link, #contentnopicleft a:link {
	text-decoration: underline;
	color: #666;
}
#content a:visited, #contentnopicleft a:visited {
	text-decoration: underline;
	color: #666;
}
#content a:hover, #contentnopicleft a:hover {
	text-decoration: underline;
	color: #666;
}
#content a:active, #contentnopicleft a:active {
	text-decoration: underline;
	color: #666;
}

/* Hover links for press pics*/

#contentnopicleft .presspic a:link, #contentnopicleft .presspicno10px a:link {
	text-decoration: none;
	color: #807a74;
}
#contentnopicleft .presspic a:visited, #contentnopicleft .presspicno10px a:visited {
	text-decoration: none;
	color: #807a74;
}
#contentnopicleft .presspic a:hover, #contentnopicleft .presspicno10px a:hover {
	text-decoration: underline;
	color: #4a150b;
}
#contentnopicleft .presspic a:active, #contentnopicleft .presspicno10px a:active {
	text-decoration: none;
}


/*Small print - Contact | Privacy | t&cs | constitution */

#smallprint {
	text-align: center; 
	font-size: 0.7em;
	display: block;
	margin: 30px 0 0 0;
	color: #ABB08B;
	clear: both;
}
#smallprint a:link {
	text-decoration: none;
	color: #666;
}
#smallprint a:visited {
	text-decoration: none;
	color: #666;
}
#smallprint a:hover {
	text-decoration: underline;
	color: #666;
}
#smallprint a:active {
	text-decoration: underline;
	color: #666;
}



/*Misc typographic*/

.bold {
	font-weight: bolder;
}
.italic {
	font-style: italic;
}		
#content h2.concertdate {
	color: #4a150b;
	font-size: 1.0em;
}


/*Pictures and clear floats*/

.mainpic {
	margin: 20px 0 0 0;
}
.rightpic {
	float: right;
	margin: 8px 30px 40em 1.5em;
}
.leftpic {
	margin: 0;
	padding: 0;
	float: left;
	width: inherit;
}
.onepresspic {
	margin: 5px 130px 30px 0;
	width: 350px;
	padding: 5px 5px 0 5px;
	border: dotted #666666 1px;
	float: left;
	overflow: hidden;
}
.presspic {
	margin: 5px 10px 30px 0;
	width: 150px;
	padding: 5px 5px 0 5px;
	border: dotted #666666 1px;
	float: left;
	overflow: hidden;
}
.presspicno10px {
	margin: 5px 0px 30px 0;
	width: 150px;
	padding: 5px 5px 0 5px;
	border: dotted #666666 1px;
	float: left;
}
#block {
	display: block;
	clear: both;
}