/* CSS layout */

/******************************* Main Layout *******************************/

body {
	background: #442520;
	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;
	font-family: Sylfaen;
	font-size: 100%;
}

dt {
	margin: 0;
	padding: 0;
}

dd {
	margin: 0;
	padding: 0;
}

dl {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

h4 {
	margin: 0;
	padding: 0;
}

h3 {
	margin: 0;
	padding: 0;
}

h2 {
	margin: 0;
	padding: 0;
}

h1 {
	margin: 0;
	padding: 0;
}

#container {
	background: #D9D0B7;
	width: 780px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */;
	margin: 0 auto;
/* the auto margins (in conjunction with a width) center the page */	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */;
	padding: 0;
}

#masthead {
	background-color: #FFFFFF;
	background-image: url('../images/masthead800.jpg');
	height: 130px;
	width: 780px;
	position: relative;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

#top_nav {
	background: #D9D0B7;
	width: 780px;
	position: relative;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

#page_content {
	width: 750px;
	position: relative;
	right: 0;
	top: 0;
	color: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-indent: 20px;
}

p.missionstatement {
	font-family: Sylfaen;
	font-style: italic;
}

.style1 {
	text-align: center;
}



/******************************* Styles for Navigation *******************************/

#mainnav {
	background-color: #000000;
	color: #FFFFFF;
	width: 760px;
	position: relative;
	margin: 0 auto;
	font-family: Arial;
	font-size: 80%;
	text-align: left;
	padding-left: 20px;
	height: 30px;
}


#mainnav p {
	width: 760px;
	display: block;
	text-align: left;
	font-size: 100%;
	margin: 0 auto;
	color: #FFFFFF;
	vertical-align: middle;
}

#mainnav .mainnavmenu {
	display: block;
	color: rgb(0, 0, 0);
	padding-top: 8px;
}

#mainnav .mainnavmenu a {
	color: rgb(255, 255, 255);
	text-decoration: none;
	border: none;
}

#mainnav .mainnavmenu a:hover {
	text-decoration: none;
	color: rgb(204, 0, 0);
	border-bottom: 1px solid rgb(204, 0, 0);
}


/******************************* Styles for Footer *******************************/

#footer {
	background-color: #000000;
	color: #FFFFFF;
	width: 760px;
	position: relative;
	margin: 0 auto;
	font-family: Arial;
	font-size: 80%;
	text-align: left;
	padding-left: 20px;
}


#footer p {
	width: 760px;
	display: block;
	text-align: left;
	font-size:90%;
	margin: 0 auto;
}

#footer .copyright {
	padding: 0;
	margin-top: 0px;
	color: rgb(196,189,179);
}

#footer .footernav { 
	display: block;
	color: rgb(196,189,179);
	padding-top: 0px;
}

#footer .footernav a {
	color: rgb(196,189,179);
	text-decoration: none;
	border: none;
}

#footer .footernav a:hover {
	text-decoration: none;
	color: rgb(196,189,179);
	border-bottom: 1px solid rgb(196,189,179);
}


/******************************* Styles for Schedules *******************************/



.style2 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.style3 {
	text-decoration: underline;
}
.style4 {
	font-size: 90%;
}

.style5 {
	text-align: left;
}

.style6 {
	margin-left: 50px;
}