@charset "utf-8";
/* CSS Document */

body, html {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 10pt;
}

#Container {width:100%;}


/***** GENERAL *****/                                  /***** GENERAL *****/                                   /***** GENERAL *****/

.Pri {color:#00653A;}
.Sec {color:#F0CB01;}
.Neu {color:#AAAAAA;}
.BackPri {background-color:#00653A;}
.BackSec {background-color:#F0CB01;}
.BackNeu {background-color:#AAAAAA;}
a:link, a:visited {color:#00653A;}
a:hover {color:#F0CB01;}
img.Inline {margin:0px 10px;}
.BoldText {color:#00653A; font-weight:bold;}

.Bar, .GradBot, .GradTop, .ULine, .Shadow {font-size:1px;}
.Bar     {height:5px;}
.GradBot {height:25px; background:url('../images/grad-bot.gif') repeat-x bottom;}
.GradTop {height:25px; background:url('../images/grad-top.gif') repeat-x top;}
.ULine   {height:2px;  border:none; margin:0px;}
.ULineSec {border-bottom:solid 2px #F0CB01; padding-bottom:3px; margin-bottom:3px; display:inline;}

input {text-align:center;}
.Note {font-size:8pt; font-weight:bold; color:#990000;}
.LinkNote {font-size:10px; margin-left:10px;}
.Calculator {text-align:center; border:solid 1px #CCC; padding:20px;}
.Calculator th {text-align:left; vertical-align:top;}
.Calculator td {vertical-align:top;}
.Totals {font-weight:bold;}
.RowDark  {background-color:#EEE;}
.RowLight {background-color:#FFF;}

.Rates {border-style:solid; border-color:#000; border-width:1px 2px 2px 1px; margin:10px; width:500px;}
.Rates th, .Rates td {text-align:center; padding:2px; text-transform:uppercase;}
.Rates th {color:#F0CB01; font-weight:bold; border-bottom:solid 1px #000; background:#00653A;}
.Rates td {background:#D0D0D0;}
.Rates .Odd td {background:#EAEAEA;}

a:link p.InTheNews, a:visited p.InTheNews, a:hover p.InTheNews {font-weight:normal; color:#000;}


/***** HEADER *****/                                    /***** HEADER *****/                                    /***** HEADER *****/

#Header .Date    {padding:10px 15px 10px 15px; font-weight:bold; font-size:10pt; text-align: right;}
#Header .BGImage {height:200px; background:url('../images/header.jpg') #FFFFFF no-repeat right;}


/***** NAVIGATION *****/                              /***** NAVIGATION *****/                              /***** NAVIGATION *****/

#Nav {margin:10px 0px; height:16pt;}
#Nav ul {padding:0; margin:0; list-style-type:none; background:transparent;}
#Nav .Menu {font-size:10pt; font-weight:bold;}
#Nav .Menu li {float:left; white-space:nowrap;}
#Nav .Menu a:link, #Nav .Menu a:visited {text-decoration:none; color:#AAAAAA;}
#Nav .Menu a:hover {text-decoration:none; color:#00653A;}
#Nav .Menu li:hover {position:relative; z-index:1;}
#Nav .Menu :hover > a {text-decoration:none; color:#00653A;}
#Nav .Menu span {background:url('../images/dotted-sm.gif') repeat-y top; margin:0px 5px;}
#Nav table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:8pt; z-index:1;}

#Nav .Sub {font-size:8pt; font-weight:bold; border:solid 1px #000000;}
#Nav .Sub li {float:none;}
#Nav .Sub a:link, #Nav .Sub a:visited {display:block; text-decoration:none; color:#000000; background:#00653A; width:130px; padding:0px 5px; line-height:14pt;}
* html #Nav .Sub a, * html #Nav .Sub a:visited  {width:14em; w\idth:12em;}
* html #Nav a:hover {position:relative; z-index:1;}
#Nav .Sub a:hover {text-decoration:none; background:#F0CB01; color:#000000;}
#Nav .Sub :hover > a {text-decoration:none; color:#000000;}

#Nav .Sub {visibility:hidden; position:absolute; height:0px; top:12pt; z-index:200;}
#Nav .Menu :hover .Sub {visibility:visible; position:absolute; height:auto; left:-5px;}

#Nav .SubHead {text-align:center; border-bottom:solid 1px #000000; font-weight:bold;}
#Nav a.SubHead:link, #Nav a.SubHead:visited {background:#007D48;}
#Nav a.SubHead:hover {cursor:default; background:#007D48;}


/***** BODY *****/                                       /***** BODY *****/                                       /***** BODY *****/

#Body {padding-left:255px; min-height:600px; height:auto !important; height:600px;}
#Body h1 {font-weight:bold; font-size:20pt; margin:0px 0px 3px 0px; font-style:italic;}
#Body h2 {font-weight:bold; font-size:12pt; margin:0px 0px 3px 0px; font-style:italic; text-transform:uppercase;}
#Body h3 {font-weight:normal; text-align:center;}


/***** SIDEBARS *****/                                 /***** SIDEBARS *****/                                 /***** SIDEBARS *****/

#Left {width:243px; font-weight:bold; font-size:10pt; position:absolute; top:0px; left:0px;}
#Left .Content {padding:10px 15px; background-color:#FFFFFF;}
#Left .TextBox {border:solid 1px #000000; margin:5px 0px; font-size:12pt; width:90%;}
#Left h1 {font-weight:bold; font-size:12pt; margin:0px 0px 3px 0px;}
#Left .SmallText {font-weight:bold; font-size:8pt; text-align:center; line-height:14pt;}
.Button {font-size:8pt; margin:5px 0px 10px 0px;}

#Left table {width:243px;}
#Left table .Top {width:8px;  background:url('../images/shadow-top.png') no-repeat top left;}
#Left table .Mid {width:8px;  background:url('../images/shadow-mid.png') repeat-y left;}
#Left table .Bot {height:8px; background:url('../images/shadow-bot.png') no-repeat top right;}

#Logo, #Banking, #QuickLinks {position:relative; margin-bottom:25px;}
#PrintLogo {display:none;}

#QuickLinks ul.NoPad {padding-left:0px;}
#QuickLinks ul {padding-left:10px; margin:0px; list-style-type:none;}
#QuickLinks ul li {margin:3px 0px;}


/***** FOOTER *****/                                    /***** FOOTER *****/                                    /***** FOOTER *****/

#Footer {text-align:center;font-size:8pt; font-weight:bold; clear:both; margin:20px 0px;}
#Footer .Square {background:url('../images/square.gif') no-repeat center; margin:0px 5px;}