/* Personal Coverage CSS Document */

body {
	background:url(images/bg.jpg) repeat-x #FEEC88;
	margin:0;
	padding:0;
	
}

/*** headings ***/

h1,.h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:100;
	color:#08407d;
	line-height:1.3em;
}

h2,.h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:300;
	color:#08407d;
	line-height:1.3em;
}

h3,.h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:100;
	color:#08407d;
	line-height:1.3em;
}

h4,.h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#333333;
	
}
h5,.h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:100;
	color:#08407d;
	line-height:1.3em;
	margin:0;

}

/*** Content ***/
p,.mainLocation {
	font-family:Tahoma, Arial, helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	line-height:1.5em;
	color:#08407d;
	margin:0;
}
p,.subLocation {
	font-family:Tahoma, Arial, helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:1.5em;
	color:#08407d;
	margin:0;
}
p,.content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	line-height:1.5em;
	color:#5e5e5e;
	margin:0;
}
p,.lifeText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:100;
	color:#08407d;
	line-height:1.3em;
	margin:0;
	text-decoration:none;
}
p,.textArea {
	font-family:Tahoma, Arial, helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	line-height:1.5em;
	color:#08407d;
	margin:0;
}
p,.footerText {
	font-family:Tahoma, Arial, helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#2b396a;
	line-height:1.6em;
	margin:0;
	text-decoration:none;
}
p,.contact {
	font-family:Tahoma, Arial, helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#08407d;
	margin:0;
	padding:0 5px 0 0;
}
p,.privacy {
font-family:Tahoma, Arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:100;
	color:#08407d;
	margin:0;
	
}
/*** ID Tags ***/

#container {
	width:907px;
	margin:0 auto 0 auto;
	padding:0;
}

.philosophy {
	background:url(images/philosophy-text.jpg) no-repeat;
	width:661px;
	height:176px;
	margin:0 auto 10px auto;
	text-indent:-999em;
}

#logo {
	width:907px;
	height:90px;
	background-image: url(images/personal_coverage_logo.jpg) ;
	background-repeat:no-repeat;
	margin-top:34px;
	padding-top:22px;
	text-decoration:-999em;

	
}
#contact
{	
	/* background:url(/images/phone_num.jpg)  top no-repeat; */
	width:255px;
	height:62px;
	float:right;
	margin:0;
	padding:0;
}



#banner {
	background:url(images/banner.jpg) top no-repeat;
	width:907px;
	height:272px;
	margin-top:14px;
	padding:0;
	clear:both;
}

#banner0 {
	width:907px;
	height:272px;
	margin-top:14px;
	padding:0;
	position:relative;
	clear:both;
}
#buttonBanner
{
	width:334px;
	height:200px;
	margin-top: 10px;
	margin-left: 30px;
	float:left;
	padding:0;
	clear:both;
	
	
}

#buttonBanner2
{
	width:334px;
	height:200px;
	margin-top: 10px;
	margin-left: 30px;
	position:absolute;
	padding:0;
	left: -1px;
	top: -1px;
}

#contentArea {
	background:url(images/content_bg.jpg) repeat-y;
	width:907px;
	height:;
	margin:0;
	padding:0;
	clear:both;
}
#content{
	width:880px;
	margin-left:15px;
}
#middleInside{
float:left;
width:850px;
margin:0;
padding-left:20px;
padding-right:60px;
}
	#middleInside p{
	font-family:Tahoma, Arial, helvetica, sans-serif;
	color:#2b396a;
	font-size:12px;
	}
	ol{
	font-family:Tahoma, Arial, helvetica, sans-serif;
	color:#2b396a;
	font-size:12px;
	line-height:1.7em
	}
	li{	
	font-family:Tahoma, Arial, helvetica, sans-serif;
	color:#2b396a;
	font-size:12px;
	line-height:1.7em;
	text-decoration:none;
	}
	dd{
	font-family:Tahoma, Arial, helvetica, sans-serif;
	color:#2b396a;
	font-size:12px;
	line-height:1.7em;
	text-decoration:none;
	}

#rightColInside {
	float:right;
	position:static;
	width:500px;
	margin:0;
	margin-top:4px;
	margin-left:0;
	padding:0;
}

#leftCol {
	background:url(images/contact.jpg)  top no-repeat;
	float:left;
	width:325px;
	margin-top:20px;
	margin-left:36px;
	padding:0;
	position:relative;
	
}
#location{
width:100px;
padding:0;
margin:0;
}
#autoInsure{
	width:264px;
	height:248px;
	margin-top:15px;
	margin-left:15px;
	padding:0;
	float:left;

}
#homeInsure{
	width:264px;
	height:248px;
	margin-top:15px;
	padding:0;
	float:left;
	
}
#lifeInsure{
	width:255px;
	height:248px;
	margin-top:15px;
	margin-right:5px;
	padding:0;
	float:left;
	
}
#title{
	background:;
	width:104px;
	height:41px;
	margin-top: 0px; 
	margin-right: 20px;
	padding:0;
	float:right;
	position:relative;
}
#title2{
	background:;
	width:104px;
	height:41px;
	margin-top: 0px; 
	margin-right: 20px;
	padding:0;
	float:right;
	position:relative;
}
#title3{
	background:;
	width:104px;
	height:41px;
	margin-top: 0px; 
	margin-right: 20px;
	padding:0;
	float:right;
	position:relative;
}
#title4{
	background:;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#08407d;
	width:175px;
	margin-right:55px;
	padding:0;
	float:right;
	clear:both;
}
#title5{
	background:;
	width:220px;
	margin-right:10px;
	padding:0;
	float:right;
	clear:both;
}
#divider1{
	background:url(images/divider1.jpg) no-repeat;
	width:1px;
	height:233px;
	margin:15px 30px 0 10px;
	padding:0;
	float:left;
}
#divider2{
background:url(images/divider1.jpg) no-repeat;

	width:1px;
	height:233px;
	margin:15px 20px 15px 5px;
	padding:0;
	float:left;
}
#bottomContent{
	width:808px;
	margin-left:35px;
	padding-top:35px;
	clear:both;
}
#info{
	width:350px;
	padding-top:15px;
	margin-left:65px;
	float:left;
	

}
#info2{
	width:350px;
	padding-top:15px;
	float:right;
}
#coverage{
background:url(images/coverage.jpg) top no-repeat;
width:646px;
margin:0 auto 0 auto;
padding:0;
}
#coverageContent{
width:620px;
min-height:300px;
margin-bottom:50px;
padding-top:20px;
}
	#coverage p{
	font-family:Tahoma, Arial, helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#08407d;
	margin-left:10px;
	margin-top:10px;
	padding:10px;
	}
	hr{
	color:#dee8f7;
	border:0;
	border-bottom:1px dashed #08407d;
	margin-left:15px;
	}
#coverageInfo{
float:right;
width:420px;
position:relative;
margin-top:10px;
padding-top:10px;
}	

#companies{
background:url(images/companies.jpg) top no-repeat;
width:590px;
margin:0;
padding:0;

}
	#companyContent{
	width:250px;
	padding-top:10px;
	margin-left:10px;
	}
#carriersLogo{
width:400px;
margin:5px;
padding:0;
float:right;
clear:left;
position:static;
}
#chart{
width:210px;
height:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#08407d;
line-height:1.3em;
margin-left:150px;
margin-top:-40px;
padding:0;

}

table.comparison{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:100;
line-height: 1.5em;
margin:20px;
}
td.contact{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:100;
line-height: 1.5em;
margin:20px;
}
#renterCoverage{
background:url(images/renterContent.jpg) top no-repeat;
width:833px;
height:550px;
}
#fictionContent{
	width:375px;
	padding-top:10px;
	margin-left:5px;
	float:left;
	}
#factContent{
	width:415px;
	padding-top:10px;
	margin-left:10px;
	float:right;
}
#calMortgage{
width:630px;
	padding-top:10px;
	margin-left:35px;
	float:left;
}

#footer {
	background:url(images/footer.jpg) no-repeat;
	width:907px;
	height:18px;
	margin:0;
	padding:0;
	clear:both;
}
#footerText{
	width:570px;
	margin-left:30px;
	padding:0;
}
.footerText a:link, .footerText a:visited,  .footerText a:hover, .footerText a:active{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:;
	color:#2b396a;
	line-height:1.5em;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
}

#linkLeft {
	width:270px;
	float:left;
	margin-right:10px;
}
	
	
#linkMid {
	width:270px;
	float:left;
}
	
#linkRight {
	width:270px;
	float:left;
	margin-left:10px;
}
	


/*** LINKS ***/
input.submit-btn { 
width: 85px;   /* width of the image */
height: 25px;	/* height of the image */
margin-right: 45px;
padding: 0;
border: 0;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
background:url(images/submit_button.jpg) no-repeat;  /* specify location of the image */
}
#nav{
background:url(images/nav-bg.jpg) top no-repeat;
width:910px;
height:34px;
clear:both;
padding:0;
margin:0;
}

a {
	font-family:Tahoma, Arial, helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#2b396a;
	text-decoration:none;
	line-height:1.6em;
	margin:0;
}
a:visited {
	color:#2b396a;
	text-decoration:none;
}
a:hover {
color:#245484;
text-decoration:underline;
}

a:active {
	color:#2b396a;
	text-decoration:none;
}
.lifeText a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	line-height:1.5em;
	color:#08407d;
	margin:0;
	text-decoration:none;

}
.lifeText a:hover {
	color:#003366;
	text-decoration:none;
}
.lifeText a:active {
	color:#08407d;
	text-decoration:none;
}


/*** UL LI Navigation ***/

ul.navBar{
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
}

ul.navBar li{
font-family:Tahoma, Arial, helvetica, sans-serif;
font-size:15px;
color:#2b396a;
display:inline;
margin:0;
padding:9px 26px 8px;
}

ul.navBar li:hover{
height:34 px;
background:url(images/nav-hover-bg.jpg) top center repeat-x;
}

ul.navBar li a{
font-family:Tahoma, Arial, helvetica, sans-serif;
font-size:15px;
height:34px;
display:inline;
color:#ffffff;
text-decoration:none;
margin:0;
padding:0px 0 0 0;
}

ul.navBar li a:hover{
color:#2b396a;
text-decoration:none;
}
/*** Custom Bullets ***/

ul.CLASSNAME {
	line-height:2.5em;
	list-style-type:none;
	margin-left:0;
	padding-left:10px;
}

ul.CLASSNAME li {
	background:transparent url(file:///Y|/intellisites/CodeBank/CSS/images/NAME.jpg) no-repeat scroll 0 7px;
	list-style-type:none;
	padding-left:0px;
}

.CLASSNAME a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#333333;
	line-height:1.5em;
	margin:0;
	text-decoration:none;
}



.popup{
position: relative;
z-index: 0;
}

.popup:hover{
background-color: transparent;
z-index: 50;
}

.popup span{ /*CSS for tooltip*/
position: absolute;
background-color: white;
padding: 5px;
visibility: hidden;
color: rgb(8,64,125);
text-decoration: none;
}

.popup:hover span{ /*CSS for tooltip on hover*/
visibility: visible;
top: 30px;
width: 200px;
left: 0px; /*position where tooltip should offset horizontally */
}