/* commented backslash hack \*/ 

html {
	height:100%;
}

body{
	height:100%;
	background: #958b7f;
	background-image: url(../images/bg.gif); background-repeat: repeat;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 86%;
	color: #000000;
	text-align:left;
} 

/* end hack */
html,body {margin:0;padding:0}

hr {border: none 0;  
margin-left:20px;
	margin-right:20px;

border-top: 1px dashed #000;/*the border*/

height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

#outer{
	min-height:100%;
	height:auto;
	background:#ffffff;
	background-image: url(../images/contentBg.gif); background-repeat: repeat;
	
	width:900px;
	/* margin:auto;*/
	margin-bottom:-36px;
	text-align:left;
}



* html #outer{height:100%;}

* html #fun_outer{height:100%;}

#header {
	margin:0;
	padding:0;
	height: 148px;
	width: 900px;
	background: url(../images/header.gif) no-repeat left top;
	background-color: #0089d0;
	text-align:left;
	margin-right: auto;	
	margin-left: auto; 
}

#header h1 {
	padding:0;
	margin:0;
	text-indent: -9999px;
	
}

#header h1 a {
	display:block;
	width:100%;
	height:100%;
	

}


#headerImage {
	margin:0;
	padding:0;
	height: 155px;
	width: 900px;
	background: url(../images/headerImage.jpg) no-repeat center top;
	text-align:center;
	margin-right: auto;	
	margin-left: auto; 
}

#topnav {
		background: #56575a;
		
		width: 900px;
		margin-right: auto;
		height: 30px;
		text-align: center;
}

#topnav UL#menu {
		padding-right: 0px;
		padding-left: 0px;
		background:   url(../images/navbar.gif) no-repeat left top;
		padding-bottom: 0px;
		margin: 0px;
		width: 900px;
		padding-top: 0px;
		position: relative;
		height: 30px;
}

#topnav ul#menu li {
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		margin: 0px;
		padding-top: 0px;
		list-style-type: none;
		position: absolute;
		top: 0px
}

#topnav ul#menu li a {
		text-indent: -9999px;
		text-decoration: none
}


ul#menu li {
		display: block;
		height: 30px
}

ul#menu a {
		display: block;
		height: 30px
}



#home {
	left: 110px;
	width: 60px;
}

#about {
	left: 170px;
	width: 90px;
}

#mortgages {
	left: 260px;
	width: 110px;
}

#calculator {
	left: 370px;
	width: 110px;
}

#insurance {
	left: 480px;
	width: 105px;
}

#legal {
	left: 585px;
	width: 65px;
}


#contact {
	left: 650px;
	width: 120px;
}


#home a:hover {
		background:   url(../images/navbar.gif) no-repeat -110px -30px;
}

#home.selected {
		background:   url(../images/navbar.gif) no-repeat -110px -30px;
}



#about a:hover {
		background:   url(../images/navbar.gif) no-repeat -170px -30px;
}

#about.selected {
		background:   url(../images/navbar.gif) no-repeat -170px -30px;
}


#mortgages a:hover {
		background:   url(../images/navbar.gif) no-repeat -260px -30px;
}


#mortgages.selected {
		background:   url(../images/navbar.gif) no-repeat -260px -30px;
}


#calculator a:hover {
		background:   url(../images/navbar.gif) no-repeat -370px -30px;
}

#calculator.selected {
		background:   url(../images/navbar.gif) no-repeat -370px -30px;
}

#insurance a:hover {
		background:   url(../images/navbar.gif) no-repeat -480px -30px;
}


#insurance.selected {
		background:   url(../images/navbar.gif) no-repeat -480px -30px;
}


#legal a:hover {
		background:   url(../images/navbar.gif) no-repeat -585px -30px;
}


#legal.selected {
		background:   url(../images/navbar.gif) no-repeat -585px -30px;
}



#contact a:hover {
		background:   url(../images/navbar.gif) no-repeat -650px -30px;
}


#contact.selected {
		background:   url(../images/navbar.gif) no-repeat -650px -30px;
}




#main {
    
    
    
    width:750px;
    text-align: left; 
    padding-top: 0px; 
    padding-left:110px; 
    height:100%;
    color: #fff;
   
    }











#content_view {
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 5px;
		margin:0;
		width: 740px;
		padding-top: 5px;
		text-align: center;
		background:#889ecd;	
}



#main p a {			
	color: #fff;		
}
	
#main p a:visited {			
	color: #fff;		
}
		
#main p a:hover {	
	text-decoration: none;
}


#main #homeTopLeft h1 a {

	color: #008ad0;

}

#main #homeTopLeft h1 a:visited {

	color: #008ad0;

}


#main #homeTopLeft h1 a:hover {

	color: #008ad0;
	text-decoration: none;
}


#main #homeTopLeft .textButton {

	color: #fff;
	background: #6c6d70;
	text-decoration: none;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	margin:0;
	border: none;
}


#main #homeTopLeft a.textButton {

	color: #fff;

}




.textButton {

	color: #fff;
	background: #6c6d70;
	text-decoration: none;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	margin:0;
	border: none;
}


.footerText {


	color: grey;

}


.img {

	padding:0;
	margin:0;
}

.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }


.leftimg {
	float: left;
}

.rightimg {
	
	float: right;
	margin-top:10px;
}

.clear {
	clear: both;
	margin:0;
	padding:0;
}

#sidebar {
    	
    	float:right;
    	width:230px;
	text-align: left; 
	


    }



#main h1 {

	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	margin:0;	
	font-size: 1.2em;

}

#main h2 {
	padding:20px 20px;
	font-size: 1.2em;
}

#main h2, #main h3,{
    	padding:0 20px;    
}

#main p {
	padding-left: 20px;
	padding-bottom: 10px
	padding-right: 20px;
	margin-right: 20px;	
	
}

#main ul {

	padding-left: 30px;
}



#homeTopLeft {

	margin-top:30px;
	padding-left:0px;
	float: left;
	border: 2px solid #6c6d70;
	width:450px;
	height: 192px;
	


}


#homeTopRight {
	margin-top:30px;
	margin-left:20px;
	float: left;
	border: 2px solid #6c6d70;
	width:230px;
	height: 192px;


}

#homeTopLeft h1 {
	
	padding-top:10px;
	padding-left:10px;
	color: #008ad0;
	font-size: 24px;
	font-weight: normal;


}


#homeBottomLeft {
	margin-top:20px;
	margin-left:0px;
	float: left;
	border: 2px solid #6c6d70;
	width:304px;
	height: 192px;


}


#homeBottomRight {
	margin-top:20px;
	margin-left:20px;
	float: left;
	border: 2px solid #6c6d70;
	width:386px;
	height: 192px;


}


#homeBottomRightLHS {


	float: left;
	width: 126px;
	height: 192px;
	
}


#homeBottomRightRHS {

	float: right;
	
	width: 230px;
	height: 192px;

}

#homeBottomRight p {
	

	width:106px;
	padding-top:0px;
	padding-left:10px;
	
	

}


#homeBottomRight p {
	

	width:126px;
	padding-top:0px;
	padding-left:10px;
	

}

#homeBottom {
	margin-top:20px;
	padding-left: 630px;
	float: left;
	

}


#aboutTopLeft {

	margin-top:30px;
	margin-left:0px;
	float: left;
	border: 2px solid #6c6d70;
	width:450px;
	height: 442px;


}

#aboutTopLeft h1 {
	
	padding-top:10px;
	padding-left:10px;
	color: #008ad0;
	font-size: 24px;
	font-weight: normal;


}


#aboutTopLeft p {
	
	padding-top:10px;
	padding-left:10px;
	


}


#aboutTopRight h1 {
	
	padding-top:10px;
	padding-left:10px;
	color: #008ad0;
	font-size: 24px;
	font-weight: normal;


}


#aboutTopRight {
	margin-top:30px;
	margin-left:20px;
	float: left;
	border: 2px solid #6c6d70;
	width:230px;
	height: 442px;


}


#aboutTopRight p {
	padding-top:10px;
	padding-left:10px;

}







#mortgagesTopLeft {

	margin-top:30px;
	margin-left:0px;
	float: left;
	border: 2px solid #6c6d70;
	width:450px;
	height: 392px;


}

#mortgagesTopLeft h1 {
	
	padding-top:10px;
	padding-left:10px;
	color: #008ad0;
	font-size: 24px;
	font-weight: normal;


}


#mortgagesTopLeft p {
	
	padding-top:10px;
	padding-left:10px;
	


}


#mortgagesTopRight {
	margin-top:30px;
	margin-left:20px;
	float: left;
	border: 2px solid #6c6d70;
	width:230px;
	height: 392px;


}


#mortgagesTopRight p {
	padding-top:10px;
	padding-left:10px;

}










#personalInsuranceLeft {

	float:left;
	
	padding-left:0px;
	margin-top:30px;
	width:450px;
	height: 402px;
	


}
	


#personalInsuranceRight {

	float: left;
	margin-left:30px;
	margin-top:30px;
	width:240px;
	height: 402px;
	
	
}

#personalInsuranceTopLeft {
	
	
	border: 2px solid #6c6d70;
	width:440px;
	height: 252px;


}

#personalInsuranceTopLeft h1 {
	
	padding-top:10px;
	padding-left:10px;
	color: #008ad0;
	font-size: 24px;
	font-weight: normal;


}


#personalInsuranceTopLeft p {
	
	padding-top:10px;
	padding-left:10px;
	


}


#personalInsuranceTopRight {
	
	border: 2px solid #6c6d70;
	width:230px;
	height: 392px;


}


#personalInsuranceTopRight p {
	padding-top:10px;
	padding-left:10px;

}


#contactLeft {

	float:left;
	
	margin-left:0px;
	margin-top:30px;
	width:450px;
	height: 402px;
	


}
	


#contactRight {

	float: left;
	margin-left:30px;
	margin-top:30px;
	width:240px;
	height: 402px;
	
	
}




#contactTopLeft {
	
	
	border: 2px solid #6c6d70;
	width:440px;
	height: 252px;


}

#contactTopLeft h1 {
	
	padding-top:10px;
	padding-left:10px;
	color: #008ad0;
	font-size: 24px;
	font-weight: normal;


}


#contactTopLeft p {
	
	padding-top:10px;
	padding-left:10px;
	


}


#contactTopRight {
	
	border: 2px solid #6c6d70;
	width:230px;
	height: 392px;


}


#contactTopRight p {
	padding-top:10px;
	padding-left:10px;

}


#contactBottomLeft {

	margin-top:30px;
	
	float: left;
	border: 2px solid #6c6d70;
	width:440px;
	height: 106px;


}



#contactBottomLeftLHS {

	float: left;
	width: 140px;
	height: 100px;


}



#contactBottomLeftRHS {


	float: left;		
	width:300px;
	height: 100px;

}




#contactBottomLeft p {

	
	
	padding-top:10px;
	padding-left:10px;
	
	


}





#leftcontent {   
    float:left;    
    padding-left:0px;
    width:450px;    
   
    
    color: #01014f;

   
   
    
  
    
    
}

#leftcontent p {


	margin-left:20px;
	margin-right:20px;

}






#rightcontent {   
    float:right;
    margin-left:0px;
    padding-left:0px;
    width:400px;       
   
    color: #01014f;
    padding-right:20px;

    
    
    
    
}

















.clear {
	clear: both;
	margin:0;
	padding:0;
}








#homeMainImage {

	padding:0;
	margin:0;
	width:600px;
	height:280px;
	float:left;


}

#homeBullets {

	float:right;
    	width:300px;
	height:280px;
	text-align: left; 
	padding-top:0px;
	background-color:#bcb9b8;
	

}


#homeBullets ul {

	padding-left:1em
	margin-left:0;
	padding-right:20px;
	color:#fff;

}

#homeBullets li {

	
	padding:0;
	margin:0;
	font-size: 1.2em;
	padding-top:20px;
	font-weight:bold;

}


#homeLowerLeftText {

	float:left;
	width:460px;	
	text-align: left; 
	padding:0;
	margin:0;
	

}


#homeLowerLeftText h1 {

	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	margin:0;	
	font-size: 1.2em;

}


#homeLowerLeftText p {

	padding-top:20px;
	padding-right:20px;
	margin:0;	
	

}

#homeThumbnails {

	padding:0;
	margin:0;
	padding-left:10px;
	padding-top:20px;
	float:right;
    	width:430px;	
	text-align: left; 
	
	
	

}


#homeThumbnails IMG {

	padding-right:10px;
	padding-bottom:10px;
	margin:0;
	

}






#sidebar ul {
    margin-bottom:0;
    }

#sidebar h2 {
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 0;
	font-size: 1.2em;
	
}

#sidebar h3 {
    padding:0 10px 0 0;


    }

#sidebar p {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;	
	padding-right: 20px;
	margin:0;
	
}

#sidebar IMG {
	padding-left: 0px;
        padding-bottom: 0;
	
}


#clearboth{
 clear:both;
 
}


#clearfooter{
 clear:both;
 height:36px;
}

#footer {
width:900px;
height:36px;
background:  #02024a;
color: #fff;
margin-left:auto;
margin-right:auto;
text-align: center;
position:relative;
font-size: 12px;

}

#footer p {
	margin:0;
	padding:0;
	padding-top:10px;
	color: #fff;
}

#footer a {	
		text-decoration: none;
		color: #fff;		
}

#footer a:visited {	
		text-decoration: none;
		color: #fff;		
}
	
#footer a:hover {	
		text-decoration: underline;
}


#credit {

	width:900px;
	height:36px;
	background: transparent
	color: #fff;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	position:relative;
	font-size: 11px;

}


#credit p {
		
		margin: 0;			
		padding:0;
		padding-top:10px;
		padding-bottom:5px;
		color: #fff;	
}
	
#credit a {	
		text-decoration: none;
		color: #fff;		
}
	
#credit a:hover {	
		text-decoration: underline;
}


form {
	width: 600px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	margin:0;
	
}


#rightcontent form {

	border: 1px solid #01014f;
	
	padding-top:10px;
	padding-left:0px;
	padding-right:20px;
	margin:20px;


}




fieldset ol{
	padding:0;
	margin:0;
	margin-top:10px;
	list-style:none;
}


fieldset li {

	padding:0;	
	padding-bottom: 0.5em;
	margin:0;
	margin-left:10px;
	
}

legend {

	margin-left:1em;
	color:#fff;
	font-weight:bold;
}


fieldset.submit {
	
	margin-top:10px;
	width: auto;
	border: 0 none #fff;
	
	
}


label {

	
	
	text-align: right;
	width:10em;

}


table {

	margin-left:20px;

}


.datatable {


width: 96%;
border: 1px solid #ccc;
}

.expand a {

	color: #fff;

}


.expand a span {
  color: #fff;
  display: none;
  }
 
.expand a:hover {
  
  }
/* The above hover change defeats the
  IE/Win display changing bug */
 
.expand a:hover span {
  color: #fff;
  display: block;
  text-decoration: none;
  
  }