html, body { margin: 0; padding: 0; background: #f9ecf9; }
body, input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #40454B; }
img { border: none; }
a { color: #939; text-decoration: underline; }
a:hover { color: #006; text-decoration: none; }

.left { float: left; margin-right: 10px; }
.hr { clear: both; height: 3px; margin: 1px 0; background: #699; }

#frame_top, #frame_middle, #frame_bottom { width: 826px; height: 28px; margin: 0 auto; }
#frame_top { background: url(../img/frame_top.png) no-repeat; }
#frame_bottom { background: url(../img/frame_bottom.png) no-repeat; }
#credits { padding: 10px 0; font-size: 10px; text-align: center; }

#frame_middle { width: 770px; height: auto; padding: 0 28px; background: url(../img/frame_middle.png) repeat-y; overflow: hidden; }
#menu_top { height: 56px; background: url(../img/menu_top.png) repeat-x; border-top: 4px solid #939; }
#menu_top table tr td { text-align: center; font-size: 12px; font-weight: bold; }
#menu_top table tr td a { color: #fff; text-decoration: none; }
#menu_top table tr td a:hover	{ color: #e5f1fa; }
#main_frame { float: left; margin: 9px 0 10px; }
#left_content { float: left; width: 214px; margin: 0; padding: 0; overflow: hidden; }
#left_content div.box { width: 200px; margin-bottom: 10px; }
#left_content div.box div.title { height: 11px; margin: 0; padding: 1px 0 3px; background: url(../img/menu.title.png) no-repeat; text-indent: 10px; font-size: 10px; color: #e5f1fa; overflow: hidden; }
#left_content div.box div.body { width: 190px; margin: 0 0 0 10px; padding: 0; background: #f9ecf9 url(../img/menu.footer.png) no-repeat bottom; }
#left_content div.box div.body div { padding: 8px 0 12px 10px; }
#left_content div.box div.body div ul { margin: 0; padding: 0; list-style: none; }
div.box div.body div ul{ padding: 0; list-style: none; }
div.box div.body div ul li { background: url(../img/menu.li.png) no-repeat 0 7px; text-indent: 10px; }
div.box div.body div ul li a { font-size: 10px; color: #939; text-decoration: none; }
div.box div.body div ul li a:hover { color: #000; }
div.box div.body div ul li ul { padding: 0 10px; }

#body { float: left; width: 541px; margin: 0; padding: 0 0 0 14px; border-left: 1px solid #999; overflow: hidden; }
#body div.box { float: left; width: 540px; margin-bottom: 10px; }
#body div.box div.title { float: left; width: 540px; height: 11px; margin: 0; padding: 1px 0 3px; background: url(../img/body.title.png) no-repeat; text-indent: 10px; font-size: 10px; color: #e5f1fa; overflow: hidden; }
#body div.box div.body { float: left; width: 510px; margin: 0 10px; padding: 0 10px; background: #f9ecf9 url(../img/body.footer.png) no-repeat bottom; line-height: 150%; font-size: 11px; color: #000; }

#body table tr td div.box { width: 540px; margin-bottom: 10px; }
#body table tr td div.box div.title { height: 11px; margin: 0; padding: 1px 0 3px; background: url(../img/body.title.png) no-repeat; text-indent: 10px; font-size: 10px; color: #e5f1fa; overflow: hidden; }
#body table tr td div.box div.body { width: 530px; margin: 0 0 0 10px; padding: 0; background: #f9ecf9 url(../img/body.footer.png) no-repeat bottom; }
#body table tr td div.box div.body div {  padding: 8px 10px 12px; line-height: 150%; font-size: 11px; color: #000; }

#body table tr td div.box_middle { width: 263px; margin-bottom: 10px; }
#body table tr td div.box_middle div.title { height: 11px; margin: 0; padding: 1px 0 3px; background: url(../img/menu.title.middle.png) no-repeat; text-indent: 10px; font-size: 10px; color: #e5f1fa; overflow: hidden; }
#body table tr td div.box_middle div.body { width: 253px; margin: 0 0 0 10px; padding: 0; background: #f9ecf9 url(../img/menu.footer.middle.png) no-repeat bottom; }
#body table tr td div.box_middle div.body div { padding: 8px 10px 12px; }
#body table tr td div.box_middle div.body div ul { margin: 0; padding: 0; list-style: none; }

table.dataGrid { width: 510px; margin: 10px 0; border: 1px solid #939; text-align: center; }
table.dataGrid tr th { background: #939; color: #fff; }
table.dataGrid tr:first-child th { height: 22px; border-left: 1px solid #939; background: url(../img/dataGrid/th.png) repeat-x; color: #fff; }
table.dataGrid tr th:first-child { border-left: none; }
table.dataGrid tr td { padding: 2px 4px; border-width: 1px 0 0 1px; border-style: solid; border-color: #939; }
table.dataGrid tr td:first-child { border-left: none; }

#show1, #show2, #show3, #show4, #show5 { display: none; -moz-opacity: 0; filter:alpha(opacity=0); opacity: 0; }