/* CSS Document */
body {
	background: #f4f4f4 ;
	color: #244857;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
	text-align: center
	}
#main {
	margin: 0 auto;
	width: 800px;
}

div.container
{
	width:770px;
	margin:20px;
	border:1px solid gray;
	line-height:150%;
	text-align: left;
	background-image:  url(images/opacity.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	
}
div.header,div.footer
{
padding:0.5em;
color:#244857;
background-color:#eee;
clear:left;
height: 50px;
}
/* Header */
#header {
    background: #eee url(images/header2.gif) no-repeat center center;
    height: 100px;
}
#header h1 {
    /* Hide the h1 heading - we're using the background image. */
    display: none;
}
div.left
{
float:left;
width:180px;
margin:0;
padding:1em;
}
div.content
{
margin-left:190px;
border-left:1px solid gray;
padding:1em;
}
#topmenu {
	font-weight: bold;
    font-size: 90%;
    margin-top: 0px; /* Bring the tabs up to be in line with the header */
	padding-left: 10px;
}
#topmenu a {
	border: 1px solid #ccc;
    border-bottom: none;
	color: #006;
    margin-right: -5px;
    padding: 3px 8px;
    text-decoration: none;
}
#topmenu a:hover, #topmenu a.active {
	background-color: #ccc; 
}