.bgdark { background-color: #283f5c; }
.bgmedium { background-color: #3867a4; }
.bglight { background-color: #5485c4; }
#bkmark1 { width: 180px; height: 40px; float: left; }
#bkmark2 { width: 180px; height: 40px; float: left; margin: 5px 0; }
#bkmark3 { width: 180px; height: 40px; float: left; margin: 5px 0; }
#bkmark4 { width: 180px; height: 40px; float: left; margin: 5px 0; }
a.textlink { color: #fff; }
a.textlink:hover { color: #f79cc6; }
#container { margin: 0 auto; width: 780px; height: auto; }
#panel-left { text-align: center; width: 150px; height: 193px; float: left; clear: both; }
#panel1 { width: 100%; height: auto; margin-bottom: 5px; }
#panel1 a { display: block; padding: 10px 5px; color: #fff; font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; width: 93%; margin: 0; }
#panel1 a:hover { background-color: #6599db; }

#panel2 { width: 100%; height: auto; margin-bottom: 5px; }
#panel2 a { display: block; padding: 10px 5px; color: #fff; font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; width: 93%; margin: 0; }
#panel2 a:hover { background-color: #6599db; }
#panel3 { width: 100%; height: auto; margin-bottom: 5px; }
#panel3 a { display: block; padding: 10px 5px; color: #fff; font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; width: 93%; margin: 0; }
#panel3 a:hover { background-color: #6599db; }

.toplist1 { width: 100%; margin-bottom: 5px; }
#panel-left h3 { color: #c6ef9c; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px; width: 93%; margin-top: 0; padding-top: 5px; }
.toplist1text { width: 128px; height: auto; padding-top: 5px; padding-left: 5px; }
#panel-main { padding: 0; width: 626px; height: auto; float: left; margin-left: 4px; }
#links1 { background-color: #ecf5ff; margin: 0 auto 10px; width: 621px; padding-left: 5px; }
#links2 { background-color: #ecf5ff; margin: 0 auto 10px; width: 641px; padding-left: 5px; }
#links3 { background-color: #ecf5ff; margin: 0 auto 10px; width: 641px; padding-left: 5px; }
#links4 { background-color: #ecf5ff; margin: 0 auto 10px; width: 641px; padding-left: 5px; }
#linksfooter { text-align: center; margin: 5px auto 0; width: 621px; height: auto; padding-top: 1px; padding-bottom: 5px; padding-left: 5px; }
.toplistlul { padding: 0 0 1em; font-family: verdana, Helvetica, Arial, sans-serif; text-align: left; }
.toplistlul ul { list-style: none; margin: 0; padding: 0; }
.toplistlul li { border-bottom: 1px solid #D1E0F4; }
.toplistlul li.first { border-top: 1px solid #D1E0F4; }
.toplistlul li a { display: block; padding: 5px; color: #fff; font-size: 9pt; font-weight: bold; text-decoration: none; margin: 0; }
.toplistlul li a:hover { background-color: #6599db; }
a:link { color: white; }
.logo { font-size: 0; line-height: 0; width: 0; background-color: #aeccf2; border-color: #fbffaa #c6ef9c #f79cc6 #ffdea5; border-style: solid; border-width: 20px; }
#header { width: 780px; height: 174px; margin-right: 0; margin-bottom: 5px; margin-left: 0; }
#header-left { width: 520px; height: 120px; float: left; }
#header-left h1 {font-size: 48pt; font-family: Times New Roman, serif; font-style: italic; margin: 5px 0px 0px 10px; color: #fbffaa;}
#header-left h2 { color: #c6ef9c; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 0; margin-left: 15px; }
#header-right { height: 120px; width: 260px; float: left; }

#header-menu { width: 780px; clear: left; }
#header-menu ul { list-style: none; display: inline; }

#header-menu li { display: block; float: left; color: #fff; background-color: #5485c4; font-size: 9pt; font-weight: bold; font-family: verdana, Helvetica, Arial, sans-serif; text-align: center; width: 119px; padding: 0; border-top: 1px solid #3b495b; border-left: 1px solid #3b495b; width: 129px;}
#header-menu li a {display: block; padding: 6px 5px; text-decoration: none;}
#header-menu li i {display: block; padding: 6px 5px; font-style: normal; font-weight: normal; background-color: #3867a4;}
#header-menu li.first {border-left: 1px solid #5485c4;}
#header-menu li a:hover {background-color: #6599db; }
#header-menu li a:visited {color: #dddddd; }

.link-header-right { background-color: #ecf5ff; width: 570px; float: left; margin-left: 20px; padding-bottom: 20px; border-bottom: 1px solid #000; }
.link-header-right h2 { color: #000; margin: 20px 0 0; padding: 0; }
.list-area { background-color: #ecf5ff; clear: left; float: left; margin-left: 20px; margin-top: 20px; width: 550px; margin-bottom: 20px; }

div.list-area ul {list-style: none; margin: 0; padding: 0;}
div.list-area ul li {margin: 0; padding: 0; clear: left;}
div.list-area ul li i { color: #3867a4; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; display: block; margin: 0; padding: 0; float: left; background-color: #ecf5ff; width:55px; font-size: 10pt; }
div.list-area ul li b { color: #000; font-size: 10pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; display: block; margin: 0; padding: 0 0 0 5px; float: left; background-color: #ecf5ff; width: 483px; }
div.list-area ul li b {font-weight: normal;}
div.list-area ul li a {font-weight: bold; color: #000; }
div.list-area ul li a:hover {background-color: #6ea6f0;}
.2257 { text-align: center; margin-top: 2px; margin-bottom: 2px; }

