body, html { height: 100%; }
	
body {
	padding: 0;
	margin: 0;
	background: #e3dfdc;
	font: 12px arial;
}

a {
	text-decoration: none;
	color: #36c;
}

a:hover { text-decoration: underline; }
p, h1, h2, h3, h4 { margin: 0; padding: 0; }

#wrapper {
	position: relative;
	width: 770px;
	padding: 0 25px 0 25px;
	min-height: 100%;
	margin: 0 auto;
	background: url(img/wrapper.png) repeat-y;
}

#header {
	position: relative;
	height: 257px;
	margin: 0;
	padding: 5px 0 0 0;
	background: url(img/header2.jpg) no-repeat 0 5px;
	color: #fff;
}

#header h1 {
	text-indent: -1000px;
	font: bold 35px trebuchet ms;
	letter-spacing: -1px;
	margin: 0;
	padding: 10px 0 0 10px;
}

#header p {
	text-indent: -1000px;
	font: 14px arial, trebuchet ms;
	margin: 5px 0 0 10px;
}

ul#nav {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
}

#nav a {
	display: block;
	height: 15px;
	padding: 5px 15px;

	font-weight: bold;
	color: #fff;
	background: #fdca4e url(img/toolbar.png) repeat-x left top;
	border: 1px solid #e5a711;
	border-left: none;
}

#nav li.first a {
	border-left: 1px solid #e5a711;
}

#nav a:hover {
	background: #81afe7 url(img/toolbar-hilite.png) repeat-x top left;
	color: #fff;
	text-decoration: none;
	border-color: #739dcf;
}

#homePage li#tabHome a,
#aboutPage li#tabAbout a,
#servicesPage li#tabServices a,
#policiesPage li#tabPolicies a,
#contactPage li#tabContact a,
#linksPage li#tabLinks a,
#whatIsPage li#tabWhatIs a
{
	background: #fff url(img/toolbar-select.png) repeat-x top left;
	xborder-bottom: 1px solid #fff;
	border-bottom: 1px solid #eed79e;
}

#homePage #tabHome a, #homePage li#tabHome a:hover,
#aboutPage #tabAbout a, #aboutPage li#tabAbout a:hover,
#servicesPage #tabServices a, #servicesPage li#tabServices a:hover,
#policiesPage #tabPolicies a, #policiesPage li#tabPolicies a:hover,
#contactPage #tabContact a, #contactPage li#tabContact a:hover,
#linksPage #tabLinks a, #linksPage li#tabLinks a:hover,
#whatIsPage #tabWhatIs a, #whatIsPage li#tabWhatIs a:hover
{
	color: #a57500;
	border-color: #e5a711;
	border-bottom-color: #eed79e;
}

#content {
	margin: 10px 0 0 0;
	padding: 10px 10px 50px 10px;
}

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

.sideCol {
	float: right;
	width: 45%;
	padding: 10px;
	background: #f8f8f8;
	border: 1px solid #f0f0f0;
}

h2 {
	padding: 0;
	margin: 0 0 12px 0;
	font: bold 24px arial, helvetica, sans-serif;
	letter-spacing: -1px;
	color: #A3BDEF;
}

h3 {
	padding: 0;
	margin: 0 0 12px 0;
	font: bold 15px arial, helvetica, sans-serif;
	color: #777;
}

h4 {
	padding: 0;
	margin: 0 0 12px 0;
	font: bold 12px arial, helvetica, sans-serif;
}

p {
	padding: 0;
	margin: 12px 0;
	font: 12px arial;
}

blockquote {
	margin: 0;
	padding: 0 0 0 30px;
	background: url(img/quote.png) no-repeat top left;
}

#footer {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	
	text-align: center;
	font-size: 10px;
	color: #886207;
}

#footer span {
	padding: 0 20px;
}


/* General Stuff */
.clear {
	clear: both;
}

.img-shadow2 {
	background: url(img/shadowAlpha.png) no-repeat bottom right !important;
	background: url(img/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	padding: 0;
	position: relative;
}

.img-shadow2 img {
	position: relative;
	margin: -6px 6px 6px -6px;
	vertical-align: bottom;
}