/*
______________________________________________

Global Settings
______________________________________________
*/

* {
	margin: 0; 
	padding: 0;
}


html, body 
{
	font-family: "Trebuchet MS",sans-serif;
	height: 70%;
	background: #EDF4FC;
	background-image: url(/images/bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin: none;
	font-size: 12px;
}


.main 
{
	
	width: 700px;
	background: #B2C4D7;
	margin: 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: 3px;
			font-size: 16px;
			color: #E2E2E2;
			text-decoration: none;
			font-weight: bold;
			display: block;
			width: 140px; /* For 4 links: 175px - 5 links: 140px - 6 links: 116.6  ------- Basically its 700/[amount of nav links]  */
			height: 27px;
		}
		/*
		.header a:hover
		{
			background: #DCEFF8;
			color: #116086;
		}
*/
/*
______________________________________________

Content
______________________________________________
*/

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

	#content a 
	{
		color: #333;
		text-decoration: underline;
	}
	
	#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 dashed #000;
	}

	#content p
	{
		font-size: 12px;
		color: #333;
		margin: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.box_content {
		color:#333;
		background: #d7b2b2;
		margin: 10px 15px 10px 15px;
		border: 2px dotted #000;
		vertical-align: middle;
		text-align: center;
		margin: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.box_sent {
		background: #b2d7b3;
		margin: 10px 15px 10px 15px;
		border: 2px dotted #000;
		vertical-align: middle;
		text-align: center;
		margin: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}


/*
______________________________________________

Footer
______________________________________________
*/

	
#footer 
{
	margin: 0 auto;
	width: 700px;
	height: 75px;
	margin-top: -54px;
	border-top: 4px solid #FFF;
	position: relative;
	text-align: center;
}

	a.one:link 
	{
	color: #333;
	}
	
	#footer h3 
	{
		border-bottom: 4px solid #FFF;
		font-size: 10px;
		color: #333;
		background: #B3BFCB;
		padding-left: 20px;
	}
	
	#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: 10px;
		color: #FFF;
		text-decoration: none;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
		#footer a:hover
	{
		margin-top: 10px;
		color: #CCC;
		text-decoration: none;
	}
	
	#footer links 
	{
		letter-spacing: 1px;
		font-size: 10px;
		color: #333;
		text-decoration: underline;

	}