body {
    background: #0F3566 url(../images/website_background.jpg) repeat-y center top;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: .75em;
	text-align: center;	
	}
	
a:link, a:visited {	
	color: #3a75c4;
	text-decoration: none;
	}
a:hover, a:active {
	color: #3a75c4;
	text-decoration: underline;
	}

a img { border: none; }
.vp_heading2 { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13pt; COLOR: #003399; FONT-WEIGHT: bold;}

.vp_heading3 { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; COLOR: #000000; FONT-WEIGHT: bold;}
h1 {
	color: #000;	
	font-size: 11pt;
	margin: 0;
	margin-bottom:10px;
	padding: 0;
}


h2 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 13pt; 
	color:#003399;
	font-weight: bold;
	}
	
.h2grey{
	color:#999999;
}

h3 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#000000; 
	font-weight: bold;
}
	
h4 {
	color: #79aec0;	
	font-size: 8pt;	
	margin: 0;
	padding: 0;
	}
p {
	margin: 5px 0 5px 0;
	padding: 0;
	line-height: 12pt;
}

.grey{
	color:#999999;
}
.pRed{
	font-weight:bold;
	color:red;
}
.pBlue{
	font-weight:bold;
	color:#003399;
}
/* ------------------------------------------------------------------- =LAYOUT =DISTYLES */

.clearfloat {
	clear: both;
	height: 1px;	
	}
.clear0 {
	clear: both;
	height: 0;	
	}
	
.pageContainer {
	width: 820px;
	margin: 0 auto;
	text-align: left;
	border-bottom: 1px solid #666;
	}
	
* html .pageContainer {
	width: 820px;
	}
	
.topSpacer {
	height: 25px;
}
/* --------------------------------------------------------- =MASTHEAD */

.masthead {
    background-color: #FFFFFF;
	height: 105px;
	}
/* --------------------------------------------------------- =TOPNAV */
	


.topNav {
	height: 25px;
	position: absolute;
	top: 61px;
	right: 0;
	}

.topNav ul {
	margin: 0;
	padding: 0;	
}

.topNav li {
	margin: 0;
	padding: 0;	
	display: inline;
	}

/* --------------------------------------------------------------------- =CONTENT */


.contentContainer {
	
	padding-bottom: 10px;
	/*background: #fff url(../images/bg_contentleft.gif) repeat-y;*/
	width: 820px;
	border: none;
	background-color: #fff;
}

/* --------------------------------------------------------------------- =LEFTCOL */
.leftCol {
	float: left;
	width: 175px;
    margin-left:15px;
	display: inline;
	
/*	background: #fff url(../images/bg_contentleft.gif) repeat-y; */
	}
	
.loginArea {
	border-right:1px solid #cccccc ;
	border-bottom:1px solid #cccccc ;
	padding: 0px 0;
	margin: 10px 0 0 0px;
	color: #000;
	font-size: 8pt;
	font-weight:bold;
	background-color:#F3F3F3 ;
}

.loginArea form {
	margin: 0;
	padding: 3px 0 0 4px;
	}

.loginArea input, .loginArea img { vertical-align: middle; }





.userField {
	
	height: 21px;
	max-height: 21px;
	margin: 3px 0;
	}
	
*:first-child+html .userField {
	height: 17px;
	max-height: 17px;
}/* IE7 HEIGHT ISSUE */
	
.passField {
	width: 102px;
	height: 21px;
	max-height: 21px;
	margin: 3px 0;
	}
	
*:first-child+html .passField {
	height: 17px;
	max-height: 17px;
}/* IE7 HEIGHT ISSUE */


.leftPromoContainer {
	padding: 5px 10px;
	margin: -1px 0 0 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #000;
	font-size: 7pt;
	height: 1%;
}

.leftPromoImg {
	float: right;
	width: 55px;
	margin: 0 0 0 10px;
	display: inline;
}

	
/* --------------------------------------------------------------------- =SEARCHAREA */

.searchArea {
	padding: 0 0 0 0;
	margin: -5px 0 0 0;
/*	background-color: #fff; */
	
	color: #000;
	font-size: 7pt;
	height: 1%;
}


.searchArea form {
	margin: -5px 0 0 0;
	padding: 0 0 5px 0;
	border-right:1px solid #cccccc ;
	border-bottom:1px solid #cccccc ;
	background-color:#F3F3F3;
}

.searchField {
	height: 21px;
	max-height: 21px;
	margin: 3px 0 0 5px;
	}
	
*:first-child+html .searchField {
	height: 17px;
	max-height: 17px;
}/* IE7 HEIGHT ISSUE */

.searchBtn {
	text-align: right;
	margin-right: 5px;
}



/* --------------------------------------------------------------------- =RIGHTCOL */


.rightCol {
	float: right;
	width: 600px;
	display: inline;
	margin-right: 5px;
	}
	
.banner {
	margin-top: 10px;
}

.pageContent {
	font-size: 8pt;
	margin: 10px 20px 0 20px;
}



/* --------------------------------------------------------------------- =RATES */

.ratesContainer {
	width: 175px;
	float: right;
	padding: 10px 10px;
	margin: 0 0 0 10px;
	background: #fff url(../images/bg_rates.gif) no-repeat top right;
	border: 1px solid #cc0000;
	color: #000;
	height: 1%;
	}
	
.ratesContainer h1 {
	color: #cc0000;
	margin: 0;
	padding: 0;
	font-size: 12pt;
}

.ratesContainer h2 {
	color: #3a75c4;
	margin: 0;
	padding: 0;
	font-size: 10pt;
}

.ratesContainer span {
	color: #cc0000;
	font-weight: bold;
}
	
.ratesContent {
	color: #3a75c4;
}

/* --------------------------------------------------------------------- =BACK */

.sNav {
	height: 19px;
	color: #3a75c4;
	font-size: 8pt;
	text-align: right;
	padding-right: 10px;
    margin: -18px 20px 0 0;
    border: none;
}

.sNav a:link, .sNav a:visited {	
	color: #3a75c4;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
	padding-top: 4px;
	}
.sNav a:hover{
	color: #3a75c4;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: underline;
	padding-top: 4px;
	}
	
.sNav a:active {
	color: #000000;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: underline;
	padding-top: 4px;

	}

.backFloater {
	width: 175px;
	float: right;
	padding: 10px 10px;
	margin: 0 0 0 10px;
	background: #fff;
	color: #000;
	height: 1%;
	}
	
.backFloater img {
	margin-top: 15px;
}

.backBtns img {
	margin-right: 15px;
}

.backSpacer {
	margin-top: 10px;
}



/* -------------------------------------------------------------------- =FOOTER */

.foot{
	width: 820px;
	margin: 0 auto;
	text-align: left;
}

.footTop {
    background: #ffffff url(../images/footer_bg.gif) no-repeat bottom center;
	text-align: right;
	font-size: 7pt;
	color: #3a75c4;
	height: 25px;
	padding: 10px 10px 0 0;
}


.footTop a:link, .footTop a:hover, .footTop a:visited, .footTop a:active{
	font-size:7pt;
}

.footBottom {
    color: #ffffff;
	text-align: center;
	font-size: 7pt;
	height: 30px;
	padding-top: 10px;
}

/* -------------------------------------------------------------------- =TEXTUAL =FISTYLES */
.tdmedbluebg{
	background-color:#004E92;
	color:#ffffff;
	
}

.electricbluebg{
	background-color:#000080;
	color:#ffffff;
	border:0;
}

.tdbluefont{
	color:#000080;
}

.persbal{
	border-collapse:collapse;
}

.persbal td{
	border:1px solid #000080;
}

.ratestable{
	margin-bottom:15px;
	margin-top:5px;
}
.tableRealtor{
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}

.tableGlossary{
	border:1px solid #000000;
	border-collapse:collapse;
}
.tableGlossary td{
	border:1px solid #000000;
}

.tableRealtor tr td a:link, .tableRealtor a:hover, .tableRealtor a:active, .tableRealtor a:visited{
	color:white;
}
.mellon, .melon{
	background-color:#FFCC99;
}
.obhelp{
	border:1px solid #000000;
	border-collapse:collapse;
}

.obhelp td{
	border:1px solid #000000;
}

.tableRealtor td{
	border:1px solid #CCCCCC;
}

.tdbgyellow{
	background-color: #FFFFCC;
}

.tdbggrey{
	background-color:#CCCCCC;
}

.tableheader {
	color: #fff;
	font-weight: bold;
	background-color: #3A75C4;
	font-size: 9pt;
	}
	
.tablecontent1 {
	border-right: 1px solid #bfbfac;
	border-bottom: 1px solid #bfbfac;
	border-left: 1px solid #bfbfac;
	background-color: #FFF;
	color: #000;
	font-size:8pt;
	}
.tablecontent2 {
	border-right: 1px solid #bfbfac;
	border-bottom: 1px solid #bfbfac;
	border-left: 1px solid #bfbfac;
	border-collapse: collapse;
	background-color: #e8e8e1;
	color: #000;
	font-size:8pt;
	}

td{
	vertical-align:top;
	font-size:8pt;
}

.tableSavings td{
	font-size:8pt;
}
	
.faqQ, .faqA {
	font-weight: bold;
	font-size: 10pt;
	}
.faqQ { color: #000; }
.faqA { color: #6490b8; }
	
.disclaimer {
	font-size: 7pt;
	color: #000;
	}
.required { 
	color: #6490b8;
	font-size: 8pt;
	}
	
.appfield1 {
	border: 1px solid #000;
	background-color: #FFF;
	color: #000;
	}
.appfield2 {
	border: 1px solid #6490b8;
	background-color: #FFF;
	color: #000;
	}
	
#ex_dis{
    display:none;
    width:400px;
    float:center;
    padding:10px;
    background-color:#FFFFFF;
    position:absolute;
    z-index:10000;
	margin-top:50px;
    border-width:1px 1px 1px 1px;
    border-style:solid;
    border-color:#0A4599;
	margin-left:200px;
	overflow: hidden;
}

.sNav .selected a:link, .sNav .selected a:visited, .sNav .selected a:hover, .sNav .selected a:active {
	color: #000;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: underline;
	padding-top: 4px;
}

.employment_video {
	float: left;
}

.select_account {
}

.select_account a {
	font-weight: bold;
	font-size: 120%;
}