html, body { margin: 0px; padding:0px; font: 14px Verdana, Arial, sans-serif; height: 100%; background-color: #333333;}

#entryContainer { background-color: #333333; margin: 0px; padding:0px; width: auto; height: 100%; }
#Content { position:absolute; left:50%; width: 610px; height: 480px; margin-top: 40px; margin-left:-305px; border: 1px #000000 solid; background: url("../images/indexbg.png") repeat; display: block; padding:0px; }
    
#Content .header{ position:relative; top: 20px; left: 50%; margin-left:-200px; border: 1px #000000 solid; width: 400px; height: 100px; padding:0px; display: block; }

#Content .bottom{ position:relative; top: 20px; left: 50%; margin-left: -305px; width: 610px; height: 350px; padding:0px; display: block; }

div.float { float: left; margin: 20px 10px 10px 52px;}
  
div.float p { text-align: center; }

#date { clear: both; width: auto; margin: 0px; font-size: 12px; color: #ffffff; padding: 0px 10px 20px 20%; background-color: #333333;}

a{ font:bold 16px; color: #FFCC00; text-decoration: underline;}
a:visited { font:bold 16px; color: #FFCC00; text-decoration: underline;}
a:active { font:bold 16px; color: #C0C0C0; text-decoration: underline; }
a:hover { font:bold 16px; color: #C0C0C0; text-decoration: underline; }

a.entry{ font:bold 16px Verdana, Arial, sans-serif; color: #FFFFFF; text-decoration: underline;}
a.entry:visited { font:bold 16px Verdana, Arial, sans-serif; color: #FFFFFF; text-decoration: underline;}
a.entry:active { font:bold 16px Verdana, Arial, sans-serif;color: #000000; text-decoration: underline; }
a.entry:hover { font:bold 16px Verdana, Arial, sans-serif; color: #000000; text-decoration: underline; }

a.top{ font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
a.top:visited { font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
a.top:active { font:bold 12px Verdana, Arial, sans-serif;color: #ffcc00; text-decoration: underline; }
a.top:hover { font:bold 12px Verdana, Arial, sans-serif; color: #ffcc00; text-decoration: underline; }

#mainleft { position:absolute; left:0px; top: 0px; width: 360px; padding:0px; background-color: #FFFFFF;}
#mainleft .box { margin: 0px 5px 5px 5px;}

#mainright{ margin: 35px 0px 0px 360px; width: auto; background-color: #FFFFFF; display: block; align: left; text-align: left; voice-family: "\"}\""; voice-family: inherit; margin: 35px 0px 0px 360px; background-color: #FFFFFF; }
html>body #mainright { margin: 35px 0px 0px 360px; background-color: #FFFFFF; }
#mainright .box { margin: 10px 2px 5px 2px; align: center; text-align: center; width: auto; background-color: #FFFFFF;}

#mainright .navigation { width: auto; padding: 0 0 1em 0; margin: 20px 0px 20px 0px;} 
#mainright .navigation ul  { display: inline; margin: 0; padding: 0; border: none; width: 100%}
#mainright .navigation li { border-bottom: 2px #FFCC00 solid; border-right: 1px #FFCC00 solid; border-top: 2px solid #FFCC00; margin: 0; display: inline; list-style: none;}
#mainright .navigation li.none { border-right: none; border-bottom: 2px solid #FFCC00; border-top: 2px solid #FFCC00;margin: 0; display: inline; list-style: none;}

#mainright .navigation li a { padding: 5px 5px 5px 0.5em; text-decoration: none; width: 100%; }
html>body #mainright .navigation li a { width: auto; }

#mainright .navigation li a:hover {font:bold 12px Verdana, Arial, sans-serif; color: #ffcc00; text-decoration: underline; }

#greyBox { font-size: 14px; background-color: #dddddd; border: 1px #999999 solid; width: 350px; margin: 20px 0px 20px 0px; align: right; text-align: right;}

#yellowBox { background-color: #fff5cb; border: 1px #ffcc00 solid; width: auto; margin: 10px; }

#banner { margin: 0px; height: 140px; width: auto; padding: 0px; }
#banner .topBanner { margin: 0px; height: 100px; width: auto; padding: 0px; background: url("../images/logo.gif") no-repeat; padding-left: 395px;}
#banner .navigation { width: auto; padding: 0 0 1em 0; margin: 10px 0px 10px 0px;} 
#banner .navigation ul  { display: inline; margin: 0; padding: 0; border: none; width: 100%}
#banner .navigation li { border-bottom: 2px #FFCC00 solid; border-right: 1px #FFCC00 solid; border-top: 2px solid #FFCC00; margin: 0; display: inline; list-style: none;}
#banner .navigation li.none { border-right: none; border-bottom: 2px solid #FFCC00; border-top: 2px solid #FFCC00;margin: 0; display: inline; list-style: none;}

#banner .navigation li a { padding: 5px 5px 5px 0.5em; text-decoration: none; width: 100%; }
html>body #banner .navigation li a { width: auto; }

#homecontent{ margin: 0px 0px 20px 210px; padding-bottom: 20px; width: auto; background-color: #FFFFFF; voice-family: "\"}\""; voice-family: inherit; margin: 0px 0px 20px 210px; padding-bottom: 20px;}
html>body #homecontent { margin: 0px 0px 20px 210px; padding-bottom: 20px; }

#home { position: absolute; top: 160px; left: 0px; width: 210px;}
#home .greyBox { background-color: #dddddd; border: 1px #999999 solid; width: 200px; margin: 5px;}
#home .yellowBox { background-color: #fff5cb; border: 1px #ffcc00 solid; width: 200px; margin: 5px;}
#home p { padding: 5px; margin: 0px; font-size: 12px;}
#home a{ font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
#home a:visited { font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
#home a:active { font:bold 12px Verdana, Arial, sans-serif;color: #ffcc00; text-decoration: underline; }
#home a:hover { font:bold 12px Verdana, Arial, sans-serif; color: #ffcc00; text-decoration: underline; }

p { margin: 20px; padding: 0px;}
#homecontent li { margin: 0px 30px; padding: 0px;}
.sm { font-size: 10px;}
h1 { font-size: 18px; margin: 10px 15px 5px 15px; padding: 0px; letter-spacing: 2px; border-bottom: 1px #000000 solid;}
h2 { font-size: 16px; margin: 10px 0px 5px 15px; padding: 0px;}
h3 { font-size: 14px; margin: 10px; padding: 0px;}
hr { width: 70%; align: center; text-align: center; margin: 10px 0px 30px 0px;}
.title {background-color: #000000; color:#ffffff; width: auto; margin: 0px; padding-left: 15px;}
.linkRight { margin: 0px 10px 5px 5px; align: right; text-align: right; }

textarea { overflow: auto; }

#homecontent form div { clear: left; display: block; height: expression('1%'); margin: 10px 0px 0px 0px; padding: 1px 3px; width:auto}
#homecontent label { float:left; width:30%; margin-right: 0.3em; padding-top:0.2em; text-align:right; font-weight:bold; }
#homecontent label.cal { float:left; width:auto; margin-right: 0.3em; padding-top:0; font-weight:bold;}

#homecontent form div.optional label, label.optional { font-weight: normal; float: left; align: right; text-align: right;}

#homecontent form div.required label, label.required { float: left; color: #000000; font-weight: bold; align: right; text-align: right;}
#homecontent form div small { display:block; font-size: 10px; margin: 0px 15% 5px 31%; }
#homecontent form fieldset { clear: both; font-size: 100%; border-color: #000000; border: 1px #000000 solid; padding: 10px; margin: 0px 10px 0px 10px; }
#homecontent form div.required fieldset legend { font-weight: bold;}
#homecontent form div.error { background-color: #fff5cb; background-image: url(../images/required_bg.gif); background-repeat: no-repeat; background-position: top left; color: #666666; border: 1px solid #ff0000; }
#homecontent form div fieldset { clear: none; border: 1px solid #ffcc00; margin: 0px 0px 0px 10px; padding: 0px 5px 20px 5px; }
#homecontent form div fieldset legend { font-size: 88%; font-weight: normal; color: #ffcc00; margin: 0px 0px 0px 0px; padding: 0px 5px; border: 0px #ffcc00 solid; }
#homecontent form fieldset legend { font-size: 150%; font-weight: normal; color: #000000; margin: 0px 0px 0px 0px; padding: 0px 5px; border: 1px #000 solid;}

#homecontent form fieldset div.notes { float: right; width: 158px; height: auto; margin: 17px 0px 10px 10px; padding: 5px; border: 1px solid #666666; background-color: #fff5cb; color: #666666; font-size: 88%; }
#homecontent form fieldset div.notes h4 { background-image: url(../images/icon_info.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 0px 0px 27px; border-bottom: 1px #666666 solid; color: #666666; font-size: 110%; margin: 0px 0px 2px 0px; }
#homecontent form fieldset div.notes p { margin: 0em 0em 1.2em 0em; color: #666666; padding: 0px; }
#homecontent form fieldset div.notes p.last { margin: 0em; }

#homecontent div { clear: left; display: block; height: expression('1%'); margin: 5px 0px 5px 0px; padding: 1px 3px; width:auto;}
#homecontent div.notes { float: right; width: 158px; height: auto; margin: 10px 20px 10px 10px; padding: 5px; border: 1px solid #666666; background-color: #fff5cb; color: #000000; font-size: 88%; }
#homecontent div.notes h4 { background-image: url(../images/icon_info.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 0px 0px 27px; border-bottom: 1px #666666 solid; font-size: 110%; margin: 0px 0px 2px 0px; }
#homecontent div.notes p { margin: 0em 0em 0.2em 0em; padding: 0px; }
#homecontent div.notes p.last { margin-bottom: 1.2em; }
#homecontent div.notes p.first { margin: .5em; align: center; text-align: center;}

#homecontent div.notes p a{ font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
#homecontent div.notes p a:visited { font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
#homecontent div.notes p a:active { font:bold 12px Verdana, Arial, sans-serif;color: #ffcc00; text-decoration: underline; }
#homecontent div.notes p a:hover { font:bold 12px Verdana, Arial, sans-serif; color: #ffcc00; text-decoration: underline; }

#homecontent small { display:block; font-size: 10px; margin: 0px 0px 3px 15px}

#homecontent table { margin: 0px 0px 20px 15px; width: auto;}
#homecontent table th { background-color: #000000; color: #ffffff; text-align: left; align: left; padding: 2px 0px 2px 15px; border: 1px #ffcc00 solid;}
#homecontent table td { padding: 3px 10px 3px 10px; border: 1px #ffcc00 solid;}
#homecontent table td a{ font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
#homecontent table td a:visited { font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
#homecontent table td a:active { font:bold 12px Verdana, Arial, sans-serif;color: #ffcc00; text-decoration: underline; }
#homecontent table td a:hover { font:bold 12px Verdana, Arial, sans-serif; color: #ffcc00; text-decoration: underline; }

#homecontent p.success { background-image: url(../images/icon_info.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 0px 3px 27px; font-size: 110%; margin: 10px 40px 5px 15px; background-color: #fff5cb; border: 1px solid #666666;}
p.error {
  background-color: #ff0000;
  background-image: url(../images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}
form div.error p.error {
  background-image: url(../images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0px 0px 0px 118px;
  width: 200px;
  color: #ff0000;
}