/* basic.css */

/* Block all default margins and padding */
*
	{
	margin: 0;
	padding: 0;	
	}

body
	{
	background-color: #aaa;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#wrapper
	{
	width: 62.5em; /* Equals 1000px */
	background-color: #04284b;
	margin: 0px auto; /* Centers page in Firefos */
	position: relative;
	}
	
#header img
	{
	width: 100%;
	display: block; /* Removes small space below banner pic in IE */
	}
	
#slogan_clock
	{
	background: #fff;
	width: 100%;
	height: 1.6em;
	border-bottom: #000000 1px solid;
	position: absolute;
	top: 9.375em;
	left: 0;
	}
	
#slogan_clock h4
	{
	padding:0 1em;
	float: left;
	font-style: italic;
	line-height: 1.6em; 
	}
	
#slogan_clock p
	{
	padding: 0 1em;
	float: right;
	line-height: 1.6em;
	}

/* leftcolumn */

	#leftcolumn
		{
		width: 14em; /* Width plus padding equals content left margin */
		float: left;
		padding: 0px 0.25em;
		text-align: center;
		position: absolute;
		top: 10.975em;
		left: 0;
		background-color: #04284b;
		}
		
	#leftcolumn a
		{
		display: block; 
		border: #fff 1px solid;  
		color: #fff; 
		text-align: left; 
		text-decoration: none; 
		width: 13.5em; /* Width plus padding equals leftcolumn width */
		padding: 2px 0 2px 0.5em;
		margin-bottom: 3px;
		}
		
	#leftcolumn a:hover
		{
		border: #b5b7cc 1px solid; 
		background-color: #f36523;
		color:#04284b;
		font-weight:bold; 
		}

/* Content */

	#content
		{
		background-color: #fff;
		margin-left: 14.5em; /* Must equal leftcolumn width including its padding */
		width: 46em;
		margin-top: 1.6em;
		min-height: 27em;
		padding: 1em;
		}
		
	#content h1
		{
		font-weight: bold;
		font-family: Verdana, san-serif;
		font-size: 1.3em;
		text-align: center;
		margin-top: .5em;	
		}
		
	#content h4
		{
		font-weight: bold;
		font-family: verdana, san-serif;
		font-size: .7em;
		text-align: center;
		}
	#content table
		{
		font-size: .7em;
		}

/* Footer */
	#footer
		{
		clear: both;
		text-align: center;
		color: #fff;
		}
		
	#footer a
		{
		font-size: .8em;
		color: #fff;
		}