/*** GENERAL STYLES ***/

body {background: #09417a url(../img/bkg.png) 0 0 repeat-x; text-align: center; margin: 0; padding: 0 0 20px;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #333;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 18px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #06c;}

.hide {display: none;}
.alert {color: #c00;}
.gray {color: #666;}
.blue {color: #1a67ac;}
.xsmall {font-size: 10px;}
.small {font-size: 11px;}
.large {font-size: 13px;}
.xlarge {font-size: 14px;}
.fileinfo {font-size: 11px; padding-left: 3px;}
.nowrap {white-space: nowrap;}
.backlink {font-size: 12px; text-align: right;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 15px 5px 0;}
.imgright {float: right; margin: 0 0 5px 15px;}
.imgborder {border: 1px solid #ccc; padding: 5px;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; background: url(../img/dots-gray.gif); overflow: hidden; margin: 10px -15px;}
.clear {float: none; clear: both;}
.overflowhidden {overflow: hidden;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** TOP STYLES ***/

#outer {position: relative; width: 986px; border: solid #fff; border-width: 0 2px 1px; margin: 20px auto; text-align: left; background: #fff;
	box-shadow: 			0 0 10px #000;
	-moz-box-shadow: 		0 0 10px #000;
	-op-box-shadow: 		0 0 10px #000;
	-webkit-box-shadow: 	0 0 10px #000;
}

#top {position: relative; height: 145px; background: url(../img/top.png); border-bottom: 1px solid #fff;}
#printlogo {display: none;}
#logo {position: absolute; left: 0; top: 0;}
#tagline {position: absolute; right: 20px; top: 20px; font-family: times, "times new roman", serif; font-size: 14px; font-style: italic; font-weight: normal; color: #09417b;}

#searchform {position: absolute; right: 8px; bottom: 35px;}
#searchform input {vertical-align: middle;}


/*** NAV STYLES ***/

#nav {position: absolute; left: 8px; bottom: 25px; font-size: 13px; font-weight: bold; text-transform: uppercase; line-height: 25px;}
#nav li {float: left; border: solid #e0dfdf; border-width: 1px 1px 0; margin-right: 5px;}
#nav a {display: block; padding: 0 12px; text-decoration: none; background: url(../img/nav.png) 0 0; color: #000;}
#nav a:hover {color: #06c;}
#nav li.on a {background-position: 0 -25px;}

#socialnav {position: absolute; right: 0; bottom: 0; line-height: 25px;}
#socialnav li {float: left;}
#socialnav a {display: block; padding: 0 10px; text-decoration: none; color: #000;}
#socialnav a:hover {color: #06c;}
#socialnav img {vertical-align: middle; margin-bottom: 2px;}


/*** STRUCTURAL STYLES ***/

#main {overflow: hidden; background: url(../img/main.gif) right top repeat-y;}
#left {float: left; width: 198px; padding: 15px; border-top: 1px solid #a2bbcf; background: url(../img/left.gif) 0 0 repeat-x; min-height: 350px;}
#content {float: left; width: 458px; padding: 25px 35px; border: solid #fff; border-width: 0 1px;}
#sidebar {float: left; width: 198px; padding: 15px; background: #b6cadb url(../img/sidebar.gif) left bottom repeat-x;}
body.twocol #left {display: none;}
body.twocol #content {width: 687px; border-left: 0;}


/*** CONTENT STYLES ***/

#content h1 {font-size: 20px; line-height: 22px; margin: 10px 0;}
#content h2 {font-size: 14px; margin: 10px 0 5px;}
#content h2.newsdate {font-size: 12px; font-weight: normal; color: #999;}
#content h3 {font-size: 13px; margin: 10px 0 5px;}
#main ul {margin: 1.5em 0;}
#main ul li {padding-left: 10px; background: url(../img/bullet.gif) 0 8px no-repeat; margin-bottom: 8px;}

.logogrid {overflow: hidden; background: url(../img/dots-gray-vertical.gif) center top repeat-y;}
.logogrid .logo {width: 50%; text-align: center;}
.logogrid .hr {margin: 0 !important; border: solid #fff; border-width: 5px 0; background-color: #fff;}

.indent-70 {position: relative; padding-left: 70px;}
.absolute {position: absolute; left: 0; top: 0;}

.tagline {display: block; text-align: center; font-style: italic; color: #666; padding-top: 5px;}
.pullquote {text-align: center; font-weight: bold; color: #1a67ac; padding: 0 20px;}


/*** LEFT STYLES ***/

#leftnav {border-bottom: 1px solid #a2bbcf; margin: -15px -15px 40px !important; padding: 0 !important;}
#leftnav li {border-top: 1px solid #a2bbcf; margin: 0 !important; padding: 1px 0 !important; background: none !important;}
#leftnav a {display: block; text-decoration: none; padding: 5px 20px; color: #000;}
#leftnav h3 {padding: 5px 20px; background: #b6cadb; font-style: italic; color: #369; font-size:14px;}
#leftnav h2 a {margin: 1px 0; text-transform: uppercase; color: #369; padding: 5px 15px;}
#leftnav a:hover {background: #a2bbcf; color: #fff;}
#leftnav li.on a {background: #1a67ac; font-weight: bold; color: #fff;}

#left h2 {font-size: 14px; color: #369;}
#whyfinanceexpress h2 {margin-bottom: 5px;}
#whyfinanceexpress h2 strong {color: #f93;}
#whyfinanceexpress {color: #116cb3; line-height: 16px;}


/*** SIDEBAR STYLES ***/

#sidebar .hr {background: url(../img/dots-white.gif); margin: 1.5em 0;}
#sidebar h3 {font-size: 15px; font-weight: normal; color: #369; margin-bottom: .5em;}

#loginform .text {padding: 0 0 5px;}
#loginform .text input {width: 98%; color: #666;}

#sidebar blockquote {margin: 0; padding: 0;}
#sidebar blockquote p {font-style: italic; line-height: 16px; margin-bottom: 1em;}
#sidebar blockquote cite {display: block; font-style: normal; font-size: 11px; line-height: 14px; margin-bottom: 1em;}

#sidebar .ad {margin: 10px 0;}


/*** TABLE STYLES ***/

table {border-collapse: collapse; margin-bottom: 1.5em;}
/* th, td {border: 1px solid #ccc; padding: 5px 10px;} */
th, td {border: 0px; }
thead th, thead td, .thead th, .thead td, td.thead, th.thead {font-weight: bold; background: #eee;}


/*** FORM STYLES ***/

form div {clear: left; margin-bottom: 5px; overflow: hidden;}
form label {position: relative; float: left; width: 100px; padding-right: 20px;}
form .note {display: block; padding-left: 200px; margin-bottom: 5px; font-size: 11px;}
form .req {position: absolute; right: 4px; top: 0; color: #c00; font-size: 30px; line-height: 30px;}
form .text input, form textarea {width: 350px;}
form textarea {height: 100px;}
form .checkbox input {vertical-align: middle; width: auto !important;}
form .submit {padding-left: 120px;}
form .button input {cursor: pointer;}


/*** BANNER / SLIDESHOW STYLES ***/

#banner {margin: -25px -35px 25px; overflow: hidden;}
#banner img {display: block;}

#homehero {height: 340px; margin: -25px -35px 0;}
.slideshow {position: relative; overflow: hidden;}
.slideshow div {position: absolute; left: 0; top: 0;}
.slideshow ul {position: absolute; right: 0; bottom: 10px; z-index: 10; margin: 0 !important; padding: 0 !important;}
.slideshow li {float: left; margin: 0 10px 0 0 !important; padding: 0 !important; background: none !important;}
.slideshow li a {display: block; width: 20px; height: 20px; text-align: center; background: #0e5790; border: 1px solid #4189c2; color: #fff; text-decoration: none;}
.slideshow li.on a {background: #4189c2;}


/*** HOME STYLES ***/

#homecontent {margin: 5px -35px -20px; background: url(../img/dots-gray-vertical.gif) 410px 0 repeat-y; overflow: hidden;}
#homeleft {position: relative; float: left; width: 390px; padding: 10px;}
#homeright {position: relative; float: right; width: 326px; padding: 10px;}
#homeright .viewall {position: absolute; right: 10px; top: 10px; font-size: 9px;}
#homecontent .hr {margin: 5px 0 10px;}
#homecontent h1, #homecontent h2 {font-size: 14px; line-height: 18px; color: #7f7f7f; font-weight: normal; margin: 0;}
#homeleft .imgleft {margin: 0 10px 10px 0;}


/*** FOOTER STYLES ***/

#footer {position: relative; width: 990px; margin: 0 auto; text-align: left; font-size: 11px; color: #e9e9e9;}
#footer li {display: inline; border-left: 1px solid #5c80a4; padding: 0 10px;}
#footer li:first-child {border: 0;}
#footer a {color: #e9e9e9; text-decoration: none;}
#footer a:hover {text-decoration: underline;}