/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 80%;
	color					: #40174F;
	background-color		: #451F55;
	background-image		: url(../images/bkgrnd.jpg);
	background-position		: top;
	background-repeat		: repeat-x;
	text-align				: center;
	margin					: 0px;
	padding 				: 0px;
	behavior				: url("htc/csshover.htc");
}



/*###############
##### FONTS #####
###############*/ 


p{
	font-size 				: 100%;
	margin	 				: 0px 20px 10px 15px;
	
}



h1{
	font-size 				: 150%;
	color					: #FFF;
	margin	 				: 20px 0px 40px 15px;
}


h2{
	font-size 				: 100%;
	color					: #008E53;
	margin	 				: 0px 20px 10px 15px;
	font-weight				: none;
}

h3{
	font-size 				: 110%;
	margin	 				: 10px 0px 5px 15px;
	font-weight				: none;
}


h4{
	font-size 				: 120%;
	margin	 				: 0px 0px 0px 0px;
	font-weight				: none;
}


a{
	color					: #000;
	text-decoration 		: none;
	font-weight				: bold;
}

a:hover {
	text-decoration 		: underline;
	font-weight				: bold;

}



.contentMain ul {
	margin-left				: 8px;
	margin-right			: 8px;

}

.contentMain ul li {
	padding-bottom			: 5px;

}


.hr{
	margin					: 5px 0px 10px 15px;
	width					: 300px;
	color					: #DDD;
	border					: 1px dashed;
}

/*###################
##### CONTAINER #####
###################*/ 


#container{
	width					: 728px;
	margin-right			: auto;
	margin-left				: auto;
	text-align				: left;
	display					: block;
}


/*################
##### HEADER #####
################*/ 


#header{
	width					: 728px;
	height 					: 129px;
	background-color		: #451F55;
	border-left				: 2px solid #000000;
	border-right			: 2px solid #000000;
}


.logo{
	border					: none;
	float					: left;
	margin					: 10px 0px 0px 10px; 
}

.banner{
	float					: right;
	margin					: 10px 10px 0px 0px; 
}




/*####################
### TOP NAVIGATION ###
####################*/ 

#topNav{
	clear					: both;
	padding					: 10px 0px 0px 0px;
}

ul#topNavBar{
	height 					: 30px;
	list-style 				: none;
	background-color		: #46527B;
	margin					: 0px;
	padding					: 1px 0px 0px 0px;
	border-top				: 1px solid #000;
	border-bottom			: 1px solid #000;

}

ul#topNavBar li{
	display 				: inline;
}


ul#topNavBar li a{
	display 				: block;
	float 					: left;
	margin					: 0px;
	padding		 			: 0px 16px 0px 15px;
	line-height				: 2.6em;
	font-size				: 85%;
	color					: #FFF;
	text-decoration 		: none;
	height 					: 30px	
}


#topNavBar li a:hover{
	background-color		: #CDD2E2;
	color					: #40174F;
}



#topNavBar li:hover ul, #topNavBar li:hover #topNavBar li:hover ul {
	display					: block;
}



#topNavBar li ul{
	margin					: 30px 0px 0px 0px;
	padding					: 0px;
	display					: none;
	font-size				: 90%;
	position 				: absolute;
	border-top  			: 1px solid #000;
	border-left  			: 1px solid #000;
	border-right  			: 1px solid #000;
}

#topNavBar li ul.claimsUL{
	margin-left 			: -1px;
}

*html #topNavBar li ul.claimsUL{
	margin-left 			: -600px;
}


#topNavBar li ul li{
}

#topNavBar li ul li a{
	display 				: block;
	text-decoration 		: none;
	padding					: 5px 5px 5px 5px;
	clear 					: both;
	height					: auto;
	width 					: 190px;
	background-color 		: #7280AF;
	border-bottom 			: 1px solid #000;
}


#topNavBar li ul li a:hover{
	border-bottom 			: 1px solid #000;
}





/*#################
##### CONTENT #####
#################*/ 
	
		
	
#content{
	width 					: 728px;
	background-image		: url(../images/bkgrnd_header.jpg);
	background-position		: top;
	background-repeat		: no-repeat;
	min-height 				: 440px;				
	display 				: block;
	margin					: 0px;
	padding					: 0px;
	line-height 			: 165%;
	background-color		: #FFFFFF;
	border					: 2px solid #000000;
	border-top				: none;
	
}

*html #content{
	height 					: 440px;
}


#contentFull{
	width 					: 728px;
	display 				: block;
	float 					: left;
	margin					: 0px;
	
}

#contentLeft{
	width 					: 500px;
	display 				: block;
	float 					: left;
	margin					: 0px;
	
}

#contentRight{
	width 					: 225px;
	margin					: 0px;
	padding					: 0px;
	display 				: block;
	float 					: right;
}



/*#################
##### TEASERS #####
#################*/ 



.teaser{
	padding					: 0px;
	margin					: 10px 15px 0px 0px;
	width					: 194px;
	line-height				: 1.8em;
	height					: 140px;
	clear					: both;
}

.teaserFlash{
	padding					: 0px;
	margin					: 10px 15px 0px 0px;
	width					: 194px;
	line-height				: 1.8em;
	height					: 140px;
	clear					: both;
}



.teaser p{
	margin					: 0px 10px 0px 10px;
	padding					: 0px;
	line-height				: 1.4em;
	font-size				: 85%;
}

.teaser h2{
	margin					: 0px 10px 5px 10px;
	padding					: 0px;
	line-height				: 1.4em;
	font-size				: 100%;
}


.teaser .teaserTop{   /*for teaser header overlapping header*/
	width					: 194px;
	height					: 11px;
	background-image		: url(../images/teaserTop.gif);
	background-repeat		: no-repeat;
}

.teaser .teaserTop1{   /*for normal teaser header*/
	width					: 194px;
	height					: 11px;
	background-image		: url(../images/teaserTop1.gif);
	background-repeat		: no-repeat;
}

.teaser .teaserMiddle{
	width					: 194px;
	min-height				: 115px;
	background-image		: url(../images/teaserMiddle.gif);
	background-repeat		: repeat-y;
	background-position		: top;
}

*html .teaser .teaserMiddle{
	margin-top				: -5px;
	height					: 115px;
}



.teaser .teaserBottom{
	width					: 194px;
	clear					: both;
	height					: 12px;
	background-image		: url(../images/teaserBottom.gif);
	background-repeat		: no-repeat;
	
}


.teaserImage{
	float					: right;
	padding					: 0px 2px 0px 5px;
}




/*#################
#### STRAPLINE ####
#################*/ 


#strapline{
	clear					: both;
}

.straplineLogo1{
	margin-left				: 60px;
}

.straplineLogo2{
	margin-left				: 40px;
}



/*##################
### BACK BUTTONS ###
##################*/ 


a.back{
	color 						: #6F5584;
	float						: right;
	font-size					: 90%;
	text-transform				: lowercase;
	text-decoration				: none;
	font-weight					: normal;
	background-image			: url(../images/backArrow.gif);
	background-repeat			: no-repeat;
	background-position			: right;
	padding-right				: 15px
}
a.back:hover{
	color 						: #381C4F;
	text-decoration				: underline;
	font-weight					: normal;
	background-image			: url(../images/backArrowOver.gif);
}



a.backTop{
	color 						: #6F5584;
	float						: right;
	font-size					: 90%;
	text-transform				: lowercase;
	text-decoration				: none;
	font-weight					: normal;
	background-image			: url(../images/topArrow.gif);
	background-repeat			: no-repeat;
	background-position			: right;
	padding-right				: 15px
}
a.backTop:hover{
	color 						: #381C4F;
	text-decoration				: underline;
	font-weight					: normal;
	background-image			: url(../images/topArrowOver.gif);
}





/*###############
##### CASES #####
###############*/ 



.cases {
	background-color		: #DDD;
	border					: 1px solid #381C4F;
	margin					: 10px;
	padding					: 10px;
}



.casesMain {
	float					: left;
	width					: 520px;
}

.casesOther {
	float					: right;
	background-color		: #CCC;
	border					: 1px solid #381C4F;
}

.caseImage{

	margin					: 0px 20px 0px 0px;
	vertical-align			: middle;
	float					: left;

}

.caseImageLG{
	border					: 1px solid #381C4F;
	margin					: 0px 20px 5px 10px;
	vertical-align			: middle;
	float					: left;

}

ul#cases {
	list-style-type			: square;
	color					: #381C4F;
	margin					: 0px 5px 5px 15px;
	padding-left			: 5px;
	font-size				: 100%;
	line-height				: 175%;
}

.caption{
	float					: right;
	width					: 250px;
	font-size				: 95%;
	padding					: 10px;
	border					: 1px solid #381C4F;
	margin-right			: 10px;
	color					: #008E53;
	margin-left				: 10px;
}


.questionBox {
	float					: right;
	margin					: 0px 10px 0px 20px;
	padding					: 3px;
	background-color		: #CCC;
	border					: 1px solid #381C4F;
}



/*#################
### FORM LAYOUT ###
#################*/ 



.form {
	background-color		: #DFDBE3;
	margin					: 0px 10px 0px 10px;
	border					: 1px solid #381C4F;
	width					: 680px;
}


*html .form {
	background-color		: #DFDBE3;
	margin					: 0px 10px 0px 10px;
	border					: 1px solid #381C4F;
	width					: 660px;
}

.formLine{
	padding					: 5px 10px 5px 10px;
	vertical-align			: top;
}

.formField,.formField100,.formField125{
	width					: 250px;
	font-family				: "Trebuchet MS";
	font-size				: 1em;
	color					: #381C4F;
	display					: block;
}
*html .formField,*html .formField100,*html .formField125{
	display					: inline;
	

}
.formField100{
	width					: 100px;
}.formField125{
	width					: 125px;
}
.formCheckbox{
	margin-bottom			: 10px;
	
}
.formText,.formText2{
	width					: 150px;
	margin-right			: 10px;
	
}
.formText2{
	width					: 200px;
	vertical-align			: top;


}
label.formText{
	width					: 150px;
	margin-right			: 10px;
	color					: #000000;
}

.formTextError,.formTextError2{
	width					: 150px;
	margin-right 			: 10px;
	font-weight				: bold;
	color					: #FF0000;
}
.formTextLong{
	width					: 430px;
	margin-left				: 10px;
}
.formHeader{
	background-color		: #381C4F;
	width					: 670px;
	color					: #ffffff;
	font-weight				: bold;
	font-size				: 1.2em;
	padding					: 5px;
	margin-bottom			: 5px;
	text-decoration			: none;
}

.hiddenDiv{
	display					: none;
}
.visibleDiv{

}
.submitButton{
	margin					: 0px 0px 20px 0px;
	background-color		: #381C4F;
	color					: #ffffff;
	

}
.submitButtonDisabled{
	margin-top				: 0px;
	margin-bottom			: 20px;
	background-color		: #cccccc;
	color					: #ffffff;

}
hr.formLine{
	height					: 1px;
	width					: 650px;
	margin					: 5px 10px 5px 10px;
	padding					: 0px;
}



/*################
##### FOOTER #####
################*/ 


#footer{
	width					: 728px;
	height 					: 42px;
	clear 					: both;
	
}


#copyright{
	padding-left 			: 8px;
	padding-top 			: 3px;
	font-size 				: 80%;
	color					: #CCC;
}


#copyright a {
	color					: #FFF;
	text-decoration			: none;
}


#copyright a:hover {
	color					: #FFF;
	text-decoration			: underline;
}



/*###################
### MISCELLANEOUS ###
###################*/ 

.tbl
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}
.tbl td
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height					: 25px;
	vertical-align			: top;
}




.freePhoneCenter
{
	margin					: 5px 0px 0px 125px;
	padding					: 20px 0px 0px 0px;
	background-image		: url(../images/freePhone.gif);
	background-repeat		: no-repeat;
	text-align				: center;
	text-transform			: uppercase;
	font-weight				: bold;
	width					: 240px;
	height					: 62px;
	font-size				: 90%;
	line-height				: 1.0em;
}

.freePhone{
	margin					: 20px 20px 0px 10px;
	padding					: 20px 0px 0px 0px;
	float					: right;
	background-image		: url(../images/freePhone.gif);
	background-repeat		: no-repeat;
	text-align				: center;
	text-transform			: uppercase;
	font-weight				: bold;
	width					: 240px;
	height					: 62px;
	font-size				: 90%;
	line-height				: 1.0em;

}

.freePhoneNumber{
	font-size				: 160%;
	line-height				: 1.0em;
	font-weight				: bold;
}