/* CSS layout */

body {
	background: url('header.jpg') repeat-y center;
	text-align: center;
	margin: 0px auto;
	margin-left: 50px;
	font: 1em/140% Calibri, Trebuchet, Verdana, Arial;
	padding: 0px;}

img {	border: 0px;}

a {color: #999;	text-decoration: none;}
a:hover {color: #333;}

h1,h2,h3, h4, h5, h6  {
	font-family: Calibri, "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: normal;}

h1 {font-size: 200%; color: #9A7942; }
h2 {font-size: 180%; color: #4F668D;}
h3 {font-size: 160%; color: #333;}
h6 {font-size: 150%; color: #999;}

h5 {font-size: 150%; color: #999;}

h4 {font-size: 150%; color: #999;}

#logo {
	float: right;
	width: 550px;
	height: 60px;}

#topnav {text-align: right; margin: 0px 3px; list-style: none; width: 550px; float: right;}

#topnav li {
	list-style: none;
	display: inline;}

#topnav ul {
	list-style: none;
	display: inline;}

#topnav li a {
	font-size: 90%;
	padding: 0 0 0 15px;
	text-decoration: none;
	color: #999;}

#topnav li a:hover {
	color: #333;}
	
#container {width: 810px; margin: 0px auto;}

#side {
	float: left; 
	width: 50px;
	height: 100%;}

#body2 {
	margin-top: 25px;
	width: 200px;
	float: left;}

#body1 {
	width: 550px;
	float: right;}

#body1 .content {
	padding: 0px 0px 0px 10px;
	text-align: justify;}	

#body2 h1 {font-size: 170%; color: #fff; text-transform:none;}

#body2 .content {
	line-height: 130%;
	color: #fff;
	padding: 0px 10px;
	text-align: left;
	font-size: 90%;}
#body2 h3 {
	color: #fff;
}	
#body2 a {
	color: #fff;
}
	
.clear {
	clear: both;}
#footer {
	padding: 10px 3px;
	color: #999;
	text-align: right;
	font-size: 85%;
	clear: both;}

.leftmenu  {
	width: 180px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.leftmenu  li {
	padding: 3px 0px;
}
.leftmenu  a {
	text-decoration: none;
	color: #fff;
	display: block;
}
.leftmenu  li a {
	font-size: 100%;
	padding: 0px 0px 0 0;
	text-decoration: none;
	color: #fff;
}
.leftmenu  a:hover {
	color: #fff;
}

.nomargin {
	margin: 0px;
}