/*
Basic Structure
*/

body { margin: 10px; padding: 0; font-family: Verdana, sans-serif; font-size: 95%; background: #000080; color: #fff; }

#header { width: 100%; margin: 0; height: 130px; background: #fff url(images/bg2.png) repeat-x; color: #000; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; }

#container { float: left; width: 100%; margin: 0 0 10px 0; padding: 0; background: #fff;  color: #000;  border-right: 1px solid #fff; border-left: 1px solid #fff; }

#left { float: left; padding: 8px; margin: 0; width: 22%; background: #fff; color: #000; }

#right { float:left; padding: 8px; margin: 0; width: 74%; background: #fff; color: #000; }

#footer { clear: left; width: 100%; border-top: 1px solid #BF060C; margin-right: 5%; margin-left: 5%; margin-bottom: 5px; padding: 0; text-align: center; font-size: 0.8em; }

/* 
Header styles 
*/

#header h1 { display: block; height: 130px; width: 100%; background: transparent url(images/wealth.jpg) no-repeat; margin: 0; padding: 0; }
#header h1 a { display: block; height: 130px; width: 100%; border: 0; }
#header h1 span { display: none; }

/* 
Left styles 
*/

#left ul { list-style-type: none; margin: 0; padding: 0; }
#left ul li { margin: 1; padding: 1; }
#left a, #left a:visited { text-decoration: none; font-weight: 400; font-size: 0.85em; color: #000099; }
#left a:hover, #left a:active { color: #BF060C; }
.upper { width: 80%; text-transform: uppercase; font-size: 1.05em; background: #FFCCCC;}
#left p { font-size: 0.85em; color: #000; padding: 0; margin: 0; }
#left h2 { font-size: 1.1em; color: #000080; padding: 5px 0; margin: 0; }

/*
Right styles
*/

#rightcol1 { float:left; width: 45%; padding: 0 0 10px 0; margin: 0; }
#rightcol2 { float:left; width: 55%; top: 10px; padding: 0 0 10px 0; margin: 0; }
#rightspace10 { float:left; width: 10px; }
#rightspace100 { float:left; width: 100px; }
#rightspace200 { float:left; width: 200px; }

#right p { width: 80%; padding: 0 0 10px 0; margin: 0; }
#right p.2 { font-size: 0.95em; width: 100%; padding: 0 0 0 0; margin: 0; }
#right p.3 { font-size: 0.85em; width: 100%; padding: 0 0 0 0; margin: 0; color: #000099; }
#right h1 { font-family: Georgia, Garamond, Verdana; width: 90%; padding: 0 0 5px 0; margin: 0; font-size: 1.3em; color: #000080; }
#right h2 { width: 80%; padding: 0 0 10px 0; margin: 0; font-size: 1.2em; color: #000080; }
#right h3 { width: 100%; padding: 0 0 0 0; margin: 0; font-size: 1.1em; color: #000080; }
#right h4 { width: 100%; font-weight: 300; text-align: center; padding: 0 0 0 0; margin: 3; font-size: 1.0em; }
#right a, #right a:visited { text-decoration: underline; color: #0000ff; }
#right a:hover, #right a:active { text-decoration: underline; color: #BF060C; }
.p.2  { font-size: 0.95em; text-align: left;  width: 100%; padding: 0 0 0 0; margin: 0; }
.p.3  { font-size: 0.85em; text-align: left;  width: 100%; padding: 0 0 0 0; margin: 0; color: #009999; }

/*
Footer styles
*/

#footer a, #footer a:visited { text-decoration: none; font-weight: bold; font-size: 0.85em; color: #000099; }
#footer a:hover, #footer a:active  { color: #BF060C; }
#footer p { padding: 5px 0; margin: 0; }

/* 
extras
*/

#topnav { float: left; text-align: center; font-size: 1.05em; margin-top: 10px; margin-right: 10px; margin-left: 35%; padding: 0 5px 5px 0; background: #fff; height: 20px; border-top: 1px solid #BF060C; border-bottom: 1px solid #BF060C; display:inline; }
#topnav ul { padding: 0; margin: 0; list-style-type: none; }
#topnav li { float: left; padding: 5px 15px 5px 5px; margin: ; }
#topnav a, #topnav a:visited { text-decoration: none; font-weight: bold; color: #000099; line-height: 20px; }
#topnav a:hover, #topnav a:active { text-decoration: none; font-weight: bold; color: #BF060C; }
.first { padding-left: 0 !important; }

#clearfix1 { clear:right; }
#clearfix2 { clear:left; }
#clearfix3 { clear:both; }

#date { padding: 0 0 5px 0; margin: 0; color: #0000ff; font-size: 0.95em; }

.box { background: #339966; border:none; width: 180px; height: auto; font-weight: bold; padding: 5px; text-align: center; margin-bottom: 5px; }

/*
Content Image styles
*/

a img { border:none } 

img.centered {display:block; margin: 0 auto 5px auto; border:0; padding:0;}

img.alignright { float: right; display: inline; border:0; margin:5px 5px 0 5px; padding:0; vertical-align: middle; }

img.alignleft { float: left; display: inline; border:0; margin:5px 5px 0 5px; padding:0; vertical-align: middle; }

.bay { margin-top: -5px; margin-right: 5px; margin-left: 5px; float: right; display: inline; border:0;  padding:0; vertical-align: middle; }

