body {
/*	background-image: url('bg13.png'); */
	margin: 0;
	padding: 0;
}

#top_header {
	height: 12px;
	width: 800px;
	background-color: #727EA3; 
}
  
#header {
	height: 200;
	width: 800;
}

#menu_bar {
	background-color: #727EA3; 
	width: 800px;
	height: 29px;
}

#menu {
	float: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	font: 67.5% Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #727EA3 url("seperator.gif") bottom right no-repeat;
	color: white;	
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu a:hover {
	background: #596380 url("hover2.gif") bottom center no-repeat;
	color: white;
	padding-bottom: 8px;                    
}

#content {
	/* Layout and Style based */
	text-align: left;		/* Reset text align to left */
	clear: both;
	width: 700;
	/* background-color: #CC9900; */
	height: 500px;		/* Height hack for IE6 */
	min-height: 500px;

	padding: 0cm 1cm;

	/* Text based */
	font: 100% Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;

}

#bottom_bar {
	height: 12px;
	width: 800px;
	background-color: #727EA3; 

	/* Text based */
	color:white;	
	font: 60% Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;

}

/* some hack for IE6 to make height right? */
html>body #content{height:auto}