@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:  url(../images/tile.jpg) top left repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

a {color: #0095c0}
a:hover {color: #00557d}

#wrapper {
	width: 1024px;  
	background: url(../images/bg_center.jpg) top center no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:left;
	padding-bottom: 30px;
	}
	

#container { 
	width: 720px; 
	background: url(../images/copy_bg.jpg) top left repeat-y;
	margin: 0 0 0 215px; /*!important;
	margin: 0 0 0 127px;*/
	border: 0;
	
} 
#header1 { 
	width: 720px;
	height: 128px;
	padding: 0; 
	background: url(../images/header1.jpg) top center no-repeat;
	margin: 0;
} 

#header2 { 
	width: 720px;
	height: 55px;
	padding: 0; 
	background: url(../images/header2.jpg) top center no-repeat;
	margin: 0;
} 

	#header2 p {
	text-align: right;
	margin: 0;
	padding-right: 55px;
	padding-top: 8px;
	}
	
	#header2 a {font-size:12px; margin-right: 15px; text-decoration:none;}

#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 358px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0;
}
	#sidebar1 p {
		color: #2c8fa4;
		font-size:12px;
		padding: 8px 75px 0 20px;
		margin: 0;
	}

#mainContentWrap { 
	margin: 0;
	padding: 0;
	background:url(../images/mc_bg.jpg) top left no-repeat;
	border:0;
} 

#mainContent { 
	margin: 0 358px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0;
	border:0;
} 

#mainContent p {
	margin: 0 12px 13px 48px; 
	font-size: 13px;
	color: #123a4d;
	padding: 0;}
	
	#mainContent h2 {
	margin: 0 12px 5px 48px; 
	font-size: 13px;
	color: #00557E;
	padding: 0;
	font-weight:bold}
	

#mainContent2 { 
	margin: 0; /* for wrapping content */
	padding: 0;
	border:0;
} 

	#mainContent2 p {
	margin: 0 82px 13px 48px; 
	font-size: 13px;
	color: #123a4d;
	padding: 0;}
	
	#mainContent2 h2 {
	margin: 0 12px 5px 48px; 
	font-size: 13px;
	color: #00557E;
	padding: 0;
	font-weight:bold}
	
	h3 {margin: 0 0 5px 0; 
	font-size: 13px;
	color: #00557E;
	padding: 0;
	font-weight:bold}
	
	#listing p {
	margin: 0 0 12px 0; 
	font-size: 13px;
	color: #123a4d;
	padding: 0;}
	
#footer { 
	padding: 0;
	background: url(../images/footer.jpg) top left no-repeat;
	height: 133px;
	width: 720px; 
} 
	#footer p {
		margin: 0; 
		padding: 30px 300px 15px 48px;
	}
	
	#footer a {font-size:11px; text-decoration: none; margin-right: 15px;}
	#copyright {width: 675px; padding: 33px 0 0 0; color: #7eb6c2; font-size: 11px; text-align:right;}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/* 
***********
NAV
***********
*/

#navcontainer {
padding: 72px 0 0 173px;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 10px;
}

#navlist li a {color: #FFFFFF; text-decoration:none; font-size: 12px;}
#navlist li a:hover {color: #fcba63}

#subnavContainer {position: relative; top: 90px; left: 400px;}


/* 
***********
H1 
***********
*/

#homePage, #homePage span {
	width: 335px; height: 64px;
	background-image: url(../images/h1_home.gif);
 	background-repeat: no-repeat; 
	padding: 0; margin:0;
	}
	
	h1 span { margin-bottom: -64px; margin-left: -0px; }
	
#Hartists, #Hartists span {
	width: 335px; height: 64px;
	background-image: url(../images/h1_artists.gif);
 	background-repeat: no-repeat; 
	padding: 0; margin:0;
	}
	
#Hentertainment, #Hentertainment span {
	width: 335px; height: 64px;
	background-image: url(../images/h1_entertainment.gif);
 	background-repeat: no-repeat; 
	padding: 0; margin:0;
	}
	
#Hcontact, #Hcontact span {
	width: 335px; height: 64px;
	background-image: url(../images/h1_contact.gif);
 	background-repeat: no-repeat; 
	padding: 0; margin:0;
	}
	
#Hstudent, #Hstudent span {
	width: 335px; height: 64px;
	background-image: url(../images/h1_student.gif);
	background-repeat: no-repeat; 
	padding: 0; margin:0;
	}
	
#Hdirections, #Hdirections span {
	width: 335px; height: 64px;
	background-image: url(../images/h1_directions.gif);
 	background-repeat: no-repeat; 
	padding: 0; margin:0;
	}
	
#Hnewsmedia, #Hnewsmedia span {
	width: 335px; height: 64px;
	background-image: url(../images/h1_newsmedia.gif);
 	background-repeat: no-repeat; 
	padding: 0; margin:0;
	}
	
#Hphotogallery, #Hphotogallery span {
	width: 335px; height: 64px;
	background-image: url(../images/h1_photogallery.gif);
 	background-repeat: no-repeat; 
	padding: 0; margin:0;
	}
	
	
#Hcommittee, #Hcommittee span {
	width: 335px; height: 64px;
	background-image: url(../images/h1_committee.gif);
 	background-repeat: no-repeat; 
	padding: 0; margin:0;
	}


/* code for all styled headers */
h1 span {
	 display: block;
	 /* place the span on top */
	 position: relative;
	 z-index: 1;
	}
	
/* IE5 Mac Hack */
h1 { overflow: hidden; }
/*/
h1 { text-indent: -100em; }
/* End Hack */
#wrapper #container #mainContentWrap #mainContent h2 {
	color: #F00;
}