@charset "UTF-8";
/* CSS Document */


html {
padding: 0px;
margin: 0px;
height: 101%;
}

body {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
line-height: 1.5em;
background-image: url(../images/bg.jpg) repeat-x;
background: #19190d;
margin: 0;
padding: 0;
height: 100%;
}

p {
margin: 0;
padding: 10px 0 10px 0;
}

p {
}

h1 {
text-align: left;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #426212;
padding: 10px 0 10px 0;
}

h2 {
text-align: left;
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #19190d;
}

h3 {
color: #52640c;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #426212;
text-decoration: underline;
}

a {
color: #bf1414;
text-decoration: underline;
}

a:hover {
color: #a1d40b;
}

a:visited {}

blockquote {
font-style: italic;
color: #777;
text-align: justify;
}

img {
display: inline;
padding: 2px 2px 2px 2px;	
overflow: hidden;
border-style: none;
}

img.left {
float: left;
margin: 0 15px 25px 0;
border: #666 1px solid;
}

img.right {
float: right;
margin: 0 auto;
}

.picture { 
background-color: #F9F9F9; 
border: 1px solid #CCCCCC;
padding: 3px; 
font: 11px/1.4em Arial, sans-serif;
overflow: hidden;
} 

.picture img { 
border: 1px solid #CCCCCC; 
vertical-align:middle; 
margin-bottom: 3px; 
} 

.right {
margin: 0.5em 0.5em 0.2em 0.8em;
border: 1px solid #CCCCCC;
float:right;
} 

.left { 
margin: 0 0.8em 0.5em 0;
border: 1px solid #CCCCCC;
float:left;
}

.clear {
clear: both;
}

/***************************       TOP LAYOUT         ************************/

#container {
margin: 0 auto;
width: 941px;
z-index: -1;
}

#top {
background: url(../images/top.jpg) no-repeat top center;
height: 79px;
margin: 0 auto;
}

#header {
background: url(../images/header.jpg) no-repeat center;
height: 310px;
margin: 0 auto;
}

#flash {
position: relative;
top: 2px;
left: 390px;
width: 450px;
height: 300px;
text-align: center;
background: #611611;
background-color: #000000;
}

#banner {
padding: 141px 127px 0 144px;
}


/***************************       NAVIGATION         ************************/


#navbar {
background: url(../images/navbar.jpg) no-repeat;
margin: 0 auto;
width: 750px;
height: 39px;
}

/**************************      CONTENT LAYOUT      **************************/


#content_container {
width: 750px;
margin: 0 0 0 102px;
background: #eeeede;
}

.leftcol {
float: left;
width: 200px;
display: inline;
background-color: #dbebb3;
margin: 10px 0 10px 10px;
padding: 10px 10px 10px 10px;
border-right: dotted #999 1px;
overflow: hidden;
}

.leftcol ul {
}

.leftcol li {
padding: 3px;
}

.rightcol {
float: right;
width: 470px;
background: #eeeede;
margin: auto;
padding: 10px 30px 10px 0;
overflow: hidden;
}

.img_container_right {
float: right;
width: 155px;
height: 220px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333;
}

.img_container_right_landscape {
float: right;
width: 210px;
height: 150px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333;
}

.img_container_left_landscape {
float: left;
width: 220px;
height: 160px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333;
overflow: hidden;
}

#centercol {
width: 710px;
margin: 0 auto;
padding: 10px 10px 10px 10px;
}

#contentbox {
background: #F7F7F7;
border: 1px dotted #ccc;
padding: 5px;
overflow: hidden;
width: 98%;
}

.boxleft {
width: 35%;
float: left;
padding-top: 10px;
}

.boxright {
width: 65%;
float: right;
}

/***************************       SIDEBAR         ************************/

#sidebar {
	clear: both;
	width: 720px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	display: block;
	float: left;
	width: 120px;
	padding: 5px;
}


#sidebar a {
	text-decoration: underline;
	color: #bf1414;
}

#sidebar a:hover {
	color: #426212;
	text-decoration: underline;
}

/***************************       FOOTER         ************************/


#footer {
height: 52px;
background: url(../images/footer.jpg) no-repeat;
clear: both;
text-align: left;
margin: 0px 0px 50px 0px;
}

#legal {
float: left;
padding: 20px 0 10px 50px;
background: url(../images/clover.png) no-repeat left;
}

#links {
float: right;
padding: 20px 50px 0 0;
}