/* 
#00287A blue
#932653 burgundy
#EEE2D0 cream 
#CCCCCC gray
*/

/* =DISTYLES =LAYOUT */

.clear { clear: both; height: 0px; } /* use within elements that have height defined */
.clearfloat { clear: both; height: 1px; } /* use within elements of variable height */

.pageContainer {
	width: 760px;
	}

.dateStamp {
	position: absolute;
	top: 0px;
	left: 3px;
	color: #EEE2D0;
	font-size: 9pt;
	}
.topNav {
	position:absolute;
	top:0;
	left: 622px;
	height: 19px;
	border-bottom: 1px solid #000;
	}
:first-child+html .clearNav{
/*for IE*/
	height:19px;
	margin-bottom: -35px;
}
*html .clearnav{
/*for IE*/
	height:19px;
	margin-bottom: -35px;
}
.pageContainer .topNav { border: none; }
.pageContainer .leftCol { border-top: 1px solid #000; }

.topNav ul, .topNav li {
	text-align: right;
	list-style: none;
	list-style-image: none;
	height: 19px;
	margin: 0;
	padding: 0;	
	}
.topNav li { display: inline; }
.topNav li img {
	margin-bottom: -3px;
	margin-left: -2px;	
	}

.contentContainer {
	margin-top:19px;
	width: 749px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: url(../images/bg_contentContainerBack.gif) repeat-y;
	}

.leftCol {
	float: left;
	width: 140px;
	}
.loginArea { margin-bottom: 4px; }

.nav ul, .nav li {
	list-style: none;
	list-style-image: none;
	width: 140px;
	margin: 0;
	padding: 0;	
	}
	
.searchArea { text-align: center; }
.searchArea form { margin: 0; padding: 0; }
.searchField {
	width: 98px;
	height: 20px;
	margin: 0;
	border: 1px solid #A5ACB2;	
	}

.consumerAlert {
	margin: 5px 0;
	text-align: center;
	}
	

.rightCol {
	float: right;
	width: 607px;	
	}


.rightCol .logo { 
	margin-bottom: 20px;
	border-top: 1px solid #000;
	}

.content { margin: 0 30px; }

.contentBack { margin: 0 20px 20px 20px; }

.header { /* backpage */
	margin-right: -30px;
	margin-bottom: 20px;
	background: url(../images/bg_header.gif) repeat-x;	
	}

div#col12 {
	float: left;
	width: 317px;
   
	}
div#col22 {
	float: right;
	width: 200px;
	margin-left: 30px;
	}

.contentLeftBack {
	/* float: left;
	width: 433px; */
	}
.contentRightBack { /* back page profiles */
	float: right;
	width: 114px;
	margin-left: 20px;
	margin-bottom: 10px;
	text-align: center;
	}
.contentRightBack img {
	margin: 2px;	
	}

.promotion { /* 1234 */ }
.promotionNav { 
	margin: 5px 0;
	text-align: center;
	}

.profilesFront { /* front page profiles */
	clear: both;
	height: 73px;
	border-bottom: 1px solid #000;
	background: url(../images/bg_profiles.gif) repeat-x;
	}
.profilesPhotos {
	float: left;
	width: 341px;
	text-align: right;	
	}
.profilesPhotos img {
	margin-left: 10px;	
	}
.customerProfiles {
	float: right;
	width: 260px;
	height: 65px;
	background: #EEE2D0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	}
.customerProfiles img { margin-left: 8px; }

.thankYou {}

.footer {
	width: 740px;
	margin: 10px 0 10px 10px;
	color: #EEE2D0;
	font-size: 8pt;
	text-align: center;
	}
.footer a:link, .footer a:visited { color: #EEE2D0; text-decoration: underline; }
.footer a:hover { color: #fff; text-decoration: none; }
.footerLeft {
	float: left;
	width: 120px;
	margin-right: 0px;
	text-align: center;
	}
.footerRight {
	float: right;
	width: 307px;
	margin-left: 5px;
	text-align: center;
	}
.footerRight img {
	margin-left: 10px;	
	}
div.subnav{
    text-align:center;
    font-size:.9em;
    padding:10px;
}

ul li {
	list-style: square;
	list-style-image: url(../images/li.gif);	
	}


/* DHTML Styles */
.clCMEvent{position:absolute; z-index:400; width:100%; height:100%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:hidden;}
.clCMAbs{position:absolute; width:10px; height:10px; left:0; top:0; visibility:hidden}
.clB,.bordercolor{position:absolute; visibility:hidden; z-index:1;}
.temp{position:absolute;visibility:hidden;width:0px;height:0px;display:none;}
.item_on,.item_off{position:absolute; width:150px; height:25px;}
.clB{
	background-color:#932653;
    
}
.item_on,.item_off{
	padding: 5px;
	font-size: 8pt;
	font-weight: normal;
	font-family: arial, sans-serif;
	overflow: visible;
	text-align: left;
}
.bordercolor{
	background-color:#932653;
	border:#932653;
    
}
.item_off{
	color:#660000;
	background-color:#FFFFFF;
	cursor: default;
}
.item_on{
	color: #FFFFFF;
	background-color: #932653;
	cursor: hand;
	cursor: pointer;
}

	#ex_dis{
		background-color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: normal;
		color: #000000;
		text-align: left;
		position: absolute;
		border: 2px solid #1C2F69;
		padding: 15px;
		display:none;
		z-index: 500;
		width:400px;
		top:50;
		left:250px;
		FILTER: progid:DXImageTransform.Microsoft.dropShadow( Color=000000,offX=7,offY=8,positive=true);
	}
    
/*Calculator styles*/    
.calctable td, .calctable th{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align:center;
}
div.dicalc{
    /*border:1px dashed #ff0000;*/
    width:95%;
}
.calctable {
border-left: 1px solid #000;
border-top: 1px solid #000;
width:100%;
}
.calctable td.tablesubheader{
	 background-color:#dedede;
     color:#000;
}


table.calc {
	border: 1px dotted #ccc;
	padding-left: 10px;
}

table.calc td {
	text-align: left;
    align: left;
	background-color: #ccc;
	font-size: 11px;
	padding:5px;
}

table.calc td.description {
	background-image: none;
	background-color: #eee;
	width: 130px;
	border-left: 3px solid #ccc;
	text-align: left;
	align: left;
	font-size: 11px;
	font-weight: normal;
	padding: 5px;
}

table.form td.submit {
	background-image: none;
	background-color: #eee;
	border-left: 3px solid #666;
	font-weight: normal;
	padding: 5px;
}

table.form td.required {
	border-left: 3px solid #900;
}


fieldset {
	border: 1px solid #ccc;
	padding: 10px 10px;
	width:420px;
}

legend {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	background-image: url(../images/bg-tablehead.gif);
	background-repeat: repeat-x;	
	border: 1px solid #ccc;
	border-bottom-color: #999;
	padding: 3px 6px;
	margin-top: 10px;
}

body {
	margin: 0;
	padding: 0;
	background-color: #932653;
	color: #000;
	font: 9pt/12pt arial, sans-serif;	
	}
p,div,td,th{
    font: 9pt arial, sans-serif;	
}
 
div#profilePage img{
    margin-right:5px;
    margin-bottom:25px;
} 

hr{
    clear:both;
    color:#072462;
    height:3px;
    
}	
a:link {
	color: #00287A;	
	}
a:visited {	
	color: #00287A;
	}
a:hover, a:active {
	color: #932653;	
	}
	
a img { border: none; }

h1,.heading1 {
	margin: 0 0 8px 0;
	padding: 0;
	color: #00287A;
	font-size: 12pt;
    font-weight:bold;
	}
h2,.heading2 {
	margin: 0 0 3px 0;
	padding: 0;
	color: #932653;
	font-size: 10pt;
    font-weight:bold;
	}
h3,.heading3 {
	margin: 0 0 3px 0;
	padding: 0;
	color: #00287A;
	font-size: 9pt;	
    font-weight:bold;
	}
p {
	margin: 0 0 10px 0;	
	}


	
.Q {	
	color: #00287A;
	font-size: 12pt;
	font-weight: bold;
	}
.A {
	color: #932653;
	font-size: 12pt;
	font-weight: bold;
	}
	
.disclaimer {
	font-size: 8pt;
	line-height: 10pt;
	}
	
.required {
	color: #932653;
	}
	
.appfield1, input.button {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #000;
	}
	
.appfield2 {
	border: 1px solid #000;
	background-color: #eee;
	color: #000;
	}
    
table.dtable td, table.dtable th{
border-right: 1px solid black;
border-bottom: 1px solid black;
}

table.dtable  {
border-left: 1px solid black;
border-top: 1px solid black;
}    


table.branch  {
border: 1px solid black;
margin-bottom:25px;
}    


	.tableheader,th {
	background-color: #932653;
	color: #fff;
	font-weight: bold;
	}
	
td.tablecontent1{
	color: #00287A;
    background-color:#fff;
	}
td.tablecontent2 {
	background-color:#EEE2D0;
    color:#000;
	}    
td.tablesubheader{
    font-weight:bold;
    background-color:#002463;
    color:#fff;
}    
td.tablesubheader a{
    color:#fff;
}
div.location{ 
margin-bottom:15px;
width:200px; 
clear:both;
/*border:1px dashed #ff0000; */
}

/* Login Styles */

.loginLeft {
	margin-left: -10px;
	float: left;
	width: 253px;	
	}
.loginTitle {
	float: left;
	width: 119px;	
	}
.loginForm {
	position: relative;
	float: right;
	width: 134px;
	height: 156px;
	background: #00287A;	
	}
.loginForm form {
	margin-top: 22px;
	text-align: center;	
	}
.loginForm .loginButton {
	position: absolute;
	top: 122px;
	left: 0;
	}
.loginField {
	width: 90px;
	height: 18px;
	background: #ECF5FE;
	color: #00287A;
	}
.firstTime {
	clear: both;
	padding: 5px 0;
	border-left: 1px solid #00287A;
	border-right: 1px solid #00287A;
	background: #faf5ed;
	text-align: center;	
	}
.loginLinks {
	padding: 5px 0;
	border: 1px solid #00287A;
	background: #932653;	
	color: #EEE2D0;
	text-align: center;	
	}
.loginLinks a:link, .loginLinks a:visited { color: #EEE2D0; text-decoration: underline; font-size: 8pt;}
.loginLinks a:hover { color: #fff; text-decoration: none; }
.loginLinks p {
	font-size: 8pt;
	margin: 10px 5px 5px 5px;
	line-height: 10pt;	
	}
	
.loginRight {
	margin-right: -10px;
	float: right;
	width: 284px;
	text-align: center;
	}
.loginRight h2 {
	margin-bottom: 10px;
	text-align: left;
	}
.loginRight p {
	text-align: left;	
	}
.loginRight img {
	margin: 10px 0;		
	}
	
.loginDisclaimer {
	text-align: center;
	}
.loginDisclaimer p {
	clear: both;	
	font-size: 7pt;
	line-height: 9pt;
	text-align: left;	
	}

#grpBanner, #hpaBanner {
	margin: 1em 0;
}