/* CSS Document */
html, body{
	padding:0px;
	margin:0px;
	font-family:tahoma, arial;
	font-size:11px;
	color:#6E6E6E;
	text-align:justify;
}
#Container{
	width:758px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	background-color:#ffffff;
}

#navigation{
	width:758px;
}

#banner{
	width:758px;
}
		
		.banner-left{
			width:192px;
			height:251px;
			float:left;
			background-image:url(../Images/banner-left-bg.jpg);
			padding:16px 8px 0px 16px;
			color:#FFFFFF;
			text-align:left;
		}
		
		.banner-img{
			width:542px;
			float:left;
		}
		
#left-contact{
	width:218px;
	float:left;
}

		#left-contact a{
			color:#6E6E6E;
			text-decoration:none;
			font-weight:normal;
		}
		
		#left-contact a:hover{
			color:#6E6E6E;
			text-decoration:none;
			font-weight:normal;
			border-bottom:1px solid #2C6099;
		}

		#left-contact ul{
			margin:30px 0px 0px 20px;
			padding:0px 0px 0px 0px;
		}
		#left-contact li{	
			list-style:none;
			background-image:url(../Images/bullet.jpg);
			background-repeat:no-repeat;
			background-position:0px 5px;
			margin-top:13px;
			padding: 0px 0px 0px 20px;
		}
		
#content{
	width:510px;
	padding:20px 15px 10px 15px;
	float:left;
}

	#content a{
		color:#6E6E6E;
		text-decoration:none;
		font-weight:normal;
	}
	
	#content a:hover{
		color:#6E6E6E;
		text-decoration:none;
		font-weight:normal;
		border-bottom:1px solid #2C6099;
	}


#footer{
	width:758px;
	clear:both;
	margin-top:10px;
}

	#footer a{
		color:#ffffff;
		text-decoration:none;
		font-weight:normal;
	}
	
	#footer a:hover{
		color:#ffffff;
		text-decoration:none;
		font-weight:normal;
		border-bottom:1px solid #2C6099;
	}

	.footer-office{
		width:208px;
		background-image:url(../Images/footer-address-bg.jpg);
		background-repeat:repeat-x;
		color:#CEE2F4;
		padding:2px 0px 17px 8px;
		float:left;
	}
	
	.footer-nav{
		width:500px;
		height:70px;
		background-image:url(../Images/footer-bg.jpg);
		background-repeat:repeat-x;
		color:#ffffff;
		padding:30px 20px 0px 20px;
		float:left;
	}
	
.float-right{
	float:right;
}

.Field{
	width:320px;
}
.MultiField{
	width:320px;
}
.Field, .MultiField{
	background-image:url(../Images/field-bg.gif);
	background-repeat: no-repeat;
	border: 1px solid #B4B4B4;
	padding-left:2px;
	margin-bottom:6px;
	margin-right:4px;
	font-family:tahoma,arial;
	color:#333333;
	font-size:11px;
}

 h1{
    /* Jon is unsure of CSS stuff! */
    font: 1em/1em tahoma, arial;
	font-weight: bold;
	text-decoration:underline
	
}

h2{
    /* Hmm...i why cant the developers use H1 tags and not images! */
    font: 1em/1em tahoma, arial;

}