body {
	font-family: georgia, serif; 
	font-size: 100%; 
	color: #3E0303;
	text-align: left;
	background-color: #A38F72;
	position: relative;
	behavior:url(scripts/csshover.htc);
}

* {margin:0; padding:0;}

h1 {
	font-size:1.15em; 
	font-weight:bold;
}

h2 {
	font-size: 1.1em;
	font-weight:normal; 
}

h3 {
	font-size: 1em;
	font-weight:normal; 
	font-style: italic;	
}

h4 {
	font-size: .8em;
	font-weight:bold; 
	font-style: normal;	
}


p {
	margin-top: 1em;
	font-size:.8em;
	line-height: 1.4;
}

p.small {
	font-size:.7em; 
}

p.indent {
	margin-left: 2em;
}

p.red {
	color: red;
}

ul {	
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 3em;
	font-size:.8em; 
	list-style-type:circle; 
	line-height:1.5;
}

ul ul {
	font-size: 1em;
	margin-left: 3em;
}

img {
	border: 0px;
}


div.clearfloat {
	 clear: both;
}

#page {
	position:relative;
	width: 728px;
	margin: 0 auto;
} 


#nav {
	position: relative;
	float: left;
	width: 181px;
	min-height: 600px;
	text-align: center;
	background-image:url("images/LeftNavBg.jpg"); 
	background-repeat:no-repeat;
	background-color: #F1CF61;
	z-index: 100;
}

#MenuAndContent {
	position: absolute;
	text-align: left;
	background-color: #F7F0BC;
	/* margin-left: 181px; */

	top: 0px;
	left: 181px;
	width: 547px;
}

#TopGraphic {
	position: relative;
	top: 0px;
	left: 0px;
	/* width: 547px; */
	height: 159px;
	background-image:url("images/TopNavBg.jpg"); 
	background-repeat:no-repeat;
	z-index: 5;
}

* html div#MainMenu {
	margin-left: -3px;
	
}


div#MainMenu {
	position: relative; 
	top: 0px;
	left: 0px;
	width: 547px;
	height: 48px;
	border: 0;
	background-color: #DC8B1C; 
}


div#MainMenu ul {
	float: left;
	/* position: relative; */
	margin: 0 0 0 4px;
}

div#MainMenu li {
	float:left;
	position: relative;
	list-style-type: none;
	margin-top: 3px;
	padding: 2px; 
	z-index: 99;
}

div#MainMenu li a {
	text-align: left;
	display: block;
	text-decoration: none;	
	/* adjusting the hot area of the link */
		margin-top: -4px;
		margin-left: -4px;
	/* hack for the "Links" button */
		height: 41px; 
}

div#MainMenu li a span {
	visibility: hidden;
}

div#MainMenu ul li:hover ul, div#MainMenu ul li ul:hover {
	display: block;
}

div#MainMenu ul li ul li:hover {
	background-color: #FFFEE6;
}

div#MainMenu ul li ul li {
	z-index: 200;
	margin: 0;
	font:normal 13px georgia;
	font-weight: normal;
	width: 100%;
	border-left: #DC8B1C solid 4px;
	border-bottom: #DC8B1C solid 2px;
	border-right: #DC8B1C solid 4px; 
	text-indent: 1em;
	padding-top: .5em;
	/* padding-right: 1em; */
	background-color: #FFFC8D; 
}

div#MainMenu ul li ul li:first-child {
	border-top: #DC8B1C solid 1px;
}

div#MainMenu ul li ul li.lastchild {
	border-bottom: #DC8B1C solid 4px;
}

div#MainMenu ul li ul li a {
	color: #3E0303;
	height: 1.5em;
	/* border: red solid;*/
}

div#MainMenu ul li ul {
	/* z-index: 100; */
	display: none;
}

#AcademicYear {	
	background-image:url("images/TopNavButtons/AcademicYear2008-2009.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 115px;
	height: 41px;
	top: 0px;
	left: 0px;
	margin-left: 0px;
}

#AcademicYear ul {
	position: absolute;
	top: 44px;
	left: -8px;
	width: 150px;
}

#LicensedMinistryTraining {	
	background-image:url("images/TopNavButtons/LicensedMinistryTraining.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 132px;
	height: 41px;
}

#LicensedMinistryTraining ul {
	position: absolute;
	top: 44px;
	left: -8px;
	width: 140px;
}

#LifeLongLearning {	
	background-image:url("images/TopNavButtons/LifeLongLearning.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 142px;
	height: 41px;
}

#LifeLongLearning ul {
	position: absolute;
	top: 44px;
	left: -8px;
	width: 138px;
}

#AboutTheSchool {	
	background-image:url("images/TopNavButtons/AboutTheSchool.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 80px;
	height: 41px;
}

#AboutTheSchool ul {
	position: absolute;
	top: 44px;
	right: 12px;
	width: 130px;
}

#AboutTheSchool ul li a {
	margin-right: 5px;
	text-align: right;
}

#Links {	
	background-image:url("images/TopNavButtons/Links.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 53px;
	height: 41px;
	padding-bottom: 10px;
}

#Links ul {
	position: absolute;
	top: 44px;
	right: 10px;
	width: 277px;
}

#Links ul li a {
	margin-right: 5px;
	text-align: right;
}

#content {
	z-index: 5;
	text-align: left;
	margin-left: 15px;
	margin-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
}


#MainText p,h2,h3,h4 {
	margin-top: 1em;
}

#RightNav {
	float: right;
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 20px;
	font-size: .9em;
}

#RightNav ul ul {
	margin-top: 0;
}

img.ContentLeftImage {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 15px;
}

img.ContentRightImage {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}

.LeftNavLinks {
	text-align: center;
	margin: 0 auto;
	border: #DC8B1C solid 1px;
	width: 156px;
	height: 30px;
}

.LeftNavLinks a {
	width: 156px;
	height: 30px;
	display: block;	
	text-decoration: none;
	/* border: blue solid; */
}

.LeftNavLinks a span {
	visibility: hidden;
}

#ChristOfSinai {
	position: relative;
	margin-top: 17px;
}

#NewsEvents {
	margin-top: 12px;
	background-image:url("images/LeftNavButtons/NewsEvents.jpg");
}
#Catalog {
	margin-top: 5px;
	background-image:url("images/LeftNavButtons/Catalog2008-2009.jpg");
}
#RegisterOnline {
	margin-top: 5px;
	background-image:url("images/LeftNavButtons/RegisterOnline.jpg");
}
#DioceseOfOlympia {
	margin-top: 12px;
	margin-bottom: 15px;
	width: 156px;
	height: 46px;
	background-image:url("images/LeftNavButtons/DioceseOfOlympia.jpg");
}

#DioceseOfOlympia a {
	/* hack for hotarea of button */
	height: 46px;
}


#TopLinks {
	position: absolute;
	margin-top: 116px;
	margin-left: 410px;
	min-width: 110px;
	max-height: 20px;
}

#TopLinks a {
	display: block;	
	text-decoration: none;	
}

#TopLinks a span {
	visibility: hidden;
}


div#formcontainer {
	padding: 0;
}

div#RegistrantInfo input {
	background-color: white;
}


div#formcontainer form label {
	width: 135px;
	float: left;
}

div#formcontainer div.clearfix {
	font-size:.8em;
	line-height: 1.4;
	padding: 5px 0;
	vertical-align: bottom;
	/* border: blue solid; */
}

div#formcontainer div.clearfix span {
	font-size:.85em;
}


div.TopDivider {
	margin-top: 1em;
	border-top: #A38F72 solid 1px;	
}

div#regoptions {
	padding-top: 15px;
}

div#send {
	padding-top: 15px;
}

div#send input {
	font-family: georgia, serif; 
	font-size: 100%; 
	color: #3E0303;	background-color:#A38F72;
}

div#RegistrantInfo {
	margin-top: 1em;
}


div#staff {
	width: 290px;
	float: right;
	margin-left: 20px;
	padding-bottom: 15px;
}

div#staff h3 {
	margin: 0;
	padding: 0;
}

div#contact {
	height: 420px;
	margin-top: 1.2em;
}

#Home {	
	float: left;
	position: relative; 
	width: 51px;
	background-image:url("images/TopLinks/Home.jpg");
	background-repeat: no-repeat;
	z-index: 200;
}

#Contact {
	float: left;
	position: relative;
	margin-left: 6px;
	background-image:url("images/TopLinks/Contact.jpg");
	background-repeat: no-repeat;
	width: 50px;
	z-index: 200;
}
