h1 { font: bold 22px "Lucida Grande", "Lucida Sans", Arial, Sans-Serif; padding: 2px 0 5px 0px; margin: 0; }
h2 { font: bold 18px "Lucida Grande", "Lucida Sans", Arial, Sans-Serif; padding: 0px 0 5px 0px; margin: 0;}
h3 { font: bold 14px "Lucida Grande", "Lucida Sans", Arial, Sans-Serif; padding: 0px 0 0 0px; margin: 0;}
h4 { font: bold 13px Arial, Sans-Serif; padding: 0px 0 0 0px; margin: 0;}
h1 a { color: #FFF; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }
p {	
margin: 5px 0 10px 0;
}

table tr td
{
	line-height:27px;
}

body {
	width:100%;
	height: 100%;
	background: #003399;
	color: #FFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Sans-Serif; 
	font-size: 13px;
	margin: 0;
    padding: 0;

}
a 
{
	color:#FFF;
	font-weight:bold;
	text-decoration: none;
}
a:hover
{
	color:#FFCC33;
}
/* layout
   ------ */

#popup 
{
border: 3px solid #FF0000;
position: absolute;
display:none;
z-index: 500;
left:300px;
top:150px
}

#overlay{
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:200;
  background-color:#000;
  opacity:.50;
  filter: alpha(opacity=50);
}
img
{
	border:0px;
}

.content 
{
	background:#0066CC none repeat scroll 0 0;
	border-left:1px solid #003366;
	border-right:1px solid #003366;
	border-bottom:1px solid #003366;
	margin:0 auto;
	width:970px;
}

/* header */
.header 
{
	padding: 0px 0px 0 0px;
	height: 105px; 
}

.weeTab{
	margin: 0 10px 0 0px;
	float:right;
}
.sf_left {
	/*border: 1px solid #0000FF; */
	margin-top: 13px;
	margin-left:15px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 392px;
	height: 72px;	
}
.sf_middle {
	width: 100px;
	height: 72px;
	float: left;
	
}

.sf_right {
	float: right;
	width: 400px;
	height: 52px;
	margin:20px 20px 20px 0;
}

.spacer
{
	width:1px;
}
.sep
{
	height:20px;
}

.phonePanel
{
	padding:0px 0px 0px 0;
	background: url('../images/bigGloss.gif');
	color: #000;
	font-family: Lucida Sans, "Lucida Grande", Arial; 
	font-size: 18px;
	line-height:28px;
	font-weight:bold;
	
}
.formWrap
{
	padding:5px 5px 5px 5px;
}
.stripe{
	float: left;
	width: 100%;
	height: 36px;
	margin: 0 0 0px 0;
	padding: 0px 0px 0px 0px; 
	background: url('../images/bgNavGloss3.gif') repeat; 
		
}

/* left side
   --------- */

	/* Outer left and central column */
	.left { 
		border: 1px solid #0066CC; 
		float: left; 
		width: 10px; 
		padding: 0px 0px 0px 0px; 
		}
		
	.center { 
		margin: 10px 0 10px 0;
		float: left; 
		width: 750px; 
		padding: 0 0px 0 0px;
		
	}
	
	.centerFull 
	{
		clear:both;
		float: left; 
		vertical-align:top;
		border: 1px solid #000000;
		top:0px;
		margin-right:5px;
		margin-bottom:10px;
		background: #0260BD;
		width: 747px; 
		
	}
	
	.center1 
	{
		clear:both;
		float: left; 
		width: 370px; 
		vertical-align:top;
		border: 1px solid #222;
		top:0px;
		margin-right:5px;
		background: #0260BD;
		margin-bottom:5px;
	}
		
	.center2 
	{
		border: 1px solid #222;
		float: left; 
		width: 370px; 
		padding: 0 0px 0 0px;
		vertical-align:top;
		background: #0260BD;
		margin-bottom:5px;
	}		
		
/* right side
   ---------- */
		
.right 
{
	margin: 10px 0 10px 0;
	float: left; 
	width: 160px; 
	padding: 0px 0px 0px 20px; 
		}
		
.rightCenter 
	{
		border: 1px solid #000000;
		float: left; 
		width: 134px; 
		padding: 0 0px 0 0px;
		vertical-align:top;
		background: #0066CC;
		margin-left:18px;
		margin-bottom:5px;
	}		

.pageIcon
{
vertical-align: middle;
}
		
/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	color: #FFFFFF;
	padding: 0px 0 0px 0;
	height:200px;
	border-top:3px solid gold; 
	background:#0260BD;
}

.footer p {	line-height: 2em; }
.footer a {	color: #FFCC33; 
	text-decoration: none; }

.mainNav{
height: 36px;
margin:0;
padding: 0px 0px 0px 0px; 
list-style: none;
float: left;
}

.mainNav li{
float: left;
}

.footNav a{
display:block;
color:gold;
padding: 0.4em;
font-size: 12px;
font-family:  Lucida Sans, "Lucida Grande", Arial;
text-decoration:none;
}

.yelBox
{
	width:350px;
	height:300px;
	background:#3333FF;
	margin: 10px 0 0px 0;	
}

.formHeader
{
background: #003399; 
color:#000;
padding: 0.35em;
font-size: 17px;
font-family:  Lucida Sans, "Lucida Grande", Arial;
font-weight:bold;
text-decoration:none;
color:gold;
}

.mainNav a{
display:block;
color:#3333FF;
padding: 0.4em;
font-size: 15px;
font-family:  Lucida Sans, "Lucida Grande", Arial;
text-decoration:none;
color:#000000;
}


.mainNav a:hover{
color:#333;
}

/*Input Form  */

.label
{
color:red;
width: 200px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.errValidate{
font-size: 12px;
font-family: Arial;
text-decoration:none;
background-color:#FFFF00;
font-weight: bold 
}

select
{
color: #000000;
background: #ffffff;
}

input, textarea
{
color: #000000;
margin-bottom:2px
}
.smlbutton
{
color: #000000;
background: url('../images/smallGloss.gif');
width:45px;
border: 0px;
height:26px;
font: bold 18px "Lucida Grande", "Lucida Sans", Arial, Sans-Serif;
float:right;
text-align:center;
padding:0px 0px 0px 0px;
display:inline;	
margin-bottom:2px;		
}
.smlbutton:hover
{
	background: url('../images/smallGloss.gif');
	width:45px;
	color: #666666;
	cursor:pointer;
}
.button
{
background: url('../images/glossButton.gif');
border: 0px;
width:150px;
height:26px;
font: bold 14px "Lucida Grande", "Lucida Sans", Arial, Sans-Serif;
float:right;
		
}

.homeIns
{
background: url('../images/home_insurance.gif');
border: 0px;
width:370px;
height:90px;		
}

.mortGuide
{
background: url('../images/mortgage_guide.gif');
border: 0px;
width:370px;
height:90px;		
}
.specOffer
{
background: url('../images/special_offer.gif');
border: 0px;
width:370px;
height:90px;		
}

.button:hover
{
	background: url('../images/glossButtonDown.gif');
	color: #666666;
	cursor:pointer;
}
.submit
{
margin-left: 200px;
color: #000;
font-weight:bold;
background: #FFFF00;
border: 1px solid red
}


.partners{
margin-top:50px;
}

fieldset
{
border: 1px solid red;
}

.footBox1
{
	margin:10px 0px 0px 10px;
	padding:2px 1px 1px 2px;
	width:48%;
	float:left
}
.footBox2
{
	margin:10px 0px 0px 10px;
	padding:2px 1px 1px 2px;
	width:48%;
	text-align:right;
	float:left
}
.footCopy
{
	font-size:10px;
	color:#FFFFFF;
	margin:5px 0px 0px 5px;
	padding:2px 1px 1px 2px;
	width:99%;
	text-align:left;
	float:left	
}


.form {
background-color:#F2F6F9;
border:1px solid #D0D9E0;
padding:16px;
}


.formContLeft {
float:left;
width:625px;
}

.formBox {
background-color:#FFFFFF;
border:1px solid #D0D9E0;
}

.formBoxInner {
padding:16px;
}

.form textarea {
background-color:#F7F9FB;
border:1px solid #D0D9E0;
font-size:11px;
padding:4px;
width:445px;
}