@import "../css/reset.css"; 
/*@import "../css/forms.css";*/
@import "../css/typography.css";

html{height:100%}
#page #wrapper #wrapper_content #content_side #quickLinks p {
	font-size: 1.4em;
	padding-left: 22px;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.6em;
}
#page #wrapper #wrapper_content #content_side a:link, #page #wrapper #wrapper_content #content_side a:visited {
	color: #E2D3B4;
	text-decoration: none;
}
#page #wrapper #wrapper_content #content_side a:hover {
	color: #000;
	background-color: #FFF;
}
#page #wrapper #wrapper_content #content_side ul li {
	list-style-type: none;
	font-size: 1em;
}

.tan {
	background-color: #ece4cd;
	display: block;
	padding: 8px;
	color: #042225;
	position: relative;
}
#page #wrapper #wrapper_content #content_main .tan form table tr td {
	color: #042225;
}
#page #wrapper #wrapper_content #content_main h1 {
	color: #522309;
}
#page #wrapper #wrapper_content #content_main p {
	color: #333;
	padding-right: 10px;
	padding-left: 10px;
}
#page #wrapper #wrapper_content #content_main .tan h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #0B5962;
}
#page #wrapper #wrapper_content #content_main .tan form .bolder {
	color: #4D230A;
}



body{
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:.9em;
	margin:0;
	background-image: url(../images/tpl/bgBody.jpg);
	background-repeat: repeat-x;
	background-color: #0E4A52;
}

.clear{clear:both}

#wrapper{width:952px; padding:0px; margin-top:10px; margin-right:auto; margin-bottom:auto; margin-left:auto}
#wrapper_logo{
	width:952px;
	position:relative;
	top:0;
	left:0;
	text-align:left;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	display: block;
}
#wrapper_middle{
	text-align:center;
}
#wrapper_content{
	width:900px;
	min-height:732px;
	text-align:left;
	position:relative;
	top:0;
	left:0;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:auto;
	background-color: #093b41;
	background-image: url(../images/tpl/bgContent.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin-top: -50px;
}
#wrapper_footer{
	text-align:center;
	background-color:#042225;
	background-repeat:no-repeat;
	margin-top:10px;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:auto;
	font-size: 10px;
	display: block;
	height: 52px;
}

#wrapper_logo #nav{
	float:right;
	position:relative;
	clear:right;
	text-align:right;
	top: 70px;
}
#wrapper_logo #nav ul{margin:0px; padding:0px; list-style-type:none}
#wrapper_logo #nav li{
	margin:0;
	padding:0;
	display:inline;
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
}
#wrapper_logo #nav a, #nav a:link, #nav a:visited, #nav a:active{
	margin:0;
	padding:0px;
	color:#75653C;
	text-decoration:none;
	border:none
}
#wrapper_logo #nav a:hover{
	margin:0;
	display:inline;
	color:#5C3317;
	text-decoration:underline;
	border:none;
	background-color: transparent;
}


#wrapper_middle #main_nav{
	width:904px;
	height:20px;
	padding:0px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:50px;
	color: #FFF;
	font-size: .9em;
}
#wrapper_middle #main_nav li#navjoin{
	margin-left: 200px;
}
#wrapper_middle #main_nav IMG{
	vertical-align: middle;
}
#wrapper_middle #main_nav ul{margin:0; padding:0; list-style-type:none}
#wrapper_middle #main_nav li{
	padding:8;
	display:inline;
	clear: right;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
}
#wrapper_middle #main_nav li a span{display:none; margin:0px; padding:0px}
#wrapper_middle #main_nav a, #nav a:link, #nav a:visited, #nav a:active{
	padding:0px;
	font-size: 1.2em;
	color: #FFF;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
}
#wrapper_middle #main_nav a:hover{
	background-color: #681B0B;
}
a#home, a#schedule, a#signup {
	margin-right: 15px;
	margin-left: 15px;
}

/*
#wrapper_middle #main_nav li{margin:0; padding:0; display:inline; font-family:arial,sans-serif; font-size:16px; line-height:30px; width:100px}
#wrapper_middle #main_nav li a span{display:none}
#wrapper_middle #main_nav a, #nav a:link, #nav a:visited, #nav a:active{margin:0; padding:10px 15px; color:#666; text-decoration:none; border:none}
#wrapper_middle #main_nava:hover{margin:0; display:inline; color:#fff; text-decoration:none; border:none}
*/
/*
#wrapper_middle #home{}
#wrapper_middle #searvices{}
#wrapper_middle #consumerLoans{}
#wrapper_middle #mortageLoans{}
#wrapper_middle #ratesCalculator{}
#wrapper_middle #additionalServices{}
#wrapper_middle #join{}
#wrapper_middle #contacts{}
#wrapper_middle #links{}

*/
#logo{
	position:absolute;
	width:388px;
	float:left;
	clear:right;
	display:block;
	height:70px;
	left: 25px;
	top: -6px;
}
#logo h1 {
	display: none;
}


#mid_background{
	min-height:213px
}
#mid_background.sections{height:90px; width:952px; text-align:left; background-color:#fff; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto}

#content_main{
	width:544px;
	float:right;
}
#content_middle{width:170px; float:left; min-height:400px; display:none}
#content_side{
	width:317px;
	float:left;
	background-image: url(../images/tpl/bgSide.jpg);
	background-repeat: repeat-y;
	margin-right: 10px;
}
#page #wrapper #wrapper_content #content_side a {
	text-decoration: none;
}


#footer{
	width:470px;
	margin:auto;
	color: #FFF;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active{border-bottom:1px solid #999; text-decoration:none; color:#fff}
#footer a:hover{border-bottom:1px solid #fff; text-decoration:none; color:#fff; background-color:#666}

#search{
	float:left;
	position:relative;
	clear:right;
	width:480px;
	margin:5px;
	text-align:right;
	display: none;
}
#search input{border:1px solid #D1CAAB; padding:4px}
#search input#button{color:#FFF; background-color:#A89867; text-transform:uppercase; font-size:12px; padding:4px; margin:0px}
/*General ID's
----------------*/
#copyright{font-size:90%; text-align:right}
#footer #copyright a{color:#21A3D1}

#copyright a, #copyright a:visited{color:#1EA7C9; text-decoration:underline}
#copyright a:hover{color:#1EA7C9; text-decoration:underline; background-color:#FFF}
#legal, #legal a, #legal a:visited{font-size:80%; text-align:left; padding-left:10px}








.title, .title h3{text-transform:uppercase; font-size:18px; font-weight:normal; margin:0px; padding:0px}

#content_main h1{
	line-height:normal;
	font-weight:bold;
	color:#D8CAA9;
	font-size: 18px;
}
#content_main h2{
	line-height:normal;
	font-weight:bold;
	font-size: 17px;
}
#content_main h3{line-height:normal; font-weight:bold; color:#24A2D4;font-size: 17px;}

.boldedblue{color:#30AAD3; display:block; font-weight:bold}

ul.news{margin:0px; padding:0px}
ul.news li{list-style-type:none; display:block; margin-bottom:15px}
ul.news li IMG{margin:8px}

span.rate{font-size:300%; font-weight:normal; display:inline; }
.APR{font-size:16px; display:inline; width:15px; text-align:center; white-space:normal; height:60px}

#boxLogin{
	background-image:url(../images/tpl/bgNewsletter.jpg);
	background-repeat:no-repeat;
	display:block;
	height: 120px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 12px;
}
#boxLogin a, #boxLogin a:visited{color:#FFF}
#boxLogin input {}
#boxLogin h3 {
	font-size: 14px;
	margin: 0px;
}
#loginTable{position:relative; margin-top:auto; margin-right:auto; margin-bottom:auto; margin-left:auto}

.border{border-right-width:1px; border-right-style:dotted; border-right-color:#999; padding-top:10px; padding-right:2px; padding-bottom:2px; padding-left:2px; margin-top:10px}

.pageIndex p{margin:0px; padding:0px}
table.pageIndex{margin-top:25px}

.columnWidth{width:200px}
#quickLinks {
	position: relative;
}
#quickLinks UL{}
#quickLinks UL li{}

#content_main p, #quickLinks, #content_main td {
	font-size:13px;
	line-height: 120%;
}

#content_main ul.locations, #content_main ul.locations li {
	list-style-type: none;
	font-size: 12px;
}
#content_main .locations li h3 {
	margin-top: 12px;
	margin-bottom: 0px;
}
#content_main .locations li h2 {
	margin-top: 12px;
	margin-bottom: 8px;
}
#content_main .prod {
	font-size: 18px;
}
.ratesbold {
	font-weight: bold;
}


form.membership label {
	width:200px;
	display: block;
	clear: right;
	float: left;
}
form.membership input {
	display: block;
	clear: right;
	float: left;
}
.pageIndex tr .title .small {
	font-size: 10px;
}

a#facebook, a#flikr,  a#twitter {
	margin: 0px;
	padding: 0px;
}
IMG.index {
	margin:5px;}


.image50 {
	widows:183px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 45px;
}
/*
a#facebook {
	background-image: url(../images/icon-facebook.gif);
	background-repeat: no-repeat;
}
a#flikr {
	background-image: url(../images/icon-flikr.gif);
	background-repeat: no-repeat;
}
a#twitter {
	background-image: url(../images/icon-twitter.gif);
	background-repeat: no-repeat;
}*/
.w150 {
	width: 150px;
}
p.whiteText, div.whiteText, .whiteText {
	color: #FFF;
}
#page #wrapper #wrapper_content #content_main .whiteText {
	color: #FFF;
	margin: 0px;
	font-weight: bold;
	line-height: 150%;
}
.bolder {
	font-size: 1.2em;
	font-weight: bold;
}

.formSignup {}
.formSignup ul, .formSignup li {
	list-style-type: none;
	color: #D8CAA9;
	font-size: 0.85em;
	display: block;
	margin: 2px;
	clear: both;
}
.formSignup lable {
	width: 150px;
	background-color: #30F;
	display: block;
}#content_main #form1 ul li label {
	width: 150px;
}
#page #wrapper #wrapper_content #content_main #form1 ul li label {
	width: 220px;
	display: block;
	clear: right;
	float: left;
}
#page #wrapper #wrapper_content #content_main #form1 ul .disabled {
	color: #918377;
}
.fieldLength200 {
	width: 200px;
}
.fieldLength205 {
	width: 205px;
}
#homeflash {
	height: 220px;
	width: 340px;
	position: relative;
	margin: 0px;
	top: 220px;
	left: 50px;
}
