html,body { width: 100%; height: 100%; padding: 0; margin: 0; }
body { font-family: "Arial"; background: #01568C url(images/site-bg.gif) repeat-x top left; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

p, td, a, th { font-size: 13px; }

#page-wrapper { position: relative; margin: 0 auto; width: 1030px; }

#page { float: left; width: 100%; height: auto; margin: 19px 0 0 0; }

.banner { float: left; width: 100%; height: 123px; background: url(images/page-banner.png) no-repeat top; }

.user-bar { float: left; width: 100%; height: 48px; background: url(images/news-bar-bg.gif) no-repeat top; }
.user-bar { color: #fff; font-size: 13px; font-weight: bold; }
.user-bar a { color: #fff; }
.user-bar .welcome { float: left; margin: 6px 0 6px 50px; height: 36px; line-height: 36px; }
.user-bar .profile { float: left; margin: 6px 0 6px 10px; height: 36px; line-height: 36px; }
.user-bar .logout { float: left; margin: 6px 0 6px 10px; height: 36px; line-height: 36px; }
.user-bar .login { float: left; margin: 6px 0 6px 10px; height: 36px; line-height: 36px; }
.user-bar a img { float: left; padding: 6px 2px 6px 0; }


.news-bar { float: left; width: 100%; height: 48px; background: url(images/news-bar-bg.gif) no-repeat top; }
.news-bar .heading { position: relative; float: left; width: 110px; height: 36px; margin: 6px 6px 6px 31px; text-align: right; line-height: 36px; color: #fff; font-weight: bold; }
.news-bar ul { height: 36px; margin: 6px 5px 6px 5px; text-align: left; color: #fff; }
.news-bar ul, .news-bar li { width: 820px; position: relative; float: left; list-style: none; padding: 0; line-height: 36px; height: 36px; }
.news-bar li { margin: 0; }

#container { float: left; width: 100%; background: url(images/page-bg.png) repeat-y top; }

TABLE.page { float: left; width: 960px; margin: 16px 20px 10px 35px;  }

TD.left { width: 0px; vertical-align: top; }

TD.left .module { float: left; width: 200px; margin: 0; }
TD.left .module+.module { float: left; width: 200px; margin: 20px 0 0 0; }
TD.left .module .top { float: left; width: 100%; height: 13px; background: url(images/mod-top.gif) no-repeat top; }
TD.left .module .span { float: left; width: 100%; height: auto; background: url(images/mod-span.gif) repeat-y center; text-align: center; }
TD.left .module .bottom { float: left; width: 100%; height: 13px; background: url(images/mod-bottom.gif) no-repeat bottom; }

TD.left .module ul.menu { float: left; width: 100%; padding: 0; margin: 0 2px; list-style: none; text-align: left; }
TD.left .module ul.menu li { float: left; width: 100%; padding: 0; margin: 0; list-style: none; text-align: left; }
TD.left .module ul.menu li a { float: left; width: 100%; display: block; line-height: 32px; font-family: "Arial Narrow"; font-size: 13px; font-weight: bold; text-decoration: none; color: #333; }
TD.left .module ul.menu li a .img { position: relative; float: left; height: 28px; width: 32px; margin: 2px 9px; text-align: center; }
TD.left .module ul.menu li a .img img { border: none; }
TD.left .module ul.menu li a:hover { background: url(images/menu-hover.gif) repeat-y left; color: #fff; }

TD.spacer { width: 20px; }

TD.middle { width: auto; vertical-align: top; }

TD.middle.top { height: 13px; line-height: 13px; background: url(images/main-top.gif) no-repeat top; }
TD.middle.span { height: auto; background: url(images/main-span.gif) repeat-y center; text-align: center; padding: 0 10px; }
TD.middle.bottom { height: 13px; line-height: 13px; background: url(images/main-bottom.gif) no-repeat bottom; }

.footer { float: left; width: 100%; height: 25px; background: url(images/page-bottom.png) no-repeat bottom; }