@CHARSET "UTF-8";

/* HTML */

	* { margin:0; padding: 0; }
	
	body {
		font-family: "Lucida Sans Unicode","Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 150%;
		color: #333;
	}
	
	h1, h2, h3, h4, h5 { line-height: 130%; }
		h1 { font-size: 28px; }
		h2 { font-size: 24px; }
		h3 { font-size: 20px; }
		h4 { font-size: 16px; }
		h5 { font-size: 14px; }
		h6 { font-size: 11px; }
	
	p { margin: 0 0 1em 0; }
	
	img { border: none; }
	
	ul { margin-left: 14px; margin-bottom: 12px; }
	ol { margin-left: 20px; margin-bottom: 12px; }
	
	a {	text-decoration: none; outline: none; color: #4e6281; }
		a:visited {	 }
		a:hover { color: #b23727; }
	
	table { width: 100%; border-collapse: collapse; }
	th {}
	td { vertical-align: top; }
	

/* CLASSES */
	
	.bold {font-weight: bold; }
	.italic { font-style: italic; }
	.underline { text-decoration: underline; }
	.clear-both { clear:both; }
	
	.float-left-10 { float: left; margin-right: 10px; }
	.float-left-20 { float: left; margin-right: 20px; }
	.float-right-20 { float: right; margin-left: 20px; }
	
	.red { color: #b23727; }
	
	
/* MENU */
	#menu {
		margin: 0 0 0 130px;
		position: relative;
		width: 570px;
		z-index: 2000;
		display: block;
		}
	#menu li { list-style: none; line-height: normal;}
	li.main-menu { float: left; }
	li.main-menu a {
		width: 133px; 
		background-color: #b23727; 
		color: #fffda9;
		padding: 0 10px 0 10px;
		}
	li.main-menu a:hover { color: #7c8baa; }
	ul.sub-menu { margin: 0; }
	ul.sub-menu a {
		background-color: #7c8baa;
		color: #fffda9;
		margin: 0;
		display: block; /* quote out for ragged layout */
		}
	ul.sub-menu a:hover { color: #b23727; }
	/* ul.sub-menu li { margin-bottom: 2px; } add this for ragged layout */
	
	ul.sub-menu {
		position: absolute;
		top: 14px;
		left: 0;
		padding-top: 0;
		display: none;
		}
	#sub-menu-about { left: 0px; }
		#sub-menu-about a { width: 150px; }
	#sub-menu-education { left: 116px; }
		#sub-menu-education a { width: 215px; }
	#sub-menu-community { left: 187px; }
		#sub-menu-community a { width: 100px; }
	#sub-menu-contact {  }
	
	
/* SITE */
	
	#wrapper { width: 700px; margin: 0 auto; }
	
	#header { }
	#header h1 { font-weight: normal; }
	#header .black { color: #000; }
	#header p { margin: 0 0 3px 0; }
	
	#content { margin-top: 10px; }
	
	#copy h1 { font-size: 20px;  margin-top: 20px; }
	#copy h2 { font-size: 16px; margin-top: 16px; }
	#copy h3 { font-size: 14px; margin-top: 14px;}
	#copy h4 { font-size: 12px; margin-top: 14px;}
	#copy .contact-heading  { font-size: 12px; }
	#copy .staff { margin-bottom: 20px; margin-left: 20px; }
	#copy .staff h3 { font-size: 11px; color: #000; }
	#copy .rust { color: #b23727; margin: 0; }
	#copy .dark-blue { color: #4e6281; }
	#copy .black { color: #000; }
	#copy .pink { color: #A76D5A; }
	#copy .yellow { color: #fffda9; }
	#copy .light-blue { color: #7c8baa; }
	
	#dues { margin-bottom: 12px; width: 600px; }
	#dues .left { float: left; width: 150px; font-style: italic; }
	#dues .right { margin-left: 150px; margin-bottom: 12px; }
	
	#school-agenda .left-col { float: left; width: 150px; font-style: italic; }
	#school-agenda .right-col { margin-left: 150px; }
	
	#footer { margin: 100px auto 50px 0; font-size: 10px; }
	#footer-image { text-align: center; margin-bottom: 20px; }
	.footer-col { width: 150px; float: left; margin-left: 20px; }
	#copyright { text-align: center; line-height: normal; margin-top: 20px;}
	
	#bios h4 {margin:0; line-height: 130%;}
	#no-js { text-align:center; margin-top: 24pt; }
	
	
/* GOOGLE SEARCH ENGINE */
	#cse { width:100%; min-height:42px; }


/* ROTATOR */
	#rotator {
		position: relative;
		float: left;
		height: 96px;
		width: 570px;
		overflow:hidden;
		list-style: none;
		z-index: 500;
	}
	#rotator img { display: block; }
	#rotator ul {margin: 0;}
	#rotator ul li { position:absolute; list-style: none; }
	#rotator ul li.show { z-index: 500; }