body {
	text-align: center;
}

h1 {color: #dd3d1c;
	font-size: 1.7em;}
				
h2 {color: #dd3d1c;
	font-size: 1.3em;}
				

					
#container {
	position: absolute;
	width: 780px;
	font-family: Arial;
	font-size: 0.8em;
	background: url(../images/bgimage.jpg) repeat-y 50% 10%;
	border-right: 1px solid #934c3e;
	
	left: 50%; 
	margin-left: -390px;

}

html>body #container {background: url(images/bgimage.jpg) repeat-y 50% 10%;} /*this is hidden from IE, it sets the background image for Firefox*/



						
#logo 
	{width: 780px; 
	height: 40px;
	background-color: #934c3e;
	color: #fff;
	font-size: 1.4em;}




#verticalmenu		{
			width: 230px;
			text-align: left;
			float: left;
			background-color: #de7a1c;
			color: #fff;
			}
			
#verticalmenu a:link.on, #verticalmenu a:visited.on, #verticalmenu a:hover.on, #verticalmenu a:active.on, #verticalmenu a:hover
			{border: 1px solid;
			padding: 7px;
			background-color: #dda01c;
			border-color: #de3b1c #e6930f #e6930f #de3b1c;
			color: #fff;
			text-decoration: none;			
}


#verticalmenu a 		{color: #fff;
			border: 1px solid;
			background-color: #de7a1c;
			padding: 7px;
			text-decoration: none;
			border-color: #e6930f #de3b1c #de3b1c #e6930f;
			display: block;
			margin: 0px;
			text-align: left;}
			
#verticalmenu ul	{list-style-type: none;}


#title	{float: left;
		height: 30px;
		width: 530px;
		padding-top: 15px;
		padding left: 15px;}

#content {
	float: right;
	text-align: left;
	width: 547px;
	color: #000;
	background-color: #ffffff;
	/* added top and bottom padding to content, see below for left and right */
	
	}


#content h1, #content h2, #content h3, #content p, #content ul, #content li {
	padding: 5px 15px;  
}	 




#content ul, #content li {
	list-style-type: disc;
	margin: 0 10px;
}	 

			

				
#content a:link, #content a:visited {
	color: #dd3d1c;
}			 

#content a:hover, #content a:active {
	color: #e26d0e;
}

			
#footer {
	width: 780px;
	height: 25px;
	clear: both;  /* clear means it will sit below the floated divs above it.  if an element is floated, the next one must be cleared. */
	background-color: #934c3e;
	color: #fff;
	padding-top: 5px;
	font-size: 0.8em;
}

#graphs
{

font: italic 0.9em;
clear: both;
float: left;
width: 230px;
color: #fff;}

img
{  border-style: none;
}