body {background: rgb(220,201,203); text-align: center; padding: 0px; font-family: georgia, "Trebuchet MS", Tahoma; margin: 0px; padding: 0px; font-size: 66%; }
html {overflow-y: scroll;}

body, a, a:visited { color: rgb(85,86,107);}

h1, h1 a, h1 a:visited, .h1 {font-size: 180%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h2, h2 a, h2 a:visited, .h2 {font-size: 160%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h3, h3 a, h3 a:visited, .h3 {font-size: 130%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h4, h4 a, h4 a:visited, .h4 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h5, h5 a, h5 a:visited, .h5 {font-size: 100%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
p {margin: 0px 0px 10px 0px; padding: 0px;}

img {border: none; margin: 0px; padding: 0px;}
ul { text-align: left;}
li {padding-left: 0px;}
div {margin: 0px; padding: 0px;}
td {vertical-align: top;}
form {padding: 0px; margin: 0px;}

/* generic css */
.logo {width: 308px; height: 100px; border: none;}
.clear {clear: both; font-size: 1px; height: 1px;}
.clear img {width: 100%; height: 1px;}
.textonly {display: none;}
.formErr {display: block; color: red; }
.formNoErr {display: none; }
.page404 {text-align: center;}
.bold {font-weight: bold;}
.btn {border: none; height: 24px; overflow: visible; padding: 0px 8px; font-weight: bold; cursor: pointer}
.txtfield { border: 1px solid rgb(165,172,178); padding: 1px 2px;}
.selfield { border: 1px solid rgb(165,172,178);  }
.chkbox {position: relative; top: 2px; left: 0px;}
.imgbtn {padding: 0px; border: 0px; margin: 0px;}
.accesskeys {display: none;}

/* standard content css */
.content {font-family: Verdana;}
.content ul {margin: 6px 0px 6px 16px; padding: 0px;}
.content li {margin-bottom: 4px;}

/* layout css */
.page {width: 760px; margin: 5px auto 0px auto; text-align: left; background-color: white;}

.header { height: 77px; text-align: right; margin-bottom: 1px; border-top: 1px solid rgb(229,107,94); background: url(/images/bg.gif) repeat-x scroll left top;}
.header, .header a, .header a:visited { text-decoration: none;color: rgb(0,61,116); }
.header h1 {margin: 0px; padding: 27px 51px 0px 0px; font-size: 100%; color: rgb(0,61,116);}

.topmenu {  background-color: rgb(85,86,107); font-size: 120%; height: 25px;}
.topmenu .menu a, .topmenu .menu a:visited { text-decoration: none; color: white;}
.topmenu .menu a:hover {text-decoration: underline;}
.topmenu .hitem {float: left; width: 199px; border-right: 1px solid white; height: 25px;}
.topmenu .menu .hitem p { margin: 0px; padding: 5px 0px 0px 0px; text-align: center;  }
.topmenu .menu .item {float: left; width: 127px; border-right: 1px solid white; height: 25px;}
.topmenu .menu .item p { margin: 0px; padding: 5px 0px 0px 0px; text-align: center; }
.topmenu .clear {background-color: white;}
.topmenu .sel {background-color: rgb(246,47,54);}

/* default page styles */
.pagearea { height: 240px;}
html>body .pagearea {height: auto; min-height: 240px;}

.default {background: url(/images/bg_class.jpg) scroll no-repeat 0px 76px;}
.default .lcol {float: left; margin-left: 223px; width: 253px; display: inline;}
.default .rcol {float: left; margin-left: 22px; width: 250px;}


.pageBody {border-bottom: 1px solid rgb(191,191,191); padding-bottom: 52px;}

.pageBody table { border-collapse: collapse;}
.pageBody table td {border: 1px solid rgb(166, 167, 169); padding: 4px 5px; margin: 0px;}
.pageBody .th {font-weight: bold;}

.pageTitle { }
.pageTitle h1 {margin: 32px 0px 0px 46px; padding: 0px;}
.pageTitle h1 a, .pageTitle h1 a:visited {text-decoration: none; font-size: 110%; color: rgb(0,61,116); font-weight: normal;}

.frame {background: url(/images/frame.gif) no-repeat scroll 0px 0px; margin-bottom: 12px;padding-top: 12px;}
.frame .sub {width: 244px; background: url(/images/frame.gif) no-repeat scroll 0px bottom;}
.frame img {width: 220px; margin: 0px 12px 6px 12px;}
.frame .caption {font-family: verdana; text-align: right; padding: 0px 12px 12px 12px;}

.footer { height: 77px; margin-top: 3px; border-bottom: 1px solid rgb(229,107,94); background: url(/images/bg.gif) repeat-x scroll left -77px;}
.footer .deb {position: relative; top: 0px; left: 0px;}
.footer .deb div {position: absolute; top: -56px; left: 612px;}
.footer .deb img {height: 133px; width: 96px;}
.footer .lcol {float: left; width: 413px;}
.footer .rcol {float: left; width: 347px;}
.footer .idta {width: 92px; height: 57px; margin: 9px 0px 0px 11px;}


.footer, .footer a, .footer a:visited {text-decoration: none; }
.footer a:hover {text-decoration: underline;}
.footer .menu { margin-top: 45px; font-family: Tahoma;}
.footer .menu .item {display: inline; }
.footer .menu .sep {display: inline; border-right: 1px solid rgb(89,89,89); height: 16px;}
.footer .menu p {margin: 0px; padding: 0px 5px 0px 9px; text-align: center; display: inline;}


.subfoot {width: 760px; margin: 2px auto; text-align: left; font-size: 90%; font-family: verdana;}
.subfoot a, .subfoot a:visited {text-decoration: none;}

/* home page */
.home {background: url(/images/bg_home.jpg) no-repeat scroll 20px 0px; padding: 77px 51px 0px 197px;}

.home .links {background-color: rgb(85,86,107);}
.home .link {float: left; width: 127px; border-right: 1px solid white;}
.home .link img {width: 127px; height: 127px;}
.home .link a, .home .link a:visited {color: white; text-decoration: none;}
.home .link a:hover {text-decoration: underline;}
.home .link .box { font-size: 120%; height: 64px; border-collapse: collapse; margin: 0px; padding: 0px;}
.home .link .box td {margin: 0px; padding: 0px; border: none; vertical-align: middle;}
.home .link .box p {margin: 0px; padding: 3px 9px; text-align: center;}
.home .l1 img {background: url(/images/links_home.jpg) no-repeat scroll 0px 0px;}
.home .l2 img {background: url(/images/links_home.jpg) no-repeat scroll -128px 0px;}
.home .l3 img {background: url(/images/links_home.jpg) no-repeat scroll -256px 0px;}
.home .l4 img {background: url(/images/links_home.jpg) no-repeat scroll -384px 0px;}

.home .content {padding: 10px 0px 0px 12px;}



/* default page layout 2-col */
.default{}
.default .lcol {}
.default .rimage {float: right; margin-left: 20px; }

/* basic page layout 1-col */
.basic {background-color: rgb(155, 154, 170);}


/* generic login form */
.loginForm {}
.loginForm .row {}
.loginForm .warning {color: red;}

/* generic class css */
/* messages used by multiple classes on the site */
.messages {padding: 3px; background-color: rgb(215, 236, 236); border: 1px solid rgb(180, 180, 180); margin: 0px 0px 20px 0px;}
.pagearea .messages {margin: 0px 0px 20px 0px;}
.messages .warning {color: red}
.messages .message {color: green;}
.messages .title {}
.messages ul {}
.messages li {}


/* generic page */
.generic h3 {margin-bottom: 18px;}
.generic h4 {margin-bottom: 5px;}
.generic .summary {margin-bottom: 22px;}
.generic .summary a {text-decoration: none;}