body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: .75em;
	text-align: center;	
	background: #00423c url(../images/bg_body.gif) repeat-x top;
	}

td{
font-size: 9pt;
}	

#col22 .editContent {
    position: absolute;
    top: 323px;
  }
a:link, a:visited {	
	color: #008074;
	text-decoration: underline;
	}
a:hover, a:active {
	color: #008074;
	text-decoration: none;
	}

a img { border: none; }

h1, h1 center {
	color: #ad9265;	
	font-size: 13pt;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #ad9265;
	text-align:left;
}

h2 {
	color: #00655c;	
	font-size: 11pt;
	margin: 0;
	padding: 0;
	}

h3 {
	color: #008074;	
	font-size: 9pt;	
	margin: 0;
	padding: 0;
	}
	
h4 {
	color: #ad9265;	
	font-size: 8pt;	
	margin: 0;
	margin-bottom:10px;
	margin-top:10px;
	padding: 0;
	}
	
p {
	margin: 5px 0 10px 0;
	padding: 0;
	line-height: 13pt;
}
	
/* ------------------------------------------------------------------- =LAYOUT =DISTYLES */
	
.pageContainer {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bg_page.gif) repeat-y;
	}

	
.clearfloat {
	clear: both;
	height: 1px;	
	}
	
.clear0 {
	clear: both;
	height: 0;	
	}

.masthead {
	height: 75px;
	background: #D1B484 url(../images/bg_masthead.gif) repeat;
	}
	
.mastheadLeft {
	float: left;
	width: 206px;
	}
	
.mastheadRight {
	float: right;
	width: 500px;
	}


/* --------------------------------------------------------- =UTILITY */

.utility {
	color: #fff;
	font-size: 8pt;
	text-align: right;
	margin-top: 10px;
	margin-right: 15px;
}

.utility ul {
	margin: 0;
	padding: 0;	
	}

.utility li {
	margin: 0;
	padding: 0;	
	list-style: none;
	display: inline;
	}
	
.utility a:link, .utility a:visited {	
	color: #fff;
	font-size: 8pt;
	text-decoration: none;
	}
.utility a:hover, .utility a:active {
	color: #fff;
	font-size: 8pt;
	text-decoration: underline;
	}

/* --------------------------------------------------------- =SEARCHAREA */

.searchArea {
	float: right;
	width: 237px;
	text-align: right;
	background: url(../images/bg_search.gif) no-repeat;
	height: 28px;
	margin-top: 15px;
	margin-right: 15px;
	display: inline;
}

* html .searchArea {
	height: 27px;
}

.searchArea form {
	margin: 0;
	padding: 0;
}
	
.searchField {
	width: 134px;
	height: 20px;
	max-height: 20px;
	margin: 0;
	padding: 2px 0 0 0;
	border: 1px solid #9d855c;
	background-color: #FFF;
	color: #999;
	font-size: 8pt;	
	}
	
* html .searchBtn {
	margin-top: -1px;
}
	
.searchArea input, .searchArea img { vertical-align: middle; }

/* --------------------------------------------------------- =LOGINAREA */

.loginArea {
	position: absolute;
	top: 34px;
	right: 4px;
	width: 192px;
	height: 233px;
	background: url(../images/bg_login.gif) no-repeat;
	text-align: right;
	font-size: 7.5pt;
	color: #17534e;
	z-index: 500;
}

.loginAreaBack {
	position: absolute;
	top: 34px;
	right: 4px;
	width: 192px; 
	height: 180px;
	background: url(../images/bg_loginback.gif) no-repeat;
	text-align: right;
	font-size: 7.5pt;
	color: #17534e;
}

.loginArea form {
	margin: 0;
	padding: 40px 0 0 0;
	}

.loginArea ul {
	margin: 0;
	padding: 0;	
	}
.loginArea li {
	margin: 0;
	padding: 0;	
	display: inline;
	}

.loginField {
	width: 112px;
	height: 17px;
	max-height: 17px;
	margin: 4px 8px 0 8px;
	border: 1px solid #17534e;
	background-color: #f0f8ec;
	color: #333;
	font-size: 8pt;	
	}

.loginBtn {
	margin: -19px 8px 0 0;
	}
	
.loginBtnBack {
	margin: -20px 10px 0 0;
	}
	
.forgotLink {
	margin: 3px 45px 0 0;
}

.loginLinks {
	margin: 8px 90px 0 0;
	color: #887350;
}

.loginLinksBack {
	margin: 50px 90px 0 0;
	color: #887350;
}
	
.loginArea a:link, .loginArea a:visited {	
	color: #887350;
	text-decoration: none;
	}
.loginArea a:hover, .loginArea a:active {
	color: #887350;
	text-decoration: underline;
	}
	
.loginAreaBack a:link, .loginAreaBack a:visited {	
	color: #887350;
	text-decoration: none;
	}
.loginAreaBack a:hover, .loginAreaBack a:active {
	color: #887350;
	text-decoration: underline;
	}
	
.loginBtnCM {
	margin: 22px 8px 0 0;
	}
	
.loginBtnCMBack {
	margin: 22px 10px 0 0;
	}

/* --------------------------------------------------------- =MAINNAV */
	
.mainNav {
	clear: both;
	height: 25px;
	background: #00423C url(../images/bg_topnav.gif) repeat-x;
	position: relative;
	z-index: 4;
}

.mainNav img {
	margin-right: 0px;
}

.mainNav ul {
	margin: 0;
	padding: 0;	
	}

.mainNav li {
	margin: 0;
	padding: 0;	
	list-style: none;
	display: inline;
	}

#scrollerContainer {
    background-color:#00423C;
}

#scroller {
	background-color:#00423C;
	height: 16px;
	width: 565px;
	font-size: 8pt;
	color: white;
	padding-top: 1px;
	overflow: hidden;
}

#scroller_inner{
	height: 16px;
	width: 750px;
	margin-left: 344px;
	white-space: nowrap;
	background-color:#00423C;
	color:white;
}

.topBar {
	height: 7px;
	background: url(../images/bg_topbar.gif) repeat-x;
	margin-top:-1px;
}

.topBarBack {
	height: 7px;
	background: url(../images/bg_topbar.gif) repeat-x;
}


/* --------------------------------------------------------- =PROMO CONTAINER */

.promoContainer {
	margin: -8px 0 0 0;
}

* html .promoContainer {
	margin: 0px 0 0 0px;
}

.promoNav {
	margin: 5px 0px 5px 0;
    color: #0e4c47;
    text-align: right;
    clear: both;
    font-size: 8pt;
}
.promoNav a:link, .promoNav a:visited {	
                font-weight: bold;
                text-decoration: none;
                color: #0e4c47;
                font-size: 8pt;
}

.promoNav a:hover, .promoNav a:active {
                font-weight: bold;
                text-decoration: underline;
                color: #0e4c47;
                font-size: 8pt;
}
	
/* --------------------------------------------------------------------- =CONTENT */
	
.leftCol {
                float: left;
                width: 561px;
}
	
.content {
      margin: 15px 35px 25px 35px;
}

*html .content {
      margin: 15px 5px 25px 5px;
}

.contentPhoto {
            float:right;
            text-align:center;
}

.contentPhoto img {
                border:none;
                margin: 5px;
}


.promoSmall {
	padding-bottom: 35px;
}

.promoSmall img {
	margin: 0 0 0 15px;
}
	
/* --------------------------------------------------------- =RIGHTCOL */

.rightCol {
	float: right;
	width: 199px;
	}
	
.usefulLinks {
margin: 225px 0 0 0;
padding: 0;
}

.usefulLinks a {
padding: 0 0 0 0px;

}
	
.usefulLinks a:link, .usefulLinks a:visited {
text-decoration: none;
font-size: 7.5pt;
color: #a69477;
}

.usefulLinks a:hover, .usefulLinks a:active {
text-decoration: underline;
color: #a69477;
font-size: 7.5pt;
}

.usefulLinks ul {
margin: 8px 0 0 0; 
padding: 0;
}

.usefulLinks li {
margin: 0; 
padding: 0;
padding:0 0 0 20px;
list-style-type: none;
line-height: 9pt;
}

*html .usefulLinks li {
	padding:0 0 0 20px;
}

.weatherBtn {
	margin-top: 10px;
}

/* --------------------------------------------------------- =BACKCONTENT */

* html .hedBack {
	margin-top: 0px;
}

.content ul {
	margin: 0 0 10px 0; 
	padding: 0;
}

.content li {
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;	
	list-style: none;
	background-image: url(../images/li.gif); 
	background-repeat: no-repeat;
	background-position: 0 .3em; 
	line-height: 15pt;
}

	
/* -------------------------------------------------------------------- =FOOTER */

.foot{
	margin-left: 2px;
	height: 35px;
	width: 756px;
	background: url(../images/bg_footer.gif) repeat-x;
}
	
.footLeft {
	float: left;
	width: 300px;
	margin: 0 0 0 15px;
	display: inline;
}

	
.footRight {
	float: right;
	width: 400px;
	text-align: right;
	margin: 3px 25px 0 0;
	display: inline;
}

.footRight a img {
	vertical-align: middle;
}

	
/* -------------------------------------------------------------------- =TEXTUAL =FISTYLES */

.tableheader {
	background-color: #00423c;
	color: #fff;
	font-weight: bold;
	
	}
.tablecontent1 {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #FFF;
	color: #333;
	}
.tablecontent2 {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;
	background-color: #f4eadc;
	color: #333;
	}
.Q, .A {
	font-weight: bold;
	font-size: 10pt;
	}
.Q { color: #00423c; }
.A { color: #ad9265; }
	
.disclaimer {
	font-size: 8pt;
	color: #00423c;
	}
.required { 
	color: #ad9265;
	font-size: 8pt;
	font-weight: bold;
	}
	
.appfield1 {
	border: 1px solid #00423c;
	background-color: #FFF;
	color: #000;
	}
.appfield2 {
	border: 1px solid #ad9265;
	background-color: #FFF;
	color: #000;
	}
#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: 1px solid #5153CC;
	padding: 15px;
	display:none;
	z-index: 500;
	width:400px;
	top:139px;
	left:193px;
	FILTER: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=7,offY=8,positive=true);
}

.financeworks_home {
	position: relative;
	top: 225px;
	left: 18px;
}
.financeworks_back {
	position: relative;
	top: 90px;
	left: 18px;
}

*html .loginAreaBack {
	right: -8px;
}

*html .rightcol {
	width: 197px;
}

*html .leftCol {
	margin-right: -200px;
}

.signupForm {
	padding-top: 9px;
}