body {
	font: 12px/18px Arial,sans-serif;
	color: #333333;
	padding: 0;
	margin: 0;
	}

/* Typography */

h1,h2,h3,h4,h5,h6 { 
	font-family: Georgia, serif;
	font-weight: bold;
	color: black;
}

a {
	color: #3f72b2;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

a:active {
	outline: none;
	}

a:focus {
	-moz-outline-style: none;
	}
		
/* Wrapper */

#wrapper {
	width: 906px;
	margin: 0 auto;
	padding: 0;
	}

/* Header */

#header {
	width: 900px;
	margin: 15px 3px;
	padding: 0;
	}

#header #logo {
	float: left;
	display: inline;
	width: 318px;
	height: 170px;
	margin: 0;
	padding: 0;
	}

#header #logo a {
	display: block;
	width: 318px;
	height: 170px;
	margin: 0;
	padding: 0;
	background: transparent url("/images/design/header/logo.png") no-repeat top left;
	text-indent: -999em;
	}

/* Menu */

#header #menu {
	float: right;
	display: inline;
	margin: 93px 3px 0 0;
	padding: 0;
	}

#header #menu ul {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#header #menu ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	}

#header #menu ul li a {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 104px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	color: black;
	}

#header #menu ul li a:hover, #header #menu ul li a.cur {
	color: white;
	text-decoration: none;
	}

#header #menu ul li a#home:hover, #header #menu ul li a#home.cur {
	background: #b5121b;
	}

#header #menu ul li a#about:hover, #header #menu ul li a#about.cur {
	background: #ca6c18;
	}

#header #menu ul li a#services:hover, #header #menu ul li a#services.cur {
	background: #719024;
	}

#header #menu ul li a#resources:hover, #header #menu ul li a#resources.cur {
	background: #6c217f;
	}

#header #menu ul li a#contact:hover, #header #menu ul li a#contact.cur {
	background: #cc8a13;
	}

/* Paragraph */

#para {
	float: left;
	display: inline;
	width: 906px;
	height: 200px;
	margin: 5px 0 0 0;
	padding: 0 0 20px 0;
	background: transparent url("/images/design/content/content-top-bg.gif") no-repeat bottom left;
	}

/* Content */

#content {
	float: left;
	display: inline;
	width: 906px;
	margin: 0;
	padding: 20px 0;
	background: transparent url("/images/design/content/content-bg.gif") repeat-y top left;
	}

#main {
	float: left;
	display: inline;
	width: 560px;
	margin: 0 0 0 25px;
	padding: 0;
	}

#main blockquote {
	margin: 0 0 25px 80px;
	width: 400px;
	color: #333333;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 17px;
	line-height: 24px;
	}

#main blockquote ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#main blockquote p {
	margin: 12px 0 0 40px;
	color: #333333;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 17px;
	line-height: 24px;
	}

#main blockquote span {
	padding-left: 30px;
	}

#main h1 {
	font-size: 16px;
	color: <?php echo $heading_color; ?>;
	}

#main h2 {
	font-size: 14px;
	font-style: italic;
	}

/* Side */

#side {
	float: right;
	display: inline;
	width: 268px;
	margin: 0 25px 0 0;
	padding: 0;
	background: transparent url("/images/design/side/side-y.gif") repeat-y top left;
	}

#sideTop {
	float: left;
	display: inline;
	width: 268px;
	height: 7px;
	margin: 0;
	padding: 0;
	background: transparent url("/images/design/side/side-top.gif") no-repeat top left;
	}

#sideBottom {
	float: left;
	display: inline;
	width: 268px;
	height: 7px;
	margin: 0;
	padding: 0;
	background: transparent url("/images/design/side/side-bottom.gif") no-repeat top left;
	}

#side h1 {
	float: left;
	display: inline;
	width: 228px;
	font: bold 12px/18px Arial,sans-serif;
	text-transform: uppercase;
	color: <?php echo $heading_color; ?>;
	margin: 20px 20px 10px 20px;
	}

#side h2 {
	float: left;
	display: inline;
	width: 228px;
	font: 12px/18px Arial,sans-serif;
	font-weight: normal;
	font-style: italic;
	color: black;
	margin: 0 20px;
	}

#side h3 {
	float: left;
	display: inline;
	width: 228px;
	font: bold 12px/18px Arial,sans-serif;
	color: black;
	margin: 0 20px 20px 20px;
	}

#side p {
	float: left;
	display: inline;
	width: 228px;
	margin: 0 20px 10px 20px;
	}

#side ul {
	margin: 0 20px 20px 0;
	padding-left: 35px;
	width: 208px; /*haslayout test*/
	}

#side ul.sideNav {
	margin: 0;
	padding: 0 0 20px 0;
	background: #f5e3c6;
	list-style-type: none;
	width: 268px;
	}

#side ul.sideNav li a {
	display: block;
	background: #dce4c8;
	color: black;
	padding: 4px 10px;
	}

#side ul.sideNav li a:hover, #side ul.sideNav li a.current {
	background: #718f23;
	color: white;
	text-decoration: none;
	}

/* Footer */

#footer {
	float: left;
	display: inline;
	width: 906px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: transparent url("/images/design/footer/footer-bg.gif") repeat-y top left;
	}

#footer p {
	float: left;
	width: 906px;
	height: 30px;
    line-height: 30px;
	margin: 0;
	padding: 0;
    text-align: center;
    color: white;
	}

#footer p a {
    color: white;
	}