@charset "UTF-8";
	body  {
		font: 100% Trebuchet, Trebuchet MS, Helvetica, Verdana, Arial, sans-serif;
		background: url("../images/stripedbg.jpg") top left repeat;
		line-height: 150%;
		margin: 10px 0; 
		padding: 0;
		text-align: center;
		color: #686868;
		font-weight: 700;
	}
	
	#wrapper { 
		width: 900px;	
		margin: 0 auto;
		text-align: left;
		padding: 0 3px 3px 3px;
		//border: 4px solid #002b5c;	
		background: #f2f2f2 url("../images/bgfade.png") top left repeat-x;	
	} 
	
	#portal {
	    right: 200px;
	    font-size: 10px;
	    color: #aaaaaa;
	}
		
	#mastHead {
		background-color: #002b5c;
		height:130px;
		width:860px;
	}
	
	#mastHead img{
		border: none;
	}
	
	.bar{
		//background: #002b5c url("../images/barbg.jpg") top left repeat-x;
		height: 4px;
	}
	
	#navigation{
		width: 900px;
		height: 27px;
		background: url("../images/navbg.jpg") top left repeat-x;		
		padding: 8px 0px 2px 0;
	}
	
	#navList{
		display:inline;	
	}

	#navList li{
		position:relative;
		display:block;
		margin:0;
		float:left;
		list-style-type:none;
		padding: 0 28px;
		text-align: center;
		background: url("../images/separator.jpg") top right no-repeat;		
	}
	
	#navList a{
		color: #ffffff;
		text-decoration: none;		
		font-size: 90%;
		font-weight: bold;
	}
	
	#navList a:hover{
		color: #eab747;
		
	}	
	
	#navList #contactBtn{
		width: 310px;
		text-align: right;
		background: none;
	}
	
	#contentHolder { 
		position:relative;
		float:left;
		width: 880px;
		margin: 0;
		padding: 0px 0px 15px 18px;
	} 
	
	#contentHolder h1{ 
		font: Verdana;
		font-size: 120%;
		font-weight: 900;
		color: #002b5c;
		padding: 0px 10px;
	} 

	#contentHolder p{
		font: Verdana;
		font-size: 100%;
		text-style: bold;
		color: #686868;
		padding: 0 10px;
	}
	#contentHolder a{
		color: #686868;
		text-decoration: underline;
	}
	
	#contentHolder a:hover{
		text-decoration: underline;
	}
	
	#contentHolder li{
		padding-bottom: 5px;
	}

	#mainContent{
		position: relative;
		float:left;
		width: 504px;
		margin-right: 50px;
	}
	
	#mainContent h3{
		font-size: 100%;
		margin: 0 0 -20px 10px;
		color: #242424;
	}
	
	#price{
		font-style:italic;
	}
	
	#pricingtable{
		width: 350px;
		height: auto;
		margin: 0 0 0px 8px;
	}

	#terms{
		width: 540px;
		margin: 0 0 0px 8px;	
	}
	
	#terms td{
		padding: 5px 0;
	}
	
	#pricelist{
		height: 100px;
		vertical-align: bottom;
	}
	
	p#buttonlink{
		margin: 10px 0;
		color: #ffffff;
	}
	
	p#buttonlink a{
		background: #002b5c;
		color: #ffffff;
		text-decoration: none;
		padding: 5px 10px 5px 10px;
		border: 2px solid #666;
	}
	
	#quote{
		font-size: 90%
	}
	
	#lenders1{
		margin: 0 0 0 -15px;
		list-style: disc;
	}
	
	#contactform{
		position: relative;
		float:left;
		width: 540px;
		margin-right:50px;
	}
	
	#contactcomments{
		width:335px;
	}
	
	#contactbar{
		color: #686868;
	}

	#contactbar p{
		color: #686868;
	}

	#sidebar1{
		position: relative;
		float:left;
		width: 140px;
	}

	#sidebar2{
		position: relative;
		float:left;
		width: 186px;
	}
	
	#sidebar3{
		position: relative;
		float:left;
		width: 290px;
	}
		
	#sidebar1 p, #sidebar2 p, #sidebar3 p{
		margin:0;
		padding: 18px 0 0 0;
		color: #002b5c;
	}
	
	#sidebar1 ul, #sidebar2 ul, #sidebar3 ul{
		margin: 0;
		padding:0;
		list-style:none;
	}	
	
	#sidebar1 li, #sidebar2 li, #sidebar3 li{
		font: Verdana;
		font-size: 90%;
		color: #686868;
		padding-left: 15px;
		background: url("../images/listcheckmark.jpg") top left no-repeat;
		line-height: 130%;
		vertical-align:baseline;
	} 
	
	#sidebar1 a, #sidebar2 a, #sidebar3 a{
		font: Verdana;
		font-size: 14px;
		color: #686868;
	}
	
	#contactlist li{
		background: none;			
	}
	
	#promos{
		margin: 0 0 10px 28px;
	}
	
	#promos ul{
		list-style: none;
		display: inline;
	}
	
	#promos li{
		position:relative;
		display:block;
		margin:0;
		float:left;
	}
	
	#promos img{
		border:none;
		padding-right: 31px;
	}
	
	form{
		color: #686868;
		font-size: 100%;
		padding:0px;
		margins:0px;
	}

	form fieldset{
		border: none;	
		padding: 10px;
		margin: 20px 0 10px 0;
	}

	form fieldset legend{
		color: #002b5c;
		font-size: 18px;
		margin-left: -2px;
		font-weight: bold;
	}
	
	form #required{
		color: #002b5c;
		font-size: 12px;
		margin:0px;
	}	
	
	form label{
		display: block;
		float:left;
		text-align: left;
		width: 150px;
		padding: 0;
		margin: 3px 0;
		line-height: 100%;
	}

	form input{
		margin: 3px 0;
		color: #002b5c;
		width: 250px;
	}
	
	.legalLabels{
		display: inline;
		float: left;	
		width: auto;
		padding-right: 10px;
	}
	
	.legalInputs{
		display: inline;
		float:left;
		text-align: left;
		width: 50px;
	}
	
	#planInput{
		width: 70px;	
	}
	
	#purpose{
		width: 254px;
	}
	
	select{
		margin: 3px 0;	
		width: 110px;
		color: #002b5c;	
	}
	
	textarea{
		width: 370px;
		height: 200px;
		vertical-align: top;
		margin-top: 5px;
		font-family: verdana;
		color: #002b5c;
		font-size: 12px;
	}
	
	#submit{
		color: #fff;
		background: #002b5c;
		border: 2px outset #d7b9c9;
		width: 110px;
	}
	
	#reset{
		border: 2px outset #002b5c;
		width: 110px;	
	}
		
	#pricelistLink{
		margin-top: 10px;
	}
	
	#pricelistLink a{
		background: #002b5c;
		color: #fff;
		text-decoration: none;
		padding: 5px 10px 5px 10px;
		border: 2px solid #666;
	}

	.footlinks{
		margin: 0 0 10px 560px;	
		width: 340px;
	}
	
	#navList2{
		display:inline;
		padding:0 30px;	
	}

	#navList2 li{
		position:relative;
		display:block;
		padding-right:20px;
		float:left;
		list-style-type:none;
	}
	
	#navList2 a{
		color: #002b5c;	
		font-size: 10px;
		font-weight: bold;
	}
	
	#navList2 a:hover{
		color: #666;
	}	

	.clearfloat { 
		clear:both;
   		height:0;
    	font-size: 1px;
    	line-height: 0px;
	}
	
	span.h3{
		font: verdana;
		font-size: 13px;
		font-weight: bold;
		color: #cc9900;	
	}
	
	#resources{
		padding: 10px 0;
		width: 670px;
		min-height: 570px;	
	}
	
	#resources a{
		font-size: 90%;
		line-height:50px;
		background-color: #eee;
		padding: 10px;
		border: 1px solid #666;

	}
	#resources p a{
		padding: 0 26px 0 0;
		background-color: #fff;
		border: none;
	}
	
	#maps{
		width: 700px;	
	}
	#resources ul{
		list-style: none;
		
	}
	#resources li{
		position: relative;
		float: left;
		width: 120px;
		padding-right: 10px;
	}
	
	#resources ul li a{
		padding: 5px;
		line-height: 10px;	
	}
	
	#resources a img, #info a img{
		border: none;
	}
		
	#resources p, #info p{
		width: auto;
		padding: 0;
		margin:0;	
	}
	#resources #resourcesback{
		text-decoration: none;
		border: none;
		background-color: #fff;
		padding: 0;
	}
	
	#info{
		display:inline;	
		position: absolute;
		left: 690px;
		top: 90px;
		padding-left:10px;
		border-left: 1px solid #333;
	}
	
	#info img{
		width: 190px;
	}
	
	#info p{
		border-bottom: 1px solid #666666;
	}
	
	#wrapper2 { 
		width: 900px;
		margin: 0 auto;
		text-align: left;
		padding: 0 30px;	
		color: #aaaaaa;
	} 
	
	#footer{
		position:relative;
		float:left;
		height: auto;
	}
	
	.contact{
		position: relative;
		float:left;		
		background: #002b5c;
	}

	.contact p{
		font: verdana;
		font-size: 14px;
		font-weight: bold;
		color: #ddd;
		margin: 10px 28px;
				
	}
	.contact a{
		font: verdana;
		font-size: 14px;
		font-weight: bold;
		color: #ddd;	
	}
	
	#address{
		width: 290px;
	}
	
	#numbers{
		width: 610px;
	}
	
	#designer{
		position: relative;
		float: left;
		text-align: right;
		font-size: 12px;
		padding-left: 5px;
	}
	
	#copyright, #webmaster{
		position: relative;
		float: left;
		font-size: 12px;
	}
	
	#designer a, #copyright a, #webmaster a{
		font-size: 12px;
		text-decoration: none;
		
	}
	
	#subfooternav{
		margin: 0px;
		padding: 0px;
		text-align: center;
	}
	
	#subfooternav a{
		color: #aaaaaa;
		text-decoration: none;		
		font-size: 73%;
		font-weight: bold;
		padding: 0 55px;
	}
	
	#subfooternav a:hover{
		color: #eab747;
	}
	
	#subfootercontent{
		width: 850px;	
		text-align: left;
		margin: 0 25px;
		font-size: 60%;
	}
	
	#subfootercontent a{
		color: #aaaaaa;
		text-decoration: none;		
		font-size: 100%;
		font-weight: bold;
	}
	
	#landuse li{
		width: 250px;
		padding: 10px;
	}
	
	