/* ================ Colors ================

Gray			#48555D
Light gray		#D5E4EC
Static green (lighter)	#1CA537
Active green (darker)	#126E25
Black			#000000

*/



/* ================ Typeface definitions ================ */

/* Crimson is a Garamond revival designed by Sebastian Kosch, Hector Haralambous, and Georg Duffner. Visit their website at http://aldusleaf.org/ . */

@font-face{
	font-family:'Crimson';
	src:url('/typeface/crimson/crimson-bold.eot');
	src:url('/typeface/crimson/crimson-bold.eot?#iefix') format('embedded-opentype'),
		url('/typeface/crimson/crimson-bold.woff') format('woff'),
		url('/typeface/crimson/crimson-bold.ttf') format('truetype'),
		url('/typeface/crimson/crimson-bold.svg#CrimsonBold') format('svg');
	font-weight:bold;font-style:normal;
	}

@font-face{
	font-family:'Crimson';
	src:url('/typeface/crimson/crimson-bolditalic.eot');
	src:url('/typeface/crimson/crimson-bolditalic.eot?#iefix') format('embedded-opentype'),
		url('/typeface/crimson/crimson-bolditalic.woff') format('woff'),
		url('/typeface/crimson/crimson-bolditalic.ttf') format('truetype'),
		url('/typeface/crimson/crimson-bolditalic.svg#CrimsonBoldItalic') format('svg');
	font-weight:bold;font-style:italic;
	}

@font-face{
	font-family:'Crimson';
	src:url('/typeface/crimson/crimson-italic.eot');
	src:url('/typeface/crimson/crimson-italic.eot?#iefix') format('embedded-opentype'),
		url('/typeface/crimson/crimson-italic.woff') format('woff'),
		url('/typeface/crimson/crimson-italic.ttf') format('truetype'),
		url('/typeface/crimson/crimson-italic.svg#CrimsonItalic') format('svg');
	font-weight:normal;font-style:italic;
	}

@font-face{
	font-family:'Crimson';
	src:url('/typeface/crimson/crimson-roman.eot');
	src:url('/typeface/crimson/crimson-roman.eot?#iefix') format('embedded-opentype'),
		url('/typeface/crimson/crimson-roman.woff') format('woff'),
		url('/typeface/crimson/crimson-roman.ttf') format('truetype'),
		url('/typeface/crimson/crimson-roman.svg#CrimsonRoman') format('svg');
	font-weight:normal;font-style:normal;
	}



/* ================ Common definitions ================ */

body{
	font-family:"Crimson","Garamond Premr Pro","Garamond",serif;
	font-size:1em;
	line-height:1.15em;
	color:#48555D;
	background:#FFFFFF url("images/background.jpg") no-repeat;
	}

table{border-collapse:collapse;}
th,td{margin:0px;border:0px none;padding:0px;vertical-align:top;text-align:left;}

ul{list-style-type:square;}

a{text-decoration:none;}
a:link{color:#1CA537;}
a:visited{color:#1CA537;}
a:hover{color:#126E25;}
a:active{color:#126E25;}



/* ================ Page areas ================ */

div#nav{
	position:absolute;
	top:140px;left:12px;
	font-weight:bold;
	font-variant:small-caps;
	line-height:1.25;
	}

div#super_content{
	position:absolute;
	top:140px;right:0px;bottom:0px;left:227px;
	overflow:auto;
	}

div#content{
	position:absolute;
	width:651px;
	padding:0px 0px 12px 0px;
	overflow:hidden;
	}



/* ================ Navigation bar details ================ */

#nav ul{
	list-style-type:none;
	margin:0px;padding:0px;
	}

#nav a{display:block;width:167px;padding:5px 1px 0px 1px;color:#000000;}
#nav a:link{}
#nav a:visited{}
#nav a:hover{background-color:#126E25;}
#nav a:active{color:#D5E4EC;background-color:#126E25;}

#nav span#nav_current{
	display:block;
	width:167px;
	padding:5px 1px 0px 1px;
	color:#D5E4EC;
	background-color:#1CA537;
	}



/* ================ Content ================ */

div.pagetitle{
	height:27px;
	margin-bottom:1.75em;
	background:no-repeat center top;
	}

#pagetitle_news{background-image:url("images/news.png")}
#pagetitle_biography{background-image:url("images/biography.png")}
#pagetitle_compositions{background-image:url("images/compositions.png")}
#pagetitle_conducting{background-image:url("images/conducting.png")}
#pagetitle_listenwatch{background-image:url("images/listenwatch.png")}
#pagetitle_cv{background-image:url("images/cv.png")}
#pagetitle_links{background-image:url("images/links.png")}
#pagetitle_contact{background-image:url("images/contact.png")}
#pagetitle_error404{background-image:url("images/error404.png")}

div.pagesubtitle{
	margin-top:-1.625em;
	margin-bottom:1.75em;
	font-size:1.2em;
	text-align:center;
	color:#000000;
	}

h1,h2,h3,h4,h5,h6{margin:0px;font-size:1em;font-weight:bold;} /* Set my own defaults as opposed to default HTML */

h1{font-size:2em;} /*Only for BRAM WAYMAN on screen readers */

h2{margin-bottom:1.75em;font-size:1.5em;} /* Only for page titles and COMPOSER / CONDUCTOR on screen readers */

h3{ /* Standard content header */
	width:402px;
	margin-top:2.5em;margin-bottom:1.25em;
	border-bottom:2px groove #48555D;
	color:#000000;
	font-variant:small-caps;
	}

h4{color:#48555D;} /* Standard content subheader */

span.subheader{ /* Same as subheader, except for inline headings */
	color:#48555D;
	font-weight:bold;
	}

.note{font-size:0.8em;}

div.centernote{
	margin-top:5em;
	color:#48555D;
	text-align:center;
	font-size:0.625em;
	line-height:1.15;
	}

div.news ul{
	list-style-type:none;
	margin:0px;padding:0px;
	}

table.repertoire{width:100%;}
table.repertoire th{border-top:2px solid #000000;border-bottom:2px solid #000000;padding:4px 0px 0px 0px;font-weight:bold;font-variant:small-caps;}
table.repertoire td{border-top:1px solid #000000;border-bottom:1px solid #000000;padding:2px 0px;}

div#splash{
	width:651px;height:402px;
	margin-left:auto;margin-right:auto;
	background:url("images/index_image.jpg") no-repeat left top;
	}

.sr_only{display:none;}



/* ================ Home page navigation bar ================ */

div#home_nav{
	height:22px;
	border-bottom:2px groove #48555D;
	}

#home_nav ul{
	list-style-type:none;
	margin:0px;padding:0px;
	}

#home_nav li{
	display:inline;
	float:left;
	}

#home_nav a{display:block;height:22px;}

#home_nav a:link{}
#home_nav a:visited{}
#home_nav a:hover{background-position:left 22px;background-color:#1CA537;}
#home_nav a:active{background-position:left 22px;background-color:#126E25;}

#home_nav a#hnav_news{width:65px;background-image:url("images/hnav_news.png");}
#home_nav a#hnav_bio{width:52px;background-image:url("images/hnav_bio.png");}
#home_nav a#hnav_compositions{width:116px;background-image:url("images/hnav_compositions.png");}
#home_nav a#hnav_conducting{width:104px;background-image:url("images/hnav_conducting.png");}
#home_nav a#hnav_listenwatch{width:115px;background-image:url("images/hnav_listenwatch.png");}
#home_nav a#hnav_cv{width:54px;background-image:url("images/hnav_cv.png");}
#home_nav a#hnav_links{width:64px;background-image:url("images/hnav_links.png");}
#home_nav a#hnav_contact{width:81px;background-image:url("images/hnav_contact.png");}
