

html, body {
	background-color: #1e272b;
	margin: 0;
	padding: 0;
}
a, a:link, a:visited {
	/* color: #35495d; */
	/* color: #07c; */
	color: #369;
	text-decoration: none;
}
a:hover, a:active {
	color: #ff7e01;
}

*{
	margin: 0;
	padding: 0;
}

/* yui-base adapted to .main */
.main .articleahead,.main .pageheader,.main h1,.main h2,.main h3 { margin:0 0 1em 0; }
.main .articleahead,.pageheader,.main h1,.main h2,.main h3,.main h4,.main h5,.main h6,.main strong { font-weight:bold; }
.main abbr,.main acronym { border-bottom:1px dotted #000;cursor:help; }
.main em { font-style:italic; }.main blockquote,.main ul,.main ol,.main dl { margin:1em; }
.main ol,.main ul,.main dl { margin-left:2em; }
.main ol li { list-style:decimal outside; }
.main ul li { list-style:disc outside; }
.main dl dd { margin-left:1em; }
.main th,.main td { /*border:1px solid #fff;*/padding:.5em; }
.main th { font-weight:bold;text-align:center; }
.main caption { margin-bottom:.5em;text-align:center; }
.main p,.main fieldset,/*.main table,*/.main pre { margin-bottom:1em; }
/*.main input[type=text],.main input[type=password],.main textarea { width:12.25em;*width:11.9em; }*/
/* end yui-base */


h1 {
background-image: url(img/clef-header-blue.png);
background-repeat: no-repeat;
padding-left: 24px;
margin-bottom: 10px;
font-size: 24px;
color: #425c72;
}

h2 {
font-size: 18px;
font-weight: bold;

}

h3 {

}

.lW { float: left; clear: left; height: 15px; }
.rW { float: right; clear: right; height: 15px; }

#site_wrapper h1 {

}


#site_wrapper h2 {

}


#site_wrapper h3 {

}

#site_wrapper ul {
margin: 0 0 0 10px;
padding: 0 0 0 10px;
}

#site_wrapper li {
margin: 0 0 4px 0;
}

#site_wrapper hr {
	
}

#site_wrapper p {
	padding-bottom: 10px;
}

#bd {background-image: url(img/yellow-br-bg.gif); background-color: #501e02; position: relative; background-repeat: repeat-x;}
#bdwrapper {
	background-image: url(img/bg-wrappergif.gif); background-repeat: no-repeat;
	background-position: top center;
	}
#hd {height: 121px; 
	background-image: url(img/header-bg.gif);
}

#header {position: relative;}
#ft {
	background-image: url(img/footer-bg.gif);
	background-repeat: repeat-x;
	background-color: #1e272b;
	height: 400px;
	color: #fff;
	position: relative;
}

#ft h1{
	background-image: url(img/clef-header.png);
	background-repeat: no-repeat;
	padding-left: 24px;
	margin-bottom: 10px;
	font-size: 24px;
	color: #fbb600;
	
}

#foot-edge {
	height: 16px;
	background-image: url(img/footer-edge.png);
	background-repeat: repeat-x;
}
#footer {
	border-top: 1px solid #6e898c;
	padding-top: 10px;
	width: 600px;
}
#home-foot-wrapper {
	position: relative;
	height:400px;
}
#home-footerleft {
	background-image: url(img/footer-left-bg.gif);
	background-repeat: no-repeat;
	width: 610px;
	position: absolute;
	left: 10px;
	top: 10px;
	padding: 35px;
}

#home-footerright {
	position: absolute;
	width: 239px;
	position: absolute;
	left: 710px;
	top: 42px;
	
}

#site_wrapper {margin:auto;text-align:left;width:73.076em;/* moz works fine for moz,not so fine for ie (causes about 1 em extra width) */
 *width:73.250em;/* ie */
 min-width:75em;
}

#hd, #bd, #ft {}

#logo {
	position: absolute;
	left: 70px;
	top: 35px;
	}

/* menu buttons */
#top-menu { 
	position: absolute;
	left: 360px;
	top: 43px;
	}

.btn {float:left; margin-right: 1px;}
.btn-home a { display:block; background-image: url(img/btn-up-home.gif); background-repeat: no-repeat;}
.btn-home a:hover { background-image: url(img/btn-over-home.gif); background-repeat: no-repeat;}
.btn-home-up { display:block; background-image: url(img/btn-down-home.gif); background-repeat: no-repeat;}

.btn-music a { display:block;  background-image: url(img/btn-up-music.gif); background-repeat: no-repeat;}
.btn-music a:hover { background-image: url(img/btn-over-music.gif); background-repeat: no-repeat;}
.btn-music-up { display:block;  background-image: url(img/btn-down-music.gif); background-repeat: no-repeat;}

.btn-schedule a { display:block; background-image: url(img/btn-up-schedule.gif); background-repeat: no-repeat;}
.btn-schedule a:hover { background-image: url(img/btn-over-schedule.gif); background-repeat: no-repeat;}
.btn-schedule-up { display:block; background-image: url(img/btn-down-schedule.gif); background-repeat: no-repeat;}

.btn-links a { display:block; background-image: url(img/btn-up-links.gif); background-repeat: no-repeat;}
.btn-links a:hover { background-image: url(img/btn-over-links.gif); background-repeat: no-repeat;}
.btn-links-up { display:block; background-image: url(img/btn-down-links.gif); background-repeat: no-repeat;}

.btn-contact a { display:block; background-image: url(img/btn-up-contact.gif); background-repeat: no-repeat;}
.btn-contact a:hover { background-image: url(img/btn-over-contact.gif); background-repeat: no-repeat;}
.btn-contact-up { display:block; background-image: url(img/btn-down-contact.gif); background-repeat: no-repeat;}

/* end menu buttons */


#picrotate {
	position: absolute;
	left: 550px;
}

/* box styles */


.t {background-image: url(img/box-t.png);}

.l {background-image: url(img/box-l.png);  }
.bg {background-image: url(img/box-l.png);}
.r {background-image: url(img/box-r.png); }
.bl {background-image: url(img/box-bl.png); }
.b {background-image: url(img/box-b.png); }
.br {background-image: url(img/box-br.png); }

.nlh {line-height: .5em}
/* end box styles */

#home-content {
	padding: 35px 0 0 40px;
	width: 889px;
	color: #ffffff;
	}