/* --- General Styles --- */
html { min-height: 100%; margin-bottom: 1px; overflow-y:scroll; }  /* Firefox / IE8 scroll-fix*/

body {
background-color: #ede1ad;
margin:0px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
color:#55493b;
}

/* --- Layout Styles --- */

/*Container div to center everything in the center of the browser*/
#CenteringContainer {
width:900px;
margin:0 auto 0 auto;
padding:0;
}

/*Holds everything for the website*/
#Container {
position:relative;
float:left;
width: 898px;
border:#6e622f 1px solid;
margin:0;
padding:0;
}

/*Main Header Div - holds all header stuff - usually has the masthead image as the background*/
#Header {
position:relative;
float:left;
width: 898px;
height:107px;
background-color:#FFFFFF;
background-image:url(../images/masthead.jpg);
background-repeat:no-repeat;
border-bottom:#235123 3px solid;
}

/*Usually covers header logo and contains a link back to the homepage (Div should have a transparent image)*/
#Header #HomeLink {
position:relative;
float:left;
width:898px;
height:107px;
margin:0px;
padding:0;
text-decoration:none;
}

#Header #HomeLink img {
border:none;
}

/* --- Container holds any side navs and content --- */
#Middle {
position:relative;
float:left;
width:898px;
background-color:#235123;
background-image:url(../images/content_bg.jpg);
background-repeat:repeat-y;
}

/* --- Container for any navigation or extra content on the left side --- */
#LeftNav {
position:relative;
float:left;
width:181px;
padding:0 0 10px 0;
/*background-color:#235123;*/
}

#LeftNav ul {
list-style:none;
margin:0 0 0 0;
padding:0 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#LeftNav ul li {
}

#LeftNav ul li a {
text-decoration:none;
color:#edd366;
font-size:14px;
padding:5px 0 5px 5px;
margin:0;
display:block;
}

#LeftNav ul li a:hover {
background-color:#b1a781;
color:#FFFFFF;
}

#LeftNav ul li ul li a {
padding:5px 0 5px 13px;
font-size:12px;
}

#LeftNav ul li a.nav_selected {
background-color:#b1a781;
color:#FFFFFF;
}

#LeftNav .submenu li a.nav_selected, #LeftNav .submenu li a:hover {
	background-image:url(../images/bullet-white.png);
	background-repeat:no-repeat;
	background-position:top left;
	/*margin-left:3px;
	margin-right:3px;*/
}

#LeftNav .submenu li a{
	padding-left:23px;
}

#TopNav ul li a.current_sel{
color:#b1a781;
}


.side_links, .side_links li{
display:block;
margin:0px !important;
padding:0px !important;
	
}
.side_links li a{
color:#ffe8a0 !important;
font-size:17px !important;
}

.side_links li a:hover{
color:#FFFFFF !important;
}

.sidebar ul {
list-style:none;
}

#RightNav {
position:relative;
float:left;
width:246px;
margin:0;
padding:0;
}

/* --- Container that holds the main content --- */
#Content {
position:relative;
float:left;
width: 697px;
padding:0 10px 0px 10px;
background-color:#FFFFFF;
margin:0;
}

/* --- for homepage --- */
#Content.narrowcontent {
width:440px;
}

#RightContent {
position:relative;
float:left;
width:237px;
margin:20px 10px 10px 10px;
}

#RightContent #ImageCaption {
position:relative;
float:left;
width:237px;
text-align:center;
font-size:14px;
font-weight:bold;
margin:2px 0 10px 0;
}

#Newsbox {
position:relative;
float:left;
width:235px;
border:#235123 1px solid;
margin:10px 0 10px 0;
}

#Newsbox h2 {
display:block;
background-color:#235123;
margin:0;
padding:3px 5px 3px 5px;
color:#edd366;
font-size:18px;
}

#Newsbox div {
padding:0 5px 0 5px;
}

/* --- Container for footer stuff --- */
#Footer {
position:relative;
float:left;
width:898px;
text-align:center;
padding:5px 0 5px 0;
font-size:11px;
color:#235123;
}

/* --- General text styles --- */
h1 {
color:#235123;
font-size:22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
border-bottom:#235123 1px solid;
padding:0 0 5px 0;
}

h2 {
color:#a18f45;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

h3 {
font-size:16px;
font-style:italic;
}

a {
color:#6e622f;
}

/* --- Top Nav Styles - This should be the id for a list (usually goes in the header) --- */
#TopNav {
position:relative;
float:left;
display:block;
padding:0;
margin:0;
list-style:none;
z-index:1000;
overflow:visible;
background-color:#235123;
width:898px;
}

#TopNav ul {
position:relative;
float:right;
padding:0;
margin:5px 0 5px 0;
}

#TopNav li {
position:relative;
float:left;
display:block;
padding:0;
margin:0;
}

#TopNav li a {
padding:0px 15px 0px 15px;
margin:0;
font-size: 14px;
color: #FFFFFF;
text-decoration:none;
}

#TopNav li a:hover {
color: #b1a781;
}

/* --- Footer Styles --- */
#FooterLinks {
display:block;
clear:both;
margin:0 0 10px 0;
}

#FooterLinks a {
color:#235123;
text-decoration:none;
margin:0 7px 0 7px;
}

#FooterLinks a:hover, #FooterLinks a.current_sel{
text-decoration:underline;
}

#CompanyInfo {
display:block;
clear:both;
}

#bkr_footer {
display:block;
clear:both;
}

#bkr_footer a {
color:#374f1f;
text-decoration:none;
}

#bkr_footer a:hover {
text-decoration:underline;
}

.topnav{
	#padding-top:15px;
}

#BottomContent img.bottomlogo {
position:relative;
float:left;
margin:0 70px 10px 40px;
}

#BottomContent {
position:relative;
float:left;
width:898px;
margin:10px 0 0 0;
}

#BottomContent a {
display:block;
text-align:center;
margin:10px 0 0 0;
}

#LeftNav .submenu li{
	background-image:url(../images/bullet-yellow.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#WhyLink {
position:relative;
float:left;
width:213px;
font-size:16px;
text-align:center;
text-decoration:none;
font-weight:bold;
padding:10px 10px 10px 10px;
background-color:#988A41;
margin:0 0 10px 0;
color:#FFFFFF;
border:#235123 2px solid;
}

#Related {
position:relative;
float:left;
width:237px;
list-style:none;
padding:0;
margin:10px 0 10px 0;
}

#Related li a {
font-size:12px;
}

#Related li.heading {
font-size:16px;
font-weight:bold;
}