/**************** Body and tag styles ****************/



*{margin:0; padding:0;}



body{

	font:76% Verdana, Arial, Helvetica, sans-serif;

	line-height:1.4em;

	color:#303030;

	margin: 0px 0px 0px 0px;

	background-color: #c05c02;

	background-image: url(img/page_back.jpg);

	background-repeat: repeat-x;

}

html{scrollbar-3dlight-color:#8e7f62; 

	scrollbar-arrow-color:#544133;

	scrollbar-base-color:#ada983;

	scrollbar-darkshadow-color:#544133;

	scrollbar-face-color:#c0b894;

	scrollbar-highlight-color:#ada983;

	scrollbar-shadow-color:#f2e6d6;	}





a{

color:#467aa7;

font-weight:bold;

text-decoration:none;


}



a:hover{color:#2a5a8a; text-decoration:none;}

a img{border:none;}



p{padding:0 0 1.0em 0;}

p form{margin-top:0; margin-bottom:20px;}



img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}

img.left{float:left; margin:0 12px 5px 0;}

img.center{display:block; margin:0 auto 5px auto;}

img.right{float:right; margin:0 0 5px 12px;}

.borderimg { border:1px solid #d0c895;

	

	white-space: normal;

	background-color: #d6cea0;

	padding-top: 4px;

	padding-right: 4px;

	padding-bottom: 4px;

	padding-left: 4px;}



/**************** Header and navigation styles ****************/


#map {
text-align:center;
background-color: none;
}

#map a{
background-color: none;
}

#container{

	width:870px;

	text-align:left;

	color:#303030;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 1px;

	padding-left: 0px;

	background-image: url(img/back.jpg);

	background-repeat: repeat-y;

	background-position: center;

}



#header{

	height:155px;

	width:868px;

	color:#000000;

	background-image: url(img/chapelhead.jpg);

	background-repeat: no-repeat;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	background-position: center;	

}



#header h1{

	padding:35px 0 0 20px;

	font-size:2.4em;

	color:#ffffff;

	letter-spacing:-2px;

	font-weight:normal;

}



#header h1 a{

color:#ffffff;

text-decoration:none;

}



#header h1 a:hover {

color:#CCCCCC; text-decoration:none; background-color:inherit;

}



#header h2{

margin:10px 0 0 40px;

font-size:1.4em;

background-color:inherit;

color:#f0f2f4;

letter-spacing:-1px;

font-weight:normal;

}



#navigation{
	height:2.3em;
	line-height:2.2em;
	width:848px;
	background:#a50f10;
	color:#ffffff;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}



#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #e3dec0;
white-space:nowrap;
display: inline;
position: relative;
}



#navigation li a{
	display:block;
	padding:0 10px;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase; /* transformed text to uppercase */
	text-decoration:none;
	background-color:inherit;
	color: #e3dec0;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
	color:#ffffff;
	text-decoration:none;
	background-color: #666666;
	display: block;
	padding:0 10px;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase; /* transformed text to uppercase */

}

/* Navigation for drop downs*/
	ul li#bypass {
		display			: none;
	}
	#navigation ul {
		height			: 18px; /* you will also need to change #navigation a padding and #navigation li ul margin-top*/
		width			: 100%;
		margin			: 0;
		padding			: 0;
		background:#a50f10; /* background coor of the drop downs */
		color: #ffffff;
		list-style-type	: none;
	}

	#navigation li ul {
			border-top		: 1px solid #e3dec0;
			margin-top		: 1px;		/* How far down the drop down menus start  - you will also need to change #navigation ul height and #navigation a padding */
			display			: none;
			left			: 0;
			position		: absolute;
			width			: 162px;		/* width of the drop down menus? */
			height			: auto;
		}
		

		#navigation li li {
			width			: 160px;		/* width of the drop down menus? */
			border			: 1px solid #e3dec0; /* color of drop down borders */
			border-top		: 0;
		}

		

#navigation ul li ul li a.selected,#navigation ul li ul li a:hover{
	color:#ffffff;
	text-decoration:none;
	background-color: #666666;
	display: block;
	padding:0 10px;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase; /* transformed text to uppercase */
	
}



/**************** Content styles ****************/



#content{

	float:left;
	width:630px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
	font-size:1.0em;
	text-align: justify;
}

#content h1{

display:block;

margin:0 0 16px 0;

font-size:2.4em;

font-weight:normal;

letter-spacing:-1px;

color:#505050;

background-color:inherit;

}



#content h2{

	display:block;

	margin:0 0 16px 0;

	font-size:1.7em;

	font-weight:normal;

	letter-spacing:-1px;

	color:#505050;

	background-color:inherit;

	text-transform: capitalize;

}



#content h2 a{font-weight:normal;}

#content h3{

	margin:0 0 16px 0;

	font-size:1.4em;

	letter-spacing:2px;

	font-variant: small-caps;

	font-weight: lighter;

}

#content a:hover,#subcontent a:hover{text-decoration:underline;}

#content ul,#content ol{margin:0 5px 16px 35px;}

#content dl{margin:0 5px 10px 25px;}

#content dt{font-weight:bold; margin-bottom:5px;}

#content dd{margin:0 0 10px 15px;}



/**************** Sidebar styles ****************/



#subcontent{

	float:right;

	width:170px;

	line-height:1.4em;

	background-image: url(img/gradeint.jpg);

	background-repeat: no-repeat;

	background-position: top;

	height: 700px;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 0;

	margin-right: 3px;

}



#subcontent h2{

display:block;

margin:0 0 15px 0;

font-size:1.6em;

font-weight:normal;

text-align:left;

letter-spacing:-1px;

color:#505050;

background-color:inherit;

}



#subcontent p{margin:0 0 16px 0; font-size:0.9em;}



/**************** Menublock styles ****************/



.menublock{margin:0 0 20px 8px; font-size:0.9em;}

.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}

.menublock li a{font-weight:bold; text-decoration:none;}

.menublock li a:hover{text-decoration:none;}

.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}

.menublock li ul li{margin-bottom:0;}

.menublock li ul a{font-weight:normal;}



/**************** Searchbar styles ****************/



#searchbar{margin:0 0 20px 0;}

#searchbar form fieldset{margin-left:10px; border:0 solid;}



#searchbar #s{

height:1.2em;

width:110px;

margin:0 5px 0 0;

border:1px solid #a0a0a0;

}



#searchbar #searchbutton{

width:auto;

padding:0 1px;

border:1px solid #808080;

font-size:0.9em;

text-align:center;

}



/**************** Footer styles ****************/



#footer{

	clear:both;

	width:864px;

	font-size:0.9em;

	color:#333333;

	background-image: url(img/footer.jpg);

	background-repeat: no-repeat;

	height: 155px;

	margin-top: 0;

	margin-right: 5px;

	margin-bottom: 0;

	margin-left: 3px;

	padding-top: 5px;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 0;

	

	background-position: center;

}



#footer p{padding:0; margin:0; text-align:center;}

#footer a{

	color:#666666;

	background-color:inherit;

	font-weight:bold;

}

#footer a:hover{

	color:#a70e13;

	background-color:inherit;

	text-decoration: underline;

}



/**************** Misc classes and styles ****************/



.splitcontentleft{float:left; width:48%;}

.splitcontentright{float:right; width:48%;}

.clear{clear:both;}

.small{font-size:0.8em;}

.hide{display:none;}

.textcenter{text-align:center;}

.textright{text-align:right;}

.important{color:#f02025; background-color:inherit; font-weight:bold;}



.box{

	margin:0 0 20px 0;

	padding:10px;

	border:1px none #c0c0c0;

	background-color:#00CC00;

	color:#505050;

	line-height:1.5em;

}