/* CSS Document */


div#outer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
		
}
div#header {
	height: 2px;
	width: 800px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

body {
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin-top: 25px;
}

h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #631b1b;
	margin-top: 0px;
	text-indent: 6pt;
	
}

h2{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #631b1b;
	margin-top: 0px;
	text-indent: 6pt;
}

H5{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #631b1b;
	margin-top: 2px;
}

H6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6a6a6a;
	margin-top: -8px;
	font-weight: normal;
}


fieldset { padding:10px; }

img { border: 0px; }


div#body-top {
	width: 850px;
	height: 120px;
	color: #FFFFFF;
	background: url(../images/HeaderTop.gif) no-repeat;

}
div#body-middle {
	width: 850px;
	padding: 0px 0;
	color: #000000;
	text-align: left;
	background: url(../images/BodyMiddle.gif) repeat-y;
	margin-bottom: 0px;
	
}
div#body-bottom {
	width: 850px;
	height: 12px;
	background: url(../images/BodyBottom.gif) no-repeat;
	overflow: hidden;
}


/* @group Nav */
navcontainer
{
margin: 0px;
padding: 0px 0px 0px 0px;
}

#navcontainer UL{padding: 0}


/*css for the main horizontal links at the top of the page */
.chromestyle{
margin: 0px;
width: 670px;
font-weight: bold;
position: absolute;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


.chromestyle ul{
	width: 670px;
	padding: 2px 0;
	margin: 0px 0 0px 8px;
	text-align: left;
	border: none;
}

.chromestyle ul li{
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

.chromestyle ul li a{
	display: block;
	width: auto;
	border-top: 1px solid #631b1b;
	border-right: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 7px 2px;
	margin: 0px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/NavUP.gif) repeat-x; color: #FFFFFF;  
}

.chromestyle ul li a:hover{
color: #FFFFFF;
background: url(../images/NavOver.gif) repeat-x; 
background-position: 0% 0%; 
}



/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	display: block;
	font:normal 12px Verdana;
	line-height:12px;
	z-index:100;
	width: 200px;
	visibility: hidden;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	text-align: left;
	color: #FFFFFF;
}


.dropmenudiv a{
	width: 99%;
	display: block;
	text-indent: 5px;
	padding: 6px 0 7px;
	text-decoration: none;
	font-weight: bold;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	color: #FFFFFF;
	background: url(../images/NavUP.gif) repeat-x; color: #FFFFFF; 
	background-position: 0% 0%;
}

.dropmenudiv a:link{ color: #FFFFFF; }

.dropmenudiv a:hover{
	background: url(../images/NavOver.gif) repeat-x; 
	color: #FFFFFF; 
}


/* @end */

/* @group Search */
label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #631b1b;
	font-weight: bold;
	display: inline;
	}
div#navigation{
	height:32px;
	margin-right: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
}	
div#SearchEle{
	display: block;
	float: left;
	position:relative;
	top: 0px;
	left: 655px;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	width: 183px;
	height: 24px;
	background-color: #FFFFFF;
	background-image: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #631b1b;
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #631b1b;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #631b1b;
	
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 16px;
	
	}
	
input.btn{
		height: 23px;
		width: 26px;
		color:#fff;
		background-color:#631b1b;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
	}
/* @end */

div#main-col {
	width: 504px;
	float: right;
	margin-right: 115px;
	display: inline;
	margin-top: -2px;
}

div#content-top {
	width: 638px;
	height: 8px;
	background: url(../images/content-top.gif) no-repeat;
	
}
div#content-wrapper {
	width: 605px;
	border-right: 2px solid #631b1b;
	border-left: 2px solid #631b1b;
}

div#content-wrapper img {margin: 3px; padding-left: 4px;}
div#content {
	height: 400px;
	background-color: #FFFFFF;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 0px 0 0px;
}

div#content p{font-size: 13px; margin-left: 8px}

div#content div {
	padding: 5px 8px;
	
}
div#content-bottom {
	width: 623px;
	height: 40px;
	background: url(../images/content-bottom.gif) no-repeat;
	overflow: hidden;
	text-align: center;
}

div#content-bottom a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #631b1b;
	text-decoration: none;
	font-weight:bolder;
	margin-top: -8px;
	font-weight: normal;
	}
	
div#content-bottom a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b8b8b8;
	text-decoration: underline;
	font-weight:bolder;
	margin-top: -8px;
	font-weight: normal;
}

div#side-col {
	width: 221px;
	float: left;
	margin-left: 8px;
	display: inline;
}
div.side-box-top {
	width: 221px;
	margin-top: -2px;	
	height: 0px;
	overflow: hidden;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #631b1b;
	border-right-color: #631b1b;
	border-bottom-color: #631b1b;
	border-left-color: #631b1b;
}
div.side-box-spacer-top{height: 294px;}

div.side-box-middle {
	width: 221px;
	height: auto;
	background-color: #631b1b;
	color: #FFFFFF;
	padding: 1px 0;
	text-align: center;
	background-image: url(../images/HomerBrownPic.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

div.side-box-middle a:link {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

div.side-box-middle a:hover{
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}

div.side-box-middle a:visited {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

div.side-box-bottom {
	width: 221px;
	height: 8px;
	background-color: #FFFFFF;
	background: url(../images/side-box-bottom.gif) no-repeat;
	overflow: hidden;
	margin-bottom: -2px;
}
div.side-box-spacer-bottom{height: 20px; background-color: #631b1b}
/* @group Links - link visited hover active */

div#content a:link, div#content a:visited {
	color: #631b1b;
	text-decoration: none;
}
div#content a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Misc */
.clear {
	clear: both;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}



/* Hides from IE-mac \*/
 html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */

/** for future reference Dreamweaver CS3 has a bug with file size */ 
/** file size change - error with CS3 when file size is 8kb or multiples */