* {margin:0px; padding:0px;}
html, body {
    height: 100%;
}

body {
	font: 13px/1.3 verdana, arial, helvetica, sans-serif;
	color: #1e1e1e;
	text-align: left;
	background-color: #2c2126;
	background-image: url(images/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

a:link    {
	color:#999999;
	font-weight:normal;
	text-decoration: none;
}
a:visited {
	color:#999999;
	font-weight:normal;
	text-decoration: none;
}
a:hover   {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration: none;
}
a:active  {
	color:#999999;
	font-weight:normal;
	text-decoration: none;
}

a.navi {font: 12px/1.2 verdana, arial, helvetica, sans-serif; }
a.navi:link {color:#ffffff; font-weight:normal; text-decoration: none;}
a.navi:visited {color:#ffffff; font-weight:normal; text-decoration: none;}
a.navi:hover {color:#bf7f48; font-weight:normal; text-decoration: none;}
a.navi:active {color:#ffffff; font-weight:normal; text-decoration: none;}

#content a:link     {color:#59131E;font-weight:normal;text-decoration: none;}
#content a:visited  {color:#59131E;font-weight:normal;text-decoration: none;}
#content a:hover    {color:#59131E;font-weight:normal;text-decoration: underline;}
#content a:active   {color:#000000;font-weight:normal;text-decoration: none;}

#contact a:link     {color:#59131E;font-weight:bold;text-decoration: none;}
#contact a:visited  {color:#59131E;font-weight:bold;text-decoration: none;}
#contact a:hover    {color:#59131E;font-weight:bold;text-decoration: underline;}
#contact a:active   {color:#59131E;font-weight:bold;text-decoration: none;}

#hcenter {
	/* horizontally centers the wrapper. This is done by having the margins (top and left) 
       negative of half the size of the field we want to center). Position must be absolute 
       and top and left settings are at 50%. Works in IE5.5+, Opera 7+, Mozilla, Netscape 7+.
    */
    height: 100%;
	margin-left: -432px;
	position: absolute;
	left:50%;
	width: 864px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header {
	margin: 0px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#navigation {
	height:21px;
	text-align:center;
	font:bold 12px verdana, arial, helvetica, serif;
	line-height:15px;
	background-color: #000000;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#wrapper {
	background-image: url(images/wrapper.jpg);
	background-repeat: repeat-y;
	background-position: center 223px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	margin-top: 185px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #c2ad81;
	border-right-color: #000000;
	border-left-color: #000000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#content {
	padding-top: 25px;
	padding-right: 37px;
	padding-bottom: 0px;
	padding-left: 37px;
	min-height:405px;
	background-image: url(images/content_bg.jpg);
	background-color: #958166;
	background-repeat: no-repeat;
	background-position: center top;
}

#contact {
	text-align:right;
	color: #000000;
	float: right;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 10px;
	font-weight: bold;
}
#footer {
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 55px;
	padding-top: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
	text-align: right;
	padding-right: 155px;
	padding-left: 0px;
	line-height: 14px;
}


.copyright {
	color:#FFFFFF;
	text-align:center;
	text-align:left;
	margin-left: 18px;
	font-family: verdana, arial, helvetica;
	font-size: 9px;
	width: 300px;
	float: left;
	margin-top: 5px;
}
.floatright {
	float: right;
	margin-left: 10px;
	margin-top: 6px;
}



b {font-weight: bold;}
p {
	margin: 0px;
	padding-bottom: 13px;
}
#content h1 {
	font: 18px verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	margin-top: 7px;
	margin-bottom:10px;
	letter-spacing:1px;
}
#content h2 {
	font: 13px verdana, arial, helvetica, sans-serif;
	color: #2C2127;
	font-weight: bold;
	margin-top:5px;
	margin-bottom:10px;
}
#content h3 {
	font: 18px verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom:10px;
	letter-spacing:1px;
}
#content h4 {
	font: 14px verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom:10px;
	letter-spacing:1px;
}

p.indent {
	padding-left:36px;
	margin-bottom: 20px;
}

#img_right, img.right {
	float:right;
	margin-left:20px;
	margin-bottom:15px;
	margin-top:5px;
	margin-right:0px;
	clear:right;
	color:#555555;
	text-align:right;
	font:9px verdana;
}

#img_left, img.left {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	margin-top:5px;
	clear:left;
	color:#555555;
	text-align:left;
	font:10px verdana;
}

#img_right img, #img_left img, img.left, img.right, img.borderonly {
	border: 1px solid #000000;
}
#content ul #img_left {margin-right:40px; margin-left:-20px;}
img.borderonly {margin:10px;}

img.pagetitle {
    clear:both;
    margin-top:5px;
    margin-bottom:25px;
}

img.navspacer {
	padding-left: 6px;
	padding-right:6px;
	padding-bottom:2px;
}

#content ul {
	list-style: url(images/bullet.gif) disc outside;
	margin-left:40px;
	margin-bottom:0px;
	padding-bottom:13px;
}
#content ul li {padding-bottom:5px;}
#content ul ul {
	padding-top: 5px;
}
#content  ul  ul  li {
	list-style-type: circle;
	list-style-image: none;
}

#content table {margin-bottom:10px;}
#content table tr td {vertical-align:top; padding-left:20px;}
#content ul img.left {margin-right:40px; margin-left:-20px;}

#content ol {
	margin-left:40px;
	margin-bottom:0px;
	padding-bottom:13px;
}
#content ol li {padding-bottom:5px;}
#resources {
	float: right;
	width: 230px;
	text-align: right;
	background-color: #CDB68D;
	border: 1px solid #2C2126;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}
#resources   li {
	list-style-type: none;
	list-style-image: none;
}

div.hr {
    background: transparent url(images/hr.gif) no-repeat center center;
    height:15px;
    border:0px;
    color:transparent;
    margin:15px 0px 15px 0px;
}


#quoteleft {
    float:left;
    width:200px;
    padding-right: 10px;
    text-align: right;
    border-right: 2px solid #65564a;
    color: #5a4b3f;
    font: italic 14px verdana;
    margin-top: 7px;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#quoteright {
    float: right;
    width: 200px;
    padding-left: 10px;
    text-align: left;
    border-left: 2px solid #65564a;
    color: #5a4b3f;
    font:italic 14px verdana;
    margin-top: 7px;
    margin-left: 15px;
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#flash {
	float:right;
	margin-left:20px;
	margin-bottom:15px;
	margin-top:5px;
	margin-right:0px;
	clear:right;
}
