@charset "utf-8";
body {
	background: #4a7299 url(../img/bodyBG.jpg) top center repeat-y;
}
#container {
	width: 950px;
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}
#header {
	padding: 0 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: url(../img/headerBG.jpg) top center no-repeat;
	height: 250px; /*Use this -->height: 200px; if using div#cta*/
}
/* the following rules are used for the div#cta located just below the header
#cta {
	padding: 0; 
	background: #c8ce7b;
	height: 50px;
}
#cta a {
	padding: 0; 
	background: url(../img/cta.jpg);
	display: block;
	height: 50px;
	text-indent: -9009px;
}
#cta a:hover {
	background: url(../img/cta.jpg);
	background-position: 0 -50px;
}*/
#menu {
	padding: 5px 30px 0 30px;
	background: #b0cce7 url(../img/navBG.jpg) top left repeat-x;
	height: 30px;
}
#mainContent {
	padding: 15px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: url(../img/contentBG.jpg) left top repeat-x;
}

#mainContent p,li {
	font-size:15px;
}

#mainContent ul {
	margin-left:50px;
}

/*#mainContent li {
	margin-bottom:18px;
}*/

#mainContent h1 {
	color: #4a7299;
}
#mainContent h2,h3 {
	color: #8ca6bf;
}
#footer {
	padding: 5px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: url(../img/footerBG.jpg) top center repeat-y;
	clear: both;
	border-top: solid 5px #687563;
}
#left {
	width: 220px;
	float: left;
	padding-top: 10px;
}
#right {
	width: 600px;
	float: right;
	text-align: right;
	padding-top: 10px;
}
#footer a {
	font-weight: bold;
	text-decoration: none;
	color: #4d5daa;
}
#footer a:hover {
	text-decoration: underline;
	color: #fff;
}