/* CSS Document */

* {margin:0px; padding:0px; }

p {margin:0px; color:#000000; font:Helvetica, Arial, sans-serif; text-align:left; font:13px; line-height:16px; padding:5px 5px 7px 5px;}
body {background-color: red;color:#000000; font-family:Helvetica, Arial, sans-serif; font-size:13px; text-align:left; background-color:#dcb87b; 
}

a#login {list-style:none; display:block; width:800px;color:#990000;text-align:right; margin:0px auto; text-decoration:none; }

#login {}

a:hover#login  {text-decoration:underline; color:#663300;}

/* ------------container------------ */
#container { background-color:#dcb87b; 
width:804px; 
margin:20px auto;
position:relative;}

#container h2 {font-size:13px; color:#990000;}

#container a {text-decoration:none; color:#990000;}
#login {text-align:right;
position:relative;
right:190px; padding:3px}
/* ------------masthead ------------ */
#masthead {width:804px; height:239px;}
#masthead h1 {text-indent:-9999px;}


/*  ------------sidebar ------------ */
#sidebar {width:172px; 
margin:0; padding:0;
position:absolute;
top:-8px;
right:13px; background-image:url(images/sidebar_REPEAT.jpg);
z-index:10;}

#sidebar h1 {font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff;
margin:0px 2px 0px 8px;}

#sidebar a {text-decoration:none; color:#ffffff;}

#sidebar a:hover {text-decoration:underline; color: #333333;}

#downloads li {font:11px; color:#ffffff; padding:3px 5px 5px 5px; line-height:16px; font-weight:200;}
#downloads {list-style:none; font:11px; color:#ffffff; width:162px; padding:0px 5px 10px 5px; margin:0px;
background-image:url(images/sidebar_back.jpg); background-position:bottom; background-repeat:no-repeat;}

#annual {width:75px; height:100px; margin:8px 35px;}
a#standard {width:105px; height:105px; margin:0px auto; text-align:center; display:block;}

#contact_bar {list-style:none; margin:5px 0px 0px 0px; line-height:18px; padding: 0 5px 20px 10px;
background-image:url(images/sidebar_back.jpg); background-position:bottom; background-repeat:no-repeat;}
#map_small {margin:7px 0px; }

/*  ------------branding ------------ */

#branding h1 {margin:0px 15px;}

#sidebar h1 {margin: 3px 8px 3px 9px;}

#sidebar a { font-size:12px; text-decoration:none; color:#ffffff;}

#sidebar a:hover {text-decoration:underline; color: #333333;}

#mainnav {margin:0px; padding:0px;
list-style:none;
text-indent:-9999px; }

#mainnav li a, #mainnav li {display:block;}

#home a {background-image:url(images/branding1_logo.jpg); width:172px; height:169px;}

#about  {background-image:url(images/branding2_about.jpg); width:172px; height:30px;}
#about a {width:172px; height:30px;}
#about a:hover {background-image:url(images/branding2_about-over.jpg); width:172px; height:30px;}

#rate {background-image:url(images/branding3_rates.jpg); width:172px; height:24px;}
#rate a {width:172px; height:24px;}
#rate a:hover {background-image:url(images/branding3_rates-over.jpg); width:172px; height:24px;}

#open_account {background-image:url(images/branding4_tools.jpg); width:172px; height:24px;}
#open_account a { width:172px; height:24px;}
#open_account a:hover {background-image:url(images/branding4_tools-over.jpg); width:172px; height:24px;}

#events {background-image:url(images/branding5_events.jpg); width:172px; height:24px;}
#events a {width:172px; height:24px;}
#events a:hover {background-image:url(images/branding5_events-over.jpg); width:172px; height:24px;}

#news  {background-image:url(images/branding6_news.jpg); width:172px; height:31px;}
#news a {width:172px; height:31px;}
#news a:hover {background-image:url(images/branding6_news-over.jpg); width:172px; height:31px;}



/*  ------------secondary_nav ------------ */
#secondary a {font-size:14px; color:#ffffff;}
#secondary a:hover {text-decoration:underline; color: #333333;}
#secondary li {display:inline; color:#ffffff;}
#secondary_nav {background-image:url(images/second_nav-back.jpg); text-align:right; padding:2px 202px 2px 0 ; margin:0px;}

*html #secondary_nav {position:relative; top:-50px;}

/*  ------------content ------------ */
#content { background-image:url(images/content_back-REPEAT.jpg); background-repeat:repeat;
width:803px; padding:0;}

 *html #content {position:relative; top:-50px; z-index:0;} 

#content h1 { color:#990000; font-size:16px; text-decoration:underline; padding:0px; margin:0px;}

#content h2 {font-size:15px; color:#990000;}

#content a {text-decoration:none; color:#990000;}

#content a:hover {text-decoration:underline; color: #333333;}

#content h4 {font-size:14px; color:#990000; padding:5px 0px 3px;}

ul#directory li  { margin-top:0px; padding:0px; }
ul#directory li h2 { margin:0px; padding:0px; }

/*  ------------body_inside ------------ */
#body_inside {width:580px; padding: 10px 10px 25px 20px;}
#body_inside img.left {float:left; margin: 0 5px 5px 0;}
#body_inside img.left_more {float:left; margin: 0 25px 5px 10px;}
#body_inside h1 {padding: 0 0 5px 0;}
#body_inside img.directory {float:left; margin: 8px 5px 8px 0;}
#body_inside h2 {font-size: 12px; font-weight:bold; color:#990000; padding:0;}
#directory {list-style:none;}
#directory li {clear:left;}
#body_inside ul.basic {line-height:18px; margin:0 5px 0 25px;}
#body_inside ul.basic2 {line-height:18px; margin:0 5px 0 25px; list-style:none;}
#body_inside ul.links {line-height:18px; margin:0 5px 0 25px;}
#body_inside h5 {font-size: 13px; font-weight:bold; color:#990000; padding:0;}

#body_inside ul.historical {list-style:none; line-height:19px; margin:0px 10px 0px 25px;}
#body_inside h6 {color:#990000; font-size:16px; font-weight:bold; text-align:center; padding:20px 0px 3px 0px;} 
#body_inside h7 { color:#000000; font-size:14px; font-weight:bold; width:145px; display: inline-block; padding:0px; vertical-align:bottom; text-align:right;}
#body_inside p.center {text-align:center;}

/*  ------------body_main ------------ */
#body_main {width:600px; height:550px; padding: 10px 10px 25px 20px;}
#body_main img.left {float:left; margin: 0 5px 5px 0;}
#body_main h1 {padding: 0 0 5px 0;}

#body_main-left {width:320px; height:550px; padding: 10px 10px 25px 20px;}
#body_main-left img.left {float:left; margin: 0 5px 5px 0;}
#body_main-left h1 {padding: 0 0 5px 0;}

em.caption {padding:5px 0; display:block; font-weight:bold;}
#contact_form {padding:10px; margin:0 20px;}


/*  ------------body_second ------------ */
#body_second {width:220px; padding: 10px 190px 30px 15px;
float:right;
background-image:url(images/seperator-bar.jpg);
background-position: 0px 15px;
background-repeat: repeat-y;
}
#content h2 {padding:10px 5px 8px 0px}
#body_second ul {list-style:none; padding:0px 3px;}

/*  ------------rates ------------ */
#rates {background-color: #21496c; width:794px; height:33px; margin:0px 0px 0px 0px; padding:0px 0px 0 0; 
border:#21496c 3px solid;}

#rates li {list-style:none;display:block;float:left;text-align:center;
padding:2px 16px;height:28px;margin:0;}

#rates li.even {background:#50789b;}

#rates h1 {font-size:13px; color:#ffffff; margin:0;padding:0; text-align:right;}
#rates h2 {font-size:12px; color:#ffffff; margin:0;padding:0; text-align:center;}
#rates h3 {font-size:12px; color:#ffffff; text-align:right; padding:0px;}
#rates p {font-size:12px; color:#ffffff; text-align:center;}
#rates p.percentage {padding:0px;}

#rates a:hover {text-decoration:underline;}





/*  ------------contact ------------ */
#contact {background-image:url(images/content_back.jpg); background-position:bottom; background-repeat:no-repeat; height:35px;}

#contact p {margin:0px 42px 0px 20px; color:#ffffff; font:Helvetica, Arial, sans-serif; font-size:12px; padding:3px 0;}

#contact a {text-decoration:none; color:#ffffff;}

#contact a:hover {text-decoration:underline; color: #333333;}

/*  ------------footer ------------ */
#footer {width:600px;}

#footer p {padding:3px; color:#663300; font-size:13px; font-family:Helvetica, Arial, sans-serif; text-align:center;}

#footer a {text-decoration:none; color:#663300; text-align:center; }

#footer a:hover {text-decoration:underline; color:#663300;}

#footerul {font:11px; font-family:Helvetica, Arial, sans-serif; text-align:center; padding: 0 3px;}

#footerul li {font:11px; font-family:Helvetica, Arial, sans-serif; display:inline; text-align:center;}

#footer p.p2 { font-size:10px; color:#663300; font-family:Helvetica, Arial, sans-serif; text-align:center;}

*html #footer {position:relative; top:-30px; z-index:0; }
*html #contact {position:relative; top:-50px; z-index:0; }