/* ================================
	
CONTENTS
	Initial setup
	Constants
	Header
	Main Nav
	Content
	Footer
   ================================ */ 

/*=====================================================*/
/*   Initial setup
/*=====================================================*/
* {
	margin: 0px;
	padding: 0px;
}
html {
	height: 100%;
}
body {
	background-color: #FFF;
	font-family: "Tahoma", "Verdana", "sans-serif";
	font-size: 0.7em;
	line-height: 1.4em;
	color: #323f4d;
	height: 100%;
}
div#wrap {
	/* This wrap centers the divs */
	width: 955px;
	margin-left:auto;
	margin-right: auto;
}

div#wrapFix {
	clear: both;
	margin: 0em;
	padding: 0em;
}

/*=====================================================*/
/*   Constants
/*=====================================================*/

p {
	margin-top: 1em;
	margin-bottom: 1em;
}
a {
	color: #a88d6d;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
em {
	font-style: normal;
	font-weight: bold;
	color: #39c303;
}
u {
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #c30303;
}
h1 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
h2 {
	font-family: "Tahoma", "Verdana", "sans-serif";
	font-weight: bold;
	font-size: 1.3em;
	color: #513d25;
	margin-top: 1em;
	margin-bottom: 1.5em;
	line-height: 1.4em;
}
h3 {
	font-weight: bold;
	font-size: 1.1em;
}
ol {
	margin-left: 0px;
	margin-right:: 0px;
}
ol.orderedList {
	margin-top: 0em;
	padding-top: 0em;
	margin-left: 2.5em;
	padding-left: 0em;
}

ul {
	margin-top: 0em;
	padding-top: 0em;
	margin-left: 1.4em;
	padding-left: 0em;
}
ul li {
	list-style-image: url(images/bullet.gif);
}
hr {
	height: 5px;
	color: #f6f0e9;
	background-color: #f6f0e9;
	border: none;
	width: inherit;
}
a.bulletLink {
	background-image: url(images/bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 13px;
	font-weight: bold;
}
span.title {
	font-family: "Tahoma", "Verdana", "sans-serif";
	font-weight: bold;
	font-size: 1.21em;
	color: #a88d6d;
}
.floatLeft {
	float: left;
	margin-right: 20px;
}
.floatRight {
	float: right;
	margin-left: 20px;
}


/*=====================================================*/
/*   Header
/*=====================================================*/

div#header {
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 105px;
	text-align: right;
	/* Without this border, the image automatically margins down from the top in Firefox (???) 
	border-top: 1px solid white; */
}


/*=====================================================*/
/*   Main Nav
/*=====================================================*/

div#nav {
	background-image: url(images/nav_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #dfd0c3;
	/* height: 420px; */
	padding-top: 23px;
}
div#nav ol {
	width: 165px;
	float: left;
	text-align: left;
	list-style: none;
	margin-top: 0px;
}
div#nav ol li {
	margin-bottom: 1.2em;
}
div#nav ol li a {
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	padding-left: 20px;
}
div#nav ol li a:hover {
	color: #513d25;
	text-decoration: none;
	border-left: 8px solid #513d25;
	padding-left: 12px;
}

/*=====================================================*/
/*   Content
/*=====================================================*/

div#bannerBox {
	width: 784px;
	float: right;
}
div#bannerBox div#bannerBox_bg {
	background-image: url(images/bannerBox_bg.png);
	background-repeat: repeat-y;
	height: 100%;
	padding-right: 24px;
	padding-left: 24px;
}

div#mainContent {
	background-image: url(images/main_bg.gif);
	background-repeat: repeat-x;
	background-color: #FFF;
	padding-top: 20px;
	padding-bottom: 5em;
}

div#box {
	background-color: #fff;
/*	background-color: #f6f0e9; */
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 1em;
	padding-top: 10px;
	margin-top: 1em;
	margin-bottom: 1.5em;
	margin-right: 20px;
	width: 307px;
}
/*
div#boxLeft {
	width: 315px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
div#boxRight {
	width: 315px;
	float: left;
	margin-left: 40px;
	margin-top: 10px;
	margin-right: 10px;
}
.image {
	float: right;
	margin-bottom: 2em;
	margin-top: 1.5em;
}
*/
div#rightContent {
	float: right;
	background-image: url(images/line_bg.gif);
	background-position: left;
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-bottom: 1em;
	margin-right: 20px;
}
div#leftContent {
	float: left;
	padding-left: 20px;
	padding-bottom: 1em;
}
div#middleContent {
	float: left;
	background-image: url(images/line_bg.gif);
	background-position: left;
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-bottom: 1em;
	margin-left: 20px;
}
img.contentBanner {
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}

input.radio {
	margin-right: 0.3em;
	margin-left: 1.5em;
}

form label p {
	margin-bottom: 0.5em;
}

.error {
	background-color: #FFC4C5;
}
p.alert {
	color: #FF0000;
	font-weight: bold;
}

/*=====================================================*/
/*   Footer
/*=====================================================*/

div#footer {
	clear: both;
	background-image: url(images/footer_grass_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 219px;
	color: #999;
	font-size: 0.8em;
	text-align: right;
}
div#footer p {
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
}
div#footer .dagger {
	float: right;
	margin-top: 5em;
	width: 115px;
	color: #fff;
	font-weight: bold;
}
div#footer .dagger a {
	color: #fff;
}
div#footer a.daggerLogo {
	float: left;
	margin-right: 0em;
	margin-left: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 15px;
}
div#footer a.daggerLogo:hover {
	text-decoration: none;
	background-position: -21px;
}
div#footer .copyright {
	float: right;
	margin-top: 20px;
	margin-right: 0px;
}