body {font: arial; color: #000000; margin: 0px; background: #000000}

#container {width:964px; margin-left:auto; margin-right:auto; padding: none; background: #ffffff}

td {vertical-align: top; font: 13px/19px arial; color: #000000}
p, ol {font: 13px/19px arial; color: #000000}
a {text-decoration: none;  color: #ff9900; font-weight: bold}
a:hover {text-decoration: underline; color: #ff9900; font-weight: bold}

img {border:0;}

h1 {font: 19px/23px georgia; color: #000000; margin: 0px; font-weight: normal; text-transform: uppercase}
h2 {font: 15px/19px georgia; color: #ff0000; margin: 0px 0px 10px 0px; font-weight: bold}
h3 {font: 13px/16px georgia; color: #000000; margin: 0px; font-weight: normal; text-transform: uppercase}
h4 {font: 13px/16px georgia; color: #ff0000; margin: 30px 0px 0px 0px; font-weight: normal; text-transform: uppercase}

.gold {color: #eeb111}
.red {color: #ff0000}
.goldtext {color: #ff9900} 
.ltgold {color: #f9f7f0}

.clearboth {clear:both;}
.space2 {clear:both; height:2px; width:2px}
.space5 {clear:both; height:5px; width:5px}
.space10 {clear:both; height:10px; width:10px}
.space15 {clear:both; height:15px; width:15px}
.space20 {clear:both; height:20px; width:20px}
.space30 {clear:both; height:30px; width:30px}

.pad30 {padding: 30px}

.topspace {margin: 15px 0px 0px 0px}
.botspace {margin: 0px 0px 15px 0px}
.nospace {margin: 0px}

.small {font: 9px/12px verdana}

/* begin top */
#toolscontainer {width: 964px; height: 40px; background: #000000; padding: 0px; margin: 0px}
#tools {padding: 15px 0px 0px 0px; margin: 0px; text-align: right; font: 9px verdana; color: #ffffff; font-weight: bold; text-transform: uppercase}
#tools a {text-decoration: none;  color: #ffffff; font-weight: bold}
#tools a:hover {text-decoration: underline; color: #ffffff; font-weight: bold}


#flash {width: 964px; height: 125px; padding: 0px; margin: 0px}
.bar {width: 964px; height: 5px; padding: 0px; margin: 0px; background: #eeb111}
#topnav {width: 964px; height: 60px; background: #000000 url(/images/l_black.jpg) repeat-x}

/* begin top nav */
#nav {padding: 0; margin: 0; list-style: none; line-height: 1; }
#nav ul {color: #ffffff;  padding: 0; margin: 0; list-style: none; line-height: 1; text-align: center}
#nav li { /* all list items */float: left; font: 12px/15px georgia;/* width needed or else Opera goes nuts */}

#nav a, #nav a:hover {display: block; margin: 11px 0px 11px 0px; padding: 5px 10px 5px 10px; text-align: center; text-decoration: none; font-weight: normal; font-variant: small-caps;}
* html #nav a, * html #nav a:hover {display: block; margin: 11px 0px 11px 0px; padding: 4px 10px 4px 10px; text-align: center; text-decoration: none; font-weight: normal; font-variant: small-caps;}
#nav a {color: #ffffff}
#nav a:hover {color: #eeb111}

.linkleft {border-right: 1px solid #545454;}
.linkmid {border-right: 1px solid #545454; border-left: 1px solid #282828}
.linkright {border-left: 1px solid #282828}
#nav a.linkleftselected {color: #eeb111; border-right: 1px solid #545454;}
#nav a.linkmidselected {color: #eeb111; border-right: 1px solid #545454; border-left: 1px solid #282828}
#nav a.linkrightselected {color: #eeb111; border-left: 1px solid #282828}

/* second-level lists */
#nav li ul {position: absolute; background: #fcd781; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; width: 170px; left: -999em;}
#nav li ul a, #nav li ul a:hover {display: block; padding: 5px; margin:0px; text-align: left; text-decoration: none; font-weight: normal; border-bottom: 1px solid #ffffff; width: 160px; border-right: 0px}
#nav li ul a {color: #000000; background: #fcd781;}
#nav li ul a:hover {color: #ffffff; background: #000000;}

/* Fix IE. Hide from IE Mac \*/
* html #nav li ul {position: absolute; background: #fcd781; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; width: 170px; left: -999em;}
* html #nav li ul a, * html #nav li ul a:hover {display: block; padding: 5px; margin:0px; text-align: left; text-decoration: none; font-weight: normal; border-bottom: 1px solid #ffffff; width: 170px; border-right: 0px}
* html #nav li ul a {color: #000000; background: #fcd781;}
* html #nav li ul a:hover {color: #ffffff; background: #000000;}
/* End */

/* third-and-above-level lists */
#nav li ul ul {margin-left: 170px; margin-top: -2.2em;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */left: auto;}
/* end top nav1 */
/* end top */


/* begin left nav */
.subnav ul {font: 12px/14px georgia; list-style: none; margin: 0px;  padding: 0px; }
.subnav li {display: block; margin: 0; padding: 0; border-bottom: 1px solid #f5f1e8;}
.subnav a {text-decoration: none; background: #ffffff; font-weight: normal}
.subnav a span {display: block; color: #000000; padding: 20px 0px 5px 0px; background: #ffffff; font-weight: normal}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.subnav a span {float:none;}
/* End IE5-Mac hack */
.subnav a:hover, .subnav a:hover span {color: #000000; background: #fcd781; font-weight: normal}
.subnav a:hover span {padding: 20px 0px 5px 0px;}
.subnav a:hover {text-decoration: none}

.subnav .current a, .subnav .current a span {color: #ff9900; background: #ffffff; font-weight: bold}
.subnav .current a span {padding: 20px 0px 5px 0px;}
.subnav .current a:hover, .subnav .current a:hover span {color: #ff9900; background: #fcd781; font-weight: bold}
.subnav .current a:hover span {padding: 20px 0px 5px 0px}
.subnav .current a:hover {text-decoration: none}
/* end left nav */


/* begin columns */
#content, #col1, #col2container, #col2 {float: left}
#content {width:964; background: #ffffff; margin: 0; padding: 0}
#col1 {padding: 50px 30px 30px 30px}
#col1 {width:286px; !important;width:226px; margin:0px; }
* html #col1 {width:286px;}
#col2container {padding: 0px 0px 60px 0px; width:678px; !important;width:678px; background: url(/images/body_bottom.jpg) bottom no-repeat #f9f7f0;}
#col2 {padding: 50px 30px 0px 30px; width:678px; !important;width:618px; background: url(/images/gradient_body.jpg) left repeat-y #f9f7f0; font: 12px/18px arial; color: #000000}
/* end columns */


/* begin content */
.feature {font: 13px/19px arial; color: #000000; width: 192px}
.picgrad {height: 15px; padding: 0; margin: 0; background: url(/images/gradient_pic.jpg) repeat-x}
.picgrad2 {height: 15px; padding: 0; margin: 0; background: url(/images/gradient_pic_feature.jpg) repeat-x}
.pic {margin-right:10px; margin-bottom: 10px; float:left}

.picsheet {background: #ffffff; padding-top: 10px; padding-bottom: 10px; border: 1px solid #000000; margin-top: 15px; margin-bottom: 15px; text-align: center; clear: both}

#content table {margin: 0; padding: 0}

.top {font: 10px verdana; font-weight: bold; padding: 10px 0px 0px 0px; margin: 30px 0px 0px 0px; border-top: 1px dotted #cccccc}


form {margin: 0px; padding: 0px;}
form label {display: block; width: 200px; float: left; margin: 8px 5px 0px 0px; text-align: right; padding: 0px}
input.check {width: 15px; display: block; float: left; margin-bottom: 10px; border: 0px}
input.radio {border: 0px}
label.wide {display: block; width: 550px; float: left; margin-bottom: 10px; text-align: left; padding-left: 10px;}
form input, form select, form textarea {width:auto; margin:5px 0px 0px 0px; font: 12px arial; font-weight: normal; color: #000000; border: 1px solid #4d4d4d; padding: 2px;}
textarea {overflow: auto;}




#footer {width: 964px; height: 75px; background-color: #eeb111; clear:both; font: 10px verdana; font-weight: normal; color: #000000}
#footer a {text-decoration: underline;  color: #000000; font-weight: bold}
#footer a:hover {text-decoration: none; color: #000000; font-weight: bold}

/* end content */


/* begin amortization loan */
.loan {width: 618px;}
.loan div {border: 1px solid #999; margin: 1px;}
.loan .loan_src {float: left; width: 305px; height: 190px;}
.loan .loan_pmt {float: right; width: 305px; height: 190px;}
.loan .loan_out {clear: both; overflow: auto; width: 614px; height: 200px;}
/* end amortization loan */



.lft {float:left; text-align:left;}
.rgt {float:right; text-align:right; width:auto}

.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}
.bottom {vertical-align:bottom !important;}
.middle {vertical-align:middle !important;}