#page    { background-color: #fff; margin-right: auto; margin-left: auto; padding-top: 2px; width: 825px }

#container { background-color: #fff;
    background-image: url(images/main-back.gif);
    background-repeat: repeat-y;
    margin-right: auto;
    margin-left: auto;
    width: 864px;
    }

#menu    { text-align: left; width: 825px; height: 84px }
#main { font-size: 1em; font-family: Arial }
#maintop   { background-image: url(images/mainback.jpg); background-repeat: no-repeat; width: 825px; height: 130px }
#toptext    { color: rgb(54,54,54); font-size: 1em; font-family: Arial; text-align: justify; padding-top: 8px; padding-right: 25px; width: 595px; float: right }
#toptext p { font-size: 0.75em; text-align: justify }
#footer  { background-image: url(images/footback.gif); margin-right: auto; margin-left: auto; width: 825px; height: 30px; clear: both }
.footext { color: rgb(54, 54, 54);
    font-size: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 370px;
    float: left;
    }
    
  .footlink { color: #eee;
    font-size: 0.75em;
    font-family: Arial;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 0px;
    }

  .footlink a { color: #eee;
    text-decoration: none;
    }

  .footlink a:hover { color: #eee;
    text-decoration: underline;
    }

.index      { background-color: #f5f5f8; background-image: url(images/titshade.gif); background-repeat: repeat-x; background-position: 0 top; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; padding-bottom: 10px; padding-left: 14px; width: 188px; float: left; vertical-align: top; border: solid 1px #b8b8b8 }
.index-refer     { color: #666; font-size: 0.8em; font-family: Arial; font-weight: bold; background-color: #ccccd0; padding-top: 2px; padding-left: 15px; height: 20px; clear: both; border: solid 1px #b8b8b8 }
.index-buttons { color: #666; font-size: 0.95em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #f5f5f8; margin-top: 2px; margin-bottom: 2px; width: 242px; float: left; border: solid 1px #b8b8b8 }
.index-news  { color: #666; font-size: 0.8em; font-family: Arial; background-color: #f5f5f8; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; padding-left: 10px; width: 567px; height: 239px; float: right; border: solid 1px #b8b8b8 }
.index-news p  { line-height: 1em; margin-top: 8px; margin-bottom: 0 }
.index-news em  { font-size: 0.85em }
.index-news a  { color: #e10915; text-decoration: none}
.index-news a:hover { font-weight: bold}
.index img    { border: solid 1px #b8b8b8; padding: 1px; }
.index p { font-size: 0.65em; margin-top: 0; margin-bottom: 4px }
.tabref        { background-color: #f5f5f8; background-repeat: repeat-x; margin: 2px 0 3px; padding: 6px 25px 25px; width: 595px; float: right; vertical-align: top; border: solid 1px #b8b8b8 }

.referbox { margin-top: 10px; float: left }
.referbox img { margin-right: 5px; padding: 1px; float: left; border: solid 1px #5f5f5f }
.refer      { font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f7f7f7; background-image: url(images/refshade.gif); background-repeat: repeat-x; background-position: 0 bottom; padding: 5px 6px 12px 10px; width: 435px; height: 74px; float: left; vertical-align: top; border-style: solid; border-width: 1px 1px 1px 3px; border-color: rgb(184,184,184) rgb(184,184,184) rgb(184,184,184) rgb(255,102,0) }
.refer h2   { color: #e10915; font-size: 1.2em; font-weight: bold }
.refer a  { color: #e10915; font-size: 1.2em; font-weight: bold }
.refer p { margin-bottom: 3px; padding-bottom: 3px }
.orange   { color: #e10915 }

.center { text-align: center;    }
.layer { }
.mid  { font-size: 0.75em; line-height: 1.3em }
.midjust  { font-size: 0.75em; line-height: 1.35em; text-align: justify }
.midjust a { color: rgb(255, 102, 0); }

body  { background-color: #696c7a; margin-top: 0 }

p  { margin-top: 3px; margin-bottom: 3px }
td { border-bottom: 1px solid rgb(184,184,184) }
h1, h2, h3   { color: #e10915; font-size: 0.8em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-top: 4px; margin-bottom: 4px }

#refmenu   { margin-top: 2px; margin-left: 0; padding-bottom: 50px; width: 178px; float: left; vertical-align: top }
#refmenu h2 { color: #666; background: #c9c9d7; text-align: left; margin: 0 0 5px; padding: 3px 0 3px 10px }
#refmenu ul   { font-size: 75%; list-style: none; margin: 0; padding: 0 0 0 0 }	
#refmenu li   { margin: 0; padding-bottom: 5px }
#refmenu li a    { color: #333; font-weight: bold; text-decoration: none; background: #efeff2 url(images/buttonback.gif) left top; text-align: right; display: block; margin: 0; padding: 5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 3px solid #999 }
#refmenu li a:hover    { color: #f60; background-color: #e4e4e7; margin: 0; padding-right: 6px; border-left: 3px solid #f60 }

form 	 { width: 500px;}
fieldset {font-size:0.85em; margin-bottom: 8px; padding: 10px; border: 1px solid #ccc;}
legend	 {font-size:0.85em; margin-bottom: 8px; padding: 2px 5px; color: #fff; background: #969aab; border: 1px solid #666666;}
label	 {font-size:0.85em; width: 90px; float: left;}
select	 {margin-bottom: 8px;}