@charset "utf-8";
/* CSS Document 
#e2ca9c		tan			border		
#4f7bbd		lt blue		headings
#394c86		md blue		
#22338c		dk blue		headings
#f8f2e6		cream		background	
#c17559		terracotta	menu


*/

body {
	background-color: #ffffff;
	background-image: url(../images/gradient-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
}

li {
	padding-bottom: 10px;
}

#container {
	width: 767px;
	height: auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image: url(../images/bg-header.jpg);
	background-repeat: repeat-y;
}

#subcontainer {
	width: 767px;
	height: auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

}

#topheader {
	width: 767px;
	height: 126px;
	background-image: url(../images/bg-header.jpg);
	background-repeat: repeat-y;
}

#topheader h3 {
	color: #4f7bbd;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#bottomheader {
	width: 767px;
	height: 242px;
	background-color: #e2ca9c;


}

subbottomheader {
	width: 767px;
	height: 242px;
	background-color: #e2ca9c;

}

#menuleft {
	float: left;
	background-color: #e2ca9c;
}

#menu {
	width: 170px;
	height: 239px;
	float: left;
	background-color: #e2ca9c;
}

#menuright {
	float: left;
	background-color: #e2ca9c;
}

#slideshow {
	float: left;
	width: 580px;
	height: 239px;
	background-color: #e2ca9c; 
}

#photoright {
	float: left;
}

#subphoto {
	float: left;
	width: 583px;
	height: 212px;
	
}

#submenu {

	height: auto;
	margin-bottom: 10px;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #e2ca9c;

}

#submenu a {
	color: #e2ca9c;
	text-decoration: none;
	padding: 0px 8px 0px 8px;
}

#submenu a:hover {
	color: #c17559;
	text-decoration: none;

}

#maincontent {
	width: 767px;
	margin-top: 15px;
	background-image: url(../images/content-bg.jpg);
	height: auto;
	font-size: 95%;
}

#maincontent h2{
	font-size: 120%;
	color: #4f7bbd;
	text-align: center;
}

#maincontent p{
	font-size: 95%;
	text-align: justify;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;	
}

#maincontent a {
	color: #4f7bbd;
}

#textboxtop {
	width: 767px;
	text-align: center;
	padding: 0px 10px 0px 10px;
	font-size: 100%;
	font-weight: bolder;
	color: #4f7bbd;
}

#textboxleft {
	width: 182px;
	float: left;
	padding: 0px 15px 15px 15px;
}

#textboxcenter {
	width: 313px;
	float: left;
	padding: 0px 15px 15px 15px;
	text-align: center;
}

#textboxright {
	width: 182px;
	float: left;
	padding: 0px 15px 15px 15px;
}

#below {
	font-size: 85%;
	text-align: left;
	width: 740px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

#subcontent {
	clear: both;
	width: 767px;
	height: auto;
	background-image: url(../images/sub-content-bg.jpg);
	background-position: left;
	background-repeat: repeat-y;
	text-align: left;
}

#subsidebar {
	float: left;
	width: 158px;
	height: auto;
	padding: 25px 10px 10px 15px;

}

#subsidebar h2 {
	font-size: 120%;
	color: #4f7bbd;
	text-align: left;
	margin-bottom: 10px;
}

#subsidebar p {
	text-align: left;
	font-size: 90%;
	margin-top: 5px;
	margin-bottom: 8px;

}

#subsidebar a {
	color: #4f7bbd;
}

#subtext {
	float: left;
	width: 544px;
	height: auto;
	text-align: justify;
	padding: 25px 20px 15px 20px;
}

#subtext h2 {
	font-size: 150%;
	font-weight: 500;
	color: #22338c;
	margin-bottom: 10px;	
}

#subtext h3 {
	font-size: 140%;
	font-weight: bolder;
	color: #22338c;
	margin-bottom: 7px;	
}

#subtext p {
	margin-top: 5px;
}

#footer {
	text-align: left;
}

#subfooter {
	text-align: left;
	clear: both;
}

#below a {
	color: #e2ca9c;
	text-decoration: none;
}

#below a:hover {
	color: #c17559;
	font-weight: normal;
}