@CHARSET "UTF-8";

/* HTML */

	* { margin:0; padding: 0; }
	
	body, td {
		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; }
	
	input[type="button"] { cursor: pointer; }
	

/* 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; }
	
	.error, .red, .validation-messages, .active { color: #b23727; }
	.feedback { color: green; float: left; }
	
	.validation-messages { margin-bottom: 14px; }
	
/* 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; }
	#wrapper-rs { width: 700px; margin: 20px auto auto 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; background-image: url(/media/images/page-photos/footer.jpg); background-position: center 26px; background-repeat: no-repeat; width: 700px; height: 130px;}
	.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; }
	
	
/* RELIGIOUS SCHOOL */
	
	fieldset { padding: 20px; margin-bottom: 20px; }
	legend { font-size: 140%; font-weight: bold; padding: 0 7px; }
	.form-standard label { clear: left; width: 150px; float: left; }
	.form-standard input[type="text"], .form-standard select { float: left; }
	
	.float-left { float: left; }
	.float-none { float: none; }
	.float-clear { clear: both; }
	
	.form fieldset {
		width: 260px;
		margin: auto auto auto 0;
		padding: 20px;
	}
	
	.form legend {
		font-weight: bold;
		padding: 5px;
	}
	
	.form p {
		text-align: left;
	}
	
	.form label {
		clear: left;
		float: left;
		width: 100px;
	}
	
	.form input[type="submit"] {
		display: block;
		margin: 14px 0 auto auto;
		cursor: pointer;
	}
	
	#create-account {
		text-align: right;
		margin: auto 400px auto auto;
	}
	
	#create-account a,
	#create-account-intro a,
	#log-in-intro a {
		background-color: #4E6281;
		color: #fff;
		padding: 1px 0 3px 0;
		display: block;
		width: 120px;
		text-align: center;
		margin: auto 0 auto auto;
	}
	
	#log-in-intro {
		margin-top: 14px;
	}
	
	#create-account-intro a,
	#log-in-intro a {
		margin: auto auto auto 0;
	}
	
	#log-in-intro a {
		background-color: #b23727;
	}
	
	#rs-application-menu {
		position: relative;
		overflow: hidden;
		list-style: none;
	}
	
	#rs-application-menu li {
		float: left;
		text-align: center;
	}
	
	#rs-application-mainmenu,
	#rs-application-submenu {
		position: relative;
		overflow: hidden;
	}
	
	#rs-application-submenu li,
	#rs-application-mainmenu li {
		float: left;
		margin-right: 20px;
	}
	
	#rs-application-mainmenu {
		margin-left: 0;
		margin-bottom: 0;
	}
	
	#wrapper-rs h1 { font-size: 220%; }
	#wrapper-rs h2 { font-size: 170%; }
	#wrapper-rs h3 { font-size: 130%; }
	#wrapper-rs h4 { font-size: 110%; }
	
	/*
	* { margin: 0; padding: 0; }
	html { font-size: x-small; }
	body { margin: 20px; font-family: sans-serif; font-size: 120%; line-height: 140%; }
	
	h1 { margin-bottom: 14px; }
	p { margin-bottom: 14px; }
	.bold { font-weight: bold; }
	*/
	
	#debug { width: 700px; margin: 40px auto; }
	
	#textsize { text-align: right; }
	#textsize a { color: #999; font-weight: bold; outline: medium none; padding: 0 2px; }
	#textsize a:hover { color: #333; text-decoration: underline; }
	#textsize a.big { font-size: 14px; }
	#textsize a.bigger { font-size: 16px; }