@charset "utf-8";
/* CSS Document */

body {
	font-size: 62.5% /*This percentage changes the default size of 16pts to 10 points, making it easier to calculate sizes by ems.*/
	padding: 0;
	margin: 0;
	font-family:  Arial, Helvetica, sans-serif;
	background-image: url(/global/background_images/bkg_body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
ul {/*this rule affects all uls in the doc including the navbar and the pictures*/
	list-style-type: none;
	Padding: 0;
	margin: 0;
}
a  {
	text-decoration: none;
	color: #0066CC;
}
a {
	outline: none; /*Removes the dotted focus outline around all selected link -sm*/
}

a.nohover { /*Cancells the effect of the previous style that adds a border to each element that's hovered over. Remember, this is a class and must be indiviually applied.*/
	background: none;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #000000;
	border-left: none;
}
a:hover.addBorderOnHover {
	border-bottom: solid 1px #000;
}
a img {
	border: none;
}
p {
	margin-top: .5em;
	margin-bottom: 0;
	font-size: .8em;
	text-align: left;
}
h1 { 
	margin: 0;
	font-size: 130%;
	letter-spacing: .3em;
	font-weight: bold;
}
.h1_dark { /*--for use on a dark background--*/
	color: white;
}
.h1_light { /*--for use on a light background--*/
	color: #874138;
}

h6 {  
	font-size: .8em;
}
#topbar {
	background-color: #333333;
	height: 20px;
	padding-right: 58px;
	margin-bottom: 30px; /*pushes the logo down in IE6*/
	color: #999999;
	text-align: right;
	font-size: .8em;
}

#wrapper {
	width: 835px;
	margin: 20px auto 0;
	background-image: url(/global/background_images/bkg_wrapper.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: black solid 1px;
	border-top: 0;
}
.pageTitle {
	margin: -20px 50px 0 0;
	text-align: right;
	font-size: 130%;
	letter-spacing: .3em;
	font-weight: normal;	
}

#innerWrapper { 
	background: url(/global/background_images/bkg_innerwrapper.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	border: 1px solid white;
}

/*_________________left nav main________________________________*/
#leftnav {
	float: left;
	width: 30px;
	margin: -30px 0 0 0;
	/*I began with a background color on #leftnav, but it extended above the home button. I found I didn't need the color if I just made sure all the individual buttons on the nav bar had their own background color*/
}
#leftnav ul {
	list-style-type: none;
	Padding: 0;
	margin: 0;
}
#leftnav li {/* This rule and the next one (* html...) work together to eliminate IE6 border gaps.*/
	display: inline;
}
* html #leftnav ul a {/*IE6 hack to keep gaps from between the borders*/
	height: 1px;
}
#leftnav ul a{
	text-decoration: none;
	display: block;
	height: 138px;
	border: 1px solid #666;
}
#leftnav img {
	border: none; /*This removes the purple border that surrounds the images (this was especially apparent in IE6).*/
}
#leftnav #home a {
	background-color: #CCC;
	color: #CCC;
}
#leftnav #home a:hover {
	background-color: #FFFF66;
}
#leftnav #schedulenav a {
	background-color: #FFFFCC;
}
#leftnav #schedulenav a:hover {
	background-color: #FFFF66;
}
#leftnav #contact a {
	background-color: #CCC;
}
#leftnav #contact a:hover {
	background-color: #FFFF66;
}
#leftnav #songs a {
	background-color: #FFFFCC;
	height: 80px;/*The songs and other buttons are shorter than the others. The height is specified here to override the rule for #leftnave ul a*/
}
#leftnav #songs a:hover {
	background-color: #FFFF66;
}
#leftnav #other a {
	background-color: #CCC;
	height: 80px;/*The songs and other buttons are shorter than the others. The height is specified here to override the rule for #leftnave ul a*/
}
#leftnav #other a:hover {
	background-color: #FFFF66;
}
* html #leftnav ul a {
	height: 1px;
}