body { text-align: center; margin: 0px; background: url("../media/body_background.gif") center;  font-family: arial, verdana; }
* { font-size: 11px; }
tr { vertical-align: top; }
a img { border: 0px; }
h2 { color: #606060; font-family: arial, verdana; margin: 0 0 5px 0; font-size: 13px; }
h3 { width: 250px; background: #eee; font-size: 12px; color: #555; border: 1px #ddd solid; padding: 3px; margin: 3px 0 3px 0; font-weight: bold; }
h4 { margin: 0 0 10px 0 ; }

.role { font-size: 11px; font-weight: normal; }

a { color: rgb(46,100,159); text-decoration: none; }
a:hover { color: rgb(46,100,159); text-decoration: underline; }

input.frame { border: 1px solid #999; height: 14px; color: #666; font-size: 10px; }

a.home { color: #666; font-size: 11px; }
a.home:hover { color: #023F85; font-size: 11px;  text-decoration: underline; }

.wrapper { margin-left: auto; margin-right: auto; width: 780px; text-align: left; }

.header { width: 780px; background: url("../media/header.png") no-repeat; height: 103px; text-align: right; font-size: 10px; color: #999; }
.top { margin: 5px; }
.top a { color: #999; text-decoration: none; }
.top a:hover { color: #999; text-decoration: underline; }

.menu { padding: 0px; background: url("../media/menu_background.png") repeat-x; height: 23px; }
.menu ul { margin: 0px; margin-left: -38px; }
.menu li { list-style: none; display: inline; margin-right: -4px; padding:0px; width: 100%; }

.dropdown { font-family: arial, verdana; font-size: 11px; color: #fff; background: rgb(46,100,159); }
.dropdown ul { margin: 0px; margin-left: -38px; }                                      
.dropdown li { list-style: none; display: block; margin-right: -4px; padding:0px; }    
.dropdown li a { color: #fff; width: 100%; display: block; height: 20px;   padding: 4px 0 0 3px;  }
.dropdown li a:hover { text-decoration: none; color: #fff; width: 100%; display: block; height: 20px; background: #5883b2; padding: 4px 0 0 3px; }

.main img { display: block; }

.main .left { width: 199px; float: left; margin-left: 6px; margin-top: 5px; }

.main .left table { border-collapse: collapse; }
.main .left table.box { background: url("../media/table_footer.png") bottom no-repeat #e0e0e0; width: 193px; border-collapse: collapse; color: #fff; margin-bottom: 14px; }
.main .left table.box th { background: url("../media/table_header.png") no-repeat; padding-left: 4px; height: 22px; font-size: 12px; font-weight: bold; padding-top: 3px;}
.main .left table.box td { font-size: 10px; color: #666; padding-left: 2px; }
.main .left form { margin: 0px; padding: 0px; }
.main .left #announcements { border: 1px solid #9f9f9f; background: #fff; height: 200px; overflow: auto;}
.main .left #announcements ul { width:117px; }
.main .left #announcements ul li { list-style-image: url("../media/dot.gif"); line-height: 13px; }
.main .left .frame { display: block; border: 1px solid #999; height: 14px; color: #666; font-size: 10px; background: #fff;}

.main .content { width: 570px; float: left; color: #666; font-size: 11px; margin-top: 0px; padding-right: 4px; }
.main .content ul { margin-top: 0px; margin-bottom: 5px; }
.main .content ul li { list-style-image: url("../media/dot.gif"); line-height: 13px; }
.main .content ul li.no_marker { list-style-type: none; list-style-image: none; line-height: 13px; }
.main .content table.box { background: url("../media/table_long_footer.png") bottom no-repeat #e0e0e0; width: 374px; border-collapse: collapse; color: #fff; margin-bottom: 14px; }
.main .content table.box th { background: url("../media/table_long_header.png") no-repeat; padding-left: 4px; height: 22px; font-size: 12px; font-weight: bold; padding-top: 3px;}
.main .content table.box td { font-size: 10px; color: #666; padding-left: 2px; }

.footer { background: url("../media/footer.png") no-repeat top; clear: both; margin-top: 15px; text-align: center; color: #999; padding-top: 10px; font-size: 10px; }

.rates { background: #eee; margin-bottom: 5px; border: 1px solid #ddd; }

.selectbox { display: block; border: 1px solid #999; height: 14px; color: #666; background: url('../media/drop_arrow.gif') no-repeat right #fff; font-size: 10px; padding-top: 2px; padding-left: 2px; }

table.atms { border: 1px solid #ccc; width: 96%; margin: 0 0px 3px 3px; background: #eee; }
table.atms td a { color: #555; text-decoration: underline; }

.divider { border-left: 1px dashed #ccc; float: left; height: 100px; margin-top: 10px; }