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

body {
background-color: #f1d474;
background-image: url(../images/main_bg.jpg);
background-repeat: repeat-x;
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:940px;
margin:0 auto 0 auto;
}

/*Holds everything for the website*/
#Container {
position:relative;
float:left;
width: 940px;
}

/*Main Header Div - holds all header stuff - usually has the masthead image as the background*/
#Header {
position:relative;
float:left;
width: 940px;
height:295px;
background-color:#CCCCCC;
background-image:url(../images/masthead.jpg);
background-repeat:no-repeat;
}

/*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:280px;
height:250px;
margin:20px 0 0 0px;
text-decoration:none;
}

/*Used if there is a headline included in the header*/
#Header #Headline {
position:relative;
float:left;
width:260px;
height:70px;
margin:40px 0 0 55px;
color:#FFFFFF;
font-size:17px;
font-weight:bold;
}

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

/* --- Container for any navigation or extra content on the left side --- */
#LeftNav {
position:relative;
float:left;
width:175px;
}

#TopNav a.current_sel{
	color:#FFFfff;
}

#Greenbox {
position:relative;
float:left;
width:155px;
/*background-color:#305112;
#background-color:#2e4304;*/
background-image:url(../images/greenbox_background.png);
background-repeat:repeat;
margin:0;
padding:0 10px 0 10px;
}

#Greenbox h2 {
margin:0;
padding:0;
color:#ffe8a0;
/*font-family:"Times New Roman", Times, serif;*/
font-size:17px;
display:block;
}

.side_links, .side_links li{
display:block;
margin:0px !important;
padding:0px !important;
	
}
.side_links li a{
color:#ffe8a0 !important;
/*font-family:"Times New Roman", Times, serif !important;*/
font-size:17px !important;
}

.side_links li a:hover{
color:#FFFFFF !important;
}
#Greenbox ul li a.nav_selected{
	color:#f8ba61 !important;
}

#Greenbox a h2.nav_selected {
color:#FFFFFF !important;
}

#Greenbox a{
	text-decoration:none;
}
#Greenbox a h2:hover {
color:#FFFFFF;
}

#Greenbox ul {
list-style:none;
margin:0 0 0 10px;
padding:0;
}

#Greenbox ul li {
margin:0;
padding:0;
}

#Greenbox ul li a {
display:block;
color:#FFFFFF;
text-decoration:none;
font-size:12px;
font-weight:bold;
margin:5px 0 0 0;
}

#Greenbox ul li a:hover {
color:#f8ba61;
}


#LeftLogos {
position:relative;
float:left;
width:150px;
}

#LeftLogos img {
margin:5px 0 5px 30px;
border:none;
}

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

#Tanbox {
position:relative;
float:left;
width:224px;
background-color:#ffe8a0;
border-left:#374f1f 1px solid;
border-right:#374f1f 1px solid;
margin:0;
padding:0 10px 0 10px;
}

#Tanbox h2 {
margin:0;
padding:0;
color:#315212;
/*font-family:"Times New Roman", Times, serif;*/
font-size:18px;
display:block;
}

#Tanbox hr {
position:relative;
float:left;
color:#315212;
width:224px;
margin:3px 0 3px 0;
padding:0;
}

#Accomplish {
margin:5px 0 10px 15px;
padding:0;
color:#383838;
font-weight:bold;
font-size:12px;
}

#NewsListing {
list-style:none;
margin:0 0 10px 10px;
padding:0;
}

#NewsListing li {
margin:5px 0 0 0;
padding:0;
font-size:12px;
color:#383838;
}

#NewsListing li a {
color:#f5921d;
text-decoration:none;
font-weight:bold;
}

#NewsListing li a:hover {
color:#f8ba61;
}

#FBbox {
position:relative;
float:left;
width:214px;
padding:0 0 0 0;
margin:5px 5px 5px 5px;
}

#FBbox img {
position:relative;
float:left;
margin:0 5px 0 0;
}

#FBbox p {
position:relative;
float:left;
font-size:12px;
color:#383838;
width:144px;
margin:0;
}

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

/* --- Container for footer stuff --- */
#Footer {
background-image:url(../images/content_bottom.jpg);
background-repeat:no-repeat;
position:relative;
float:left;
width:940px;
text-align:center;
padding:40px 0 20px 0;
font-size:12px;
}

/* --- General text styles --- */
h1 {
color:#315212;
font-size:22px;
/*font-family:"Times New Roman", Times, serif;*/
font-style:italic;
}

h2 {
color:#f5921d;
font-size:18px;
}

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

a {
color:#f5921d;
}

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

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

#TopNav li a {
padding:0px 15px 0px 15px;
margin:0;
font-size: 13px;
color: #555453;
text-decoration:none;
font-weight:bold;
}

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

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

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

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

#CompanyInfo {
display:block;
clear:both;
font-weight:bold;
}

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

#bkr_footer a {
color:#374f1f;
}

/* --- Purple Button Styles --- */
a.Purple_btn {
position:relative;
float:left;
width:200px;
height:32px;
border:#402a61 1px solid;
background-color:#51356c;
background-image:url(../images/purple_btn_grad.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
text-decoration:none;
padding:6px 0 5px 0;
margin:5px;
font-size:12px;
text-align:center;
}

a.Purple_btn:hover {
background-image:url(../images/purple_btn_grad_over.jpg);
}

.Purple_btn a{
position:relative;
float:left;
width:200px;
height:32px;
border:#402a61 1px solid;
background-color:#51356c;
background-image:url(../images/purple_btn_grad.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
text-decoration:none;
padding:6px 0 5px 0;
margin:5px;
font-size:12px;
text-align:center;
}

.Purple_btn a:hover {
background-image:url(../images/purple_btn_grad_over.jpg);
}

#Greenbox{
	#margin-top:-5px;	
}

#Tanbox{
	/*#margin-top:-10px;	
	#padding-top:5px;*/
}

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

/* --- Photo Gallery Styles --- */
#thumbContainer {
position:relative;
float:left;
width:100px;
text-align:center;
margin:10px 10px 35px 10px;
}

#thumbContainer strong {
font-size:12px;
display:block;
height:55px;
}

#thumbContainer img {
border:#999999 1px solid;
}