/* CSS Document */

body {
	background: #989898 url(images/bg.gif) center 9px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #515151;
}
a, a:visited, a:active {
	outline: none;
	color: #500000;
}
a:hover, a:focus {
	outline: none;
	color: #500000;
	text-decoration: none;
}
#outer{
	width: 100%;
	background: url(images/bg2.gif) top center repeat-x;
	float: left;
	min-height: 700px;
}
#container {
	width: 808px;
	position: relative;
	margin-left:auto;
	margin-right: auto;
	height: 0px;
}
#container2 {
	width: 808px;
	float: left;
}


/**************************************** HEADER ****************************************/
#header {
	width: 808px;
	height: 117px;
	float: left;
}
#logo {
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	height: 82px;
	width: 430px;
	float: left;
	margin: 15px 0 0 48px;
}
#logo h1 {
	height: 82px;
	width: 430px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
#logo h1 a {
	display: block;
	width: 430px;
	height: 82px;
}
#logo span {
	display:none;
} 	
#navigation {
	height: 27px;
	width: 795px;
	padding: 0 0 0 13px;
	float: left;
	background: url(images/nav_left_bg.png) top left no-repeat;
}
#navWrap {
	height: 27px;
	background: url(images/navWrap_bg.png) bottom left repeat-x;
	float: left;
	width: 789px;
}
#navLeft {
	height: 27px;
	float: left;
}
#mb{
	height: 27px;
	width: 91px;
	float: left;
	background: url(images/mb.png) top right no-repeat;
}
#navRight {
	height: 27px;
	width: 6px;
	float: right;
	background: url(images/nav_rt_bg.png) bottom right no-repeat;
}

/**************************************** Front Content ****************************************/

#content {
	float: left;
	width: 800px;
	background: url(images/shadow.png) top left repeat-y;
	padding: 0 4px;
}
#feature {
	width: 800px;
	height: 235px;
	float: left;
	background-color: #500000;
}
#left {
	float: left;
	width: 524px;
	padding: 30px;
	min-height: 240px;
	background-color: #ffffff;
}
#right {
	float: right;
	width: 216px;
	background-color: #500000;
}
h2.frontTitle {
	font-size: 24px;
	color: #500000;
	padding: 0;
	margin: 0;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.frontDesc {
	line-height: 1.3;
	text-align: justify;
	padding: 10px 0 0 0;
}
.frontDesc p {
	padding: 0;
	margin: 0 0 10px 0;
}
h2.frontTitle2 {
	width: 166px;
	height: 34px;
	background: url(images/h2_bg.gif) no-repeat;
	line-height: 34px;
	font-size: 20px;
	color: #b9b9b9;
	padding: 0 0 0 50px;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
.frontDesc2 {
	padding: 20px;
	line-height: 1.3;
	color: #ffffff;
	font-size: 10px;
}
.frontDesc2 ul {
	padding: 0;
	margin: 0 0 0 15px;
}
.frontDesc2 hr {
	color: #672929;
}


/**************************************** Article Content ****************************************/
#artContent {
	float: left;
	width: 800px;
	background: url(images/shadow2.png) top left repeat-y;
	padding: 0 4px;
}
#artBody {
	float: left;
	width: 740px;
	padding: 0 30px 30px 30px;
	min-height: 240px;
	background-color: #ffffff;
}
#breadcrumbs {
	float: right;
	width: 740px;
	line-height: 30px;
	padding: 0;
	text-align: right;
	text-transform: lowercase;
	font-size: 10px;
	color: #b5b4a4;
}
#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active{
	text-decoration: none;
	color: #b5b4a4;
}
#breadcrumbs a:hover, #breadcrumbs a:focus{
	text-decoration: none;
	color: #500000;
}
h1.artTitle {
	font-size: 24px;
	color: #500000;
	padding: 0;
	margin: 0;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.artDesc {
	padding: 10px 0 0 0;
	line-height: 1.4;
	text-align: justify;
}
.artDesc p {
	padding: 0;
	margin: 0 0 10px 0;
}
.summaryPageTitle {
	margin: 0;
}
.summaryPageDescription {
	margin: 0 0 15px;
}

/**************************************** Footer ****************************************/

#bottom {
	float: left;
	width: 800px;
	background: #a0a0a0 url(images/bot_bg.gif) bottom repeat-x;
	height: 14px;
}
#botshadow {
	width: 808px;
	height: 11px;
	float: left;
	background: url(images/botshadow.png) top left no-repeat;
}
#clear{
	clear: both;
}    
#footer {
	float: left;
	width: 800px;
	min-height: 43px;
	padding: 0 4px;
	font-size: 10px;
	color: #d3d3d3;
	text-align: left;
	text-align: center;
	line-height: 1.5;
}
#footer a, #footer a:visited, #footer a:active{
	text-decoration: underline;
	color: #d3d3d3;
}
#footer a:hover, #footer a:focus{
	text-decoration: none;
	color: #500000;
}