body { 
color: black; 
margin: 0; 
padding: 0; 
font-family: Arial; }

.banner {
background-color: 66a1e4; }

.banner_bottom {
background-image: url(../images/banner_fill.gif);
background-repeat: repeat-x; }

.title {
left: 250px;
top: 72px;
position: absolute; }

.nav { 
color: c9c9c9; 
font-size: 11px; 
font-weight: bold;
text-decoration: none;
background-color: 787878;
background-image: url(../images/nav_arrow.gif); 
background-repeat: no-repeat; 
padding: 4px 0px 4px 30px;
display: block; }

.nav:hover { 
color: ffffff; 
font-size: 11px; 
font-weight: bold; 
text-decoration: none;
background-color: 484848;
background-image: url(../images/nav_arrow_on.gif); 
background-repeat: no-repeat; 
padding: 4px 0px 4px 30px;
display: block; }

.nav_on { 
color: ffffff; 
font-size: 11px; 
font-weight: bold;
text-decoration: none;
background-color: 484848;
background-image: url(../images/nav_arrow_on.gif); 
background-repeat: no-repeat; 
padding: 4px 0px 4px 30px;
display: block; }

.overlay {
position: absolute;
top: 97px;
left: 192; }

.text_off {
display: none; }

.text_on {
display: block;}

#layout1a { padding: 35px 0px 0px 31px; width: 450px; float: left; vertical-align: top; }
#layout1b { padding: 50px 0px 0px 37px; width: 213px; float: left; vertical-align: top; }
#layout2a { padding: 35px 0px 0px 31px; width: 490px; float: left; vertical-align: top; }
#layout2b { padding: 50px 0px 0px 37px; width: 183px; float: left; vertical-align: top; }
#layout3a { padding: 35px 0px 0px 31px; width: 434px; float: left; vertical-align: top; }
#layout3b { padding: 50px 0px 0px 37px; width: 239px; float: left; vertical-align: top; }
#layout4a { padding: 35px 0px 0px 31px; width: 287px; float: left; vertical-align: top; }
#layout4b { padding: 50px 0px 0px 37px; width: 376px; float: left; vertical-align: top; }
#layout5a { padding: 35px 0px 0px 31px; width: 456px; float: left; vertical-align: top; }
#layout5b { padding: 50px 0px 0px 37px; width: 214px; float: left; vertical-align: top; }
#layout6 { padding: 50px 0px 0px 31px; width: 450px; float: left; vertical-align: top; }
#layout7a { padding: 35px 0px 0px 31px; width: 190px; float: left; vertical-align: top; }
#layout7b { padding: 35px 0px 0px 47px; width: 176px; float: left; vertical-align: top; }
#layout7c { padding: 35px 0px 0px 70px; width: 214px; float: left; vertical-align: top; }
#layout8a { padding: 35px 0px 0px 31px; width: 368px; float: left; vertical-align: top; }
#layout8b { padding: 50px 0px 0px 37px; width: 302px; float: left; vertical-align: top; }
#left_panel { height: 461px; width: 245px; background-color: #787878; }

a { color:#5b90cd; font-size: 11px; font-family: Arial; text-decoration: underline; }
p { color: #000; font-size: 11px; font-family: Arial; line-height: 14px; }

ul { color: #000; font-size: 11px; font-family: Arial; line-height: 14px; padding: 0; list-style-type: disc; list-style-position: outside; margin: 0.5em 0 0.5em 15px; }
li { margin: 0; padding: 0; }

.portrait {margin-right: 20px;}

/*website fonts*/
.copyright { color: #b2b2b2; font-size: 11px; font-family: Arial; padding: 7px 0px 0px 20px }
.banner_text { color: #ffffff; font-size: 11px; font-family: Arial; font-weight: bold; padding: 0px 15px 0px 0px; text-decoration: none;  }
.banner_text:hover { text-decoration: underline; }
.green11b { color: #73b618; font-size: 11px; font-family: Arial; font-weight: bold; line-height: 14px; } 
.black12b   { color: #000; font-size: 12px; font-family: Arial; font-weight: bold; line-height: 14px; }
.black11b   { color: #000; font-size: 11px; font-family: Arial; font-weight: bold; line-height: 14px; }