/* page structure */

html {
	margin: 0px;
	padding: 0px;
	background:#F0E8CD url(images/page-bg.jpg) top right no-repeat;
}

body {
	margin: 0px;
	padding: 0px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	width: 800px;
}

#header{
	height:100px;
	margin: 20px 20px 20px 40px;
	}
	
#menu{
	float:left;
	display: inline;
	width:175px;
	background: #F5EFD7;
	margin: 0 20px 20px 20px;
	padding: 0;
	}
	
#main{
	float:left;
	width: 520px;
	background: #F5EFD7;
	padding: 20px;
	}

#footer{
	clear: both;
	margin-left: 210px;
	width: 540px;
	padding:20px;
	}

/* generic styles */
	
p, h1, h2, h3{
	margin: 0 0 12px 0;
	padding: 0;
	}

form{
	margin:	0;
	padding:0;
	}
	
h1{
	font-size: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #8F0000;
	}
	
h2 {font: bold italic 14px Georgia, "Times New Roman", Times, serif; }

h3 {font-size: 13px; color: #8C8046;}

p {
	line-height: 1.5em;
	text-align: justify;
}

.centered{
	text-align : center;
}

.floatright{
	float : right;
	padding: 0 0 10px 10px;
}
.caption{
	font:bold italic 12px Georgia, "Times New Roman", Times, serif;
	text-align: right;
	padding-bottom: 20px;
}

.photocredit{
	font: italic 10px Georgia, "Times New Roman", Times, serif;
        text-align: left;
	color: #88b;
}

.photo2credit{
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	text-align: right;
	color: #888;
}

.photocredit a:link{
	color: #aaa;
}

.quote{
	background: url(images/quo-bg-open.gif) 0 0 no-repeat;
}

.hide{
	display:none;
}

.oddItem{
	background : #F0E8CD;
}

.evenItem{
	background: #EDE3C2;
}

.show{
	display:block;
}

.sectionEnd{
padding-bottom: 40px; 
background:	url(images/section-end-bg.gif) 50% bottom no-repeat;
}

.sectionStart{
	padding-top: 40px;
	background:	url(images/section-end-bg.gif) 50% top no-repeat;
}

.smallPrint{
	font-size: 10px;
	font-style: italic;
}

a:link, a:visited{
	text-decoration: none;
	font-weight: bold;
	color: #8F0000;
}

a:hover, a:active{
	color: #f00;
}

q{
	font: 13px/1.5em Georgia, serif;
	display: block;
	padding: 0 40px;
	margin: 0;
	background: url(images/quo-bg-close.gif) bottom right no-repeat;
	quotes: none;
}
	
/* header styles */
#header h1{
	background: url(images/logo.gif) 0 0 no-repeat;
	line-height: 999em;
	height: 100px;
	overflow : hidden;
	margin: 0;
	padding:0;
}

/* menu styles */

#menu ul{
	margin: 15px;
	padding:10px 0 45px 0;
	list-style: none;
	background: #F5EFD7 url(images/section-end-bg.gif) 50% 95%  no-repeat;
}

#menu li{
	margin:0 0 6px 0;
}

#menu a:link, #menu a:visited{
	font: bold 11px Georgia, "Times New Roman", serif;
	color: #7A714A;
	text-decoration: none;
	padding: 0 0 0 18px;
	display:block;
	margin:0;
/* 	background: url(images/a-bg.gif) 0 50%  no-repeat; */
}

* html body #menu a{
	height: 1em;
}

#menu a:hover, #menu a:active{
	color: #514B31;
	/* background: url(images/a-over-bg.gif) 0 50%  no-repeat; */
}

#menu a.current:link, #menu a.current:visited {
	color: #514B31;
	background: url(images/a-over-bg.gif) 0 50%  no-repeat;
	}

/* main content styles */

#main ul{
	margin: 0 0 0 20px;
	padding:0;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
}

ul#catalogue ul {display: none; }

#main ul li strong{
	color: #555;
}

#main ul li ul li strong{
	color:#5A3D1C;
}

#main ul li{
	margin: 2px 0 0 0;
	color: #444;
	padding: 4px;
	}
	
#main ul#catalogue li{
	background: #E4DFCB url(images/plus.gif) 4px 4px no-repeat;
	cursor: pointer;
	padding: 8px 8px 8px 32px;
}

#main ul#catalogue li ul{
	margin: 6px 0 0 -28px;
	padding:0;
}

#main ul#catalogue ul li{
	background: #F5EFD7;
	cursor: text;
	padding: 4px 4px 4px 32px;
}

#main ul#catalogue ul li#note{
	background: #F5EFD7;
	cursor: text;
	padding: 4px 4px 4px 4px;
}

#main ul#catalogue ul li#note2{
	background: #F5EFD7;
	cursor: text;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

#main ul li ul li{
	margin-top: 2px ;
	text-transform: none;
	font-weight: normal;
	color: #857C56;
	border: none;
	padding: 4px 0 4px 20px;
}

#main ul li ul li ul li{
	font-style: italic;
	margin-left: 40px;
	margin-top: 4px;
	color: #888;
	border: none;
	padding: 2px;
}

#main ol{
	font: 13px Georgia, serif;
}

#main ol li{
	margin-bottom: 6px;
	color: #7A714A;
}

#main ol li strong{
	color: #555;
}

/* sample list styles - links to music samples etc */

ul.sampleList li{
padding: 6px;
	}

ul.sampleList a, ol.sampleList a{
background: transparent url(images/sample-icon.gif) 0 0 no-repeat;
padding: 3px  0 3px 20px;
}

/*contact form styles */

form#contactform{
	width: 500px;
	margin-left: 20px;
}

 #main form label{
	display:block;
	padding:10px 0 10px 165px;
	margin: 0;
	color: #555;
	background-color:#F0E8CD;
	font: bold 11px Georgia, serif;
	border-bottom: 2px solid #F5EFD7;
}
 #main form label span{
	position: relative;
	left: -115px;
	float: left;
	margin-right: -145px;
	padding-top: 3px;
}

 #main form label span#multi_line{
	position: relative;
	left: -115px;
	float: left;
	margin-right: -145px;
	padding-top: 0px;
}

#main form input{
	width: 200px;
}

#main form input.rad{
	width: 20px;
}

#main form input.btn{
	width: 120px;
}

#main p#music{
 	text-align: right;
	padding: 0 0 5px 5px;
}

/* footer styles */

#footer h2, #footer p{
	text-align: right;
	font: bold italic 12px Georgia, "Times New Roman", Times, serif;
	color: #999;
}

#footer h2{
	color: #555;
}
ul#catalogue li#trioHeader {
	background:#F5EFD7;
	width: 460px;
	}