/*
______________________________________________

Global Settings
______________________________________________
*/

* {
	margin: 0; 
	padding: 0;
}


html, body 
{
	font-family: "Trebuchet MS",sans-serif;
	height: 100%;
	background: #EDF4FC;
	background: url(images/bg.gif);
}


.main 
{
	width: 700px;
	background: #B2C4D7;
	margin: 0 auto;
	min-height: 100%;
	padding-bottom: 70px;
	position: relative;
}


/*
______________________________________________

Header/Navigation
______________________________________________
*/

		.header h1 
		{
			border-top: 4px solid #EDF4FC;
			background: url(images/top.gif);
			background-repeat: no-repeat;
			font-size: 12px;
			color: #FFF;
			padding: 3px 3px 3px 17px;
			font-weight: 500;
			white-space: text-wrap;
			height: 20px;
		}
	
	
		.header h2 span 
		{
			display: none;
		}
		
		.header h2 
		{
			border-top: 4px solid #FFF;
			height: 100px;
			background-image: url(images/title.jpg);
			background-repeat: no-repeat;
		}
			
		.header ul
		{
			border-top: 4px solid #FFF;
			width: 700px;
			height: 30px;
			background: #7f92a8;
		}
	
		.header li
		{
			list-style: none;
			float: left;
			text-align: center;
		}
		
		.header a
		{
			padding-top: 2px;
			font-size: 10px;
			color: #E2E2E2;
			text-decoration: none;
			font-weight: bold;
			display: block;
			width: 70px; /* For 4 links: 175px - 5 links: 140px - 6 links: 116.6  ------- Basically its 700/[amount of nav links]  */
			height: 20px;
		}
		
		.header a:hover
		{
			background: #DCEFF8;
			color: #116086;
		}

/*
______________________________________________

Content
______________________________________________
*/

	
#content
{
	border-top: 4px solid #FFF;
	width: 700px;
	background: #B2C4D7;
}

	#content a 
	{
		color: #333;
		text-decoration: none;
	}
	
	#content h3 
	{
		border-bottom: 4px solid #FFF;
		font-size: 14px;
		font-weight: bold;
		color: #333;
		background: #B3BFCB;
		padding-left: 20px;
	}
	
	#content h4
	{
		font-size: 26px;
		letter-spacing: -1px;
		font-weight: bold;
		color: #010E47;
		margin: 15px 10px 5px 15px;
		border-bottom: 2px dotted #000;
	}

	#content p
	{
		font-size: 13px;
		color: #333;
		margin: 20px;
	}


/*
______________________________________________

Footer
______________________________________________
*/

	
#footer 
{
	margin: 0 auto;
	background: url(images/bottom.gif);
	width: 700px;
	height: 50px;
	margin-top: -54px;
	border-top: 4px solid #FFF;
	position: relative;
	text-align: center;
}

	#footer p
	{
		margin: 6px;
		font-size: 12px;
		color: #FFF;
		text-decoration: none;
	}
	
	#footer ul
	{
		display: block;
	}
	
	#footer li
	{
		display: inline;
	}
	
	#footer a 
	{
		margin-top: 6px;
		font-size: 13px;
		color: #FFF;
		text-decoration: none;
		font-weight: 600;
		letter-spacing: 2px;
	}
	
		#footer a:hover
	{
		margin-top: 10px;
		color: #CCC;
		text-decoration: none;
	}