body {text-align:center; margin-top:2px; background-color: #CCCCCC;}

#container {width:802px; text-align: center; margin: 0 auto; color: black;  background-color: white;  background: url(images/bg.jpg) repeat-y; }
#topbar {text-align: left; position: relative; width:802px; top: 0px; left:0px;  background-color: white; height:122px}

#maincontentholder{position:relative; top:-20px; Left:0px;  width:802px; text-align: left;min-height:700px; background: url(images/bg.jpg) repeat-y; float:left;}
#rhbord {position: relative; top: 0px; left:793px; width: 9px;background-color: #cccccc; background: url(images/rhborder.jpg) repeat-y;}
#lhbox {margin-top: 20px; left:0px; width: 180px; height:auto; border-width:1px; background-color: white; border-style: solid; color:black; border-color:0053A1;  text-align: justify;font-family: arial, helvetica, sans-serif;  font-size: 10px; float:left; float:left;}
#lhtopboxcontent {top: -10px; padding:2px 3px; color:black;  width: 172px;  text-align: justify; font-family: arial, helvetica, sans-serif;  font-size: 10px; float:left}
#lhboxtoptitletext {color: white;float: left;font-family: arial,helvetica,sans-serif;font-size: 10px;padding-left: 5px;margin-top: -18px;width: 180px;}
#lhboxtoptitle {top: 0px; left:0px; width: 180px; height:22px; color:black;   background: url(images/lhboxtitle.jpg) left no-repeat; font-family: arial, helvetica, sans-serif;  font-size: 10px; float:left;}

#lhboxtitle1 {position: relative; top: 0px; left:0px; width: 180px; height:22px; color:white;   background: url(images/lhboxtitle.jpg) left no-repeat; font-family: arial, helvetica, sans-serif;  font-size: 10px;  }
#lhboxtitletext1 {position: relative; top: -18px; left:5px; color:white;  font-family: arial, helvetica, sans-serif;  font-size: 10px;  }
#lhboxcontent1 {position: relative;  width: 170px;top: -10px; left:5px; color:black;  font-family: arial, helvetica, sans-serif;  font-size: 10px;  text-align: justify; }

#lhboxtitle2 {position: relative; top: 0px; left:0px; width: 180px; height:22px; color:white;   background: url(images/lhboxtitle.jpg) left no-repeat; font-family: arial, helvetica, sans-serif;  font-size: 10px;  }
#lhboxtitletext2 {position: relative; top: -18px; left:5px; color:white;  font-family: arial, helvetica, sans-serif;  font-size: 10px;  text-align: justify; }
#lhboxcontent2 {position: relative;  width: 170px;top: -10px; left:5px; color:black;  font-family: arial, helvetica, sans-serif;  font-size: 10px;  text-align: justify; }
#lhboxtitle3 {position: relative; top: 0px; left:0px; width: 180px; height:22px; color:white;   background: url(images/lhboxtitle.jpg) left no-repeat; font-family: arial, helvetica, sans-serif;  font-size: 10px;  }
#lhboxtitletext3 {position: relative; top: -18px; left:5px; color:white;  font-family: arial, helvetica, sans-serif;  font-size: 10px;  }
#lhboxcontent3 {position: relative; top: -10px; left:5px; width: 170px; color:black;  font-family: arial, helvetica, sans-serif;  font-size: 10px; text-align: justify;  }

.lhboxcontent b{ font-family: helvetica, sans-serif;  font-size: 11px; color: white; width:170px; font-weight: bold;}
.lhboxcontent a {color: #0066ff;  font-family: arial, helvetica, sans-serif;  font-size: 11px;  text-decoration: none}
.lhboxcontent a:visited {color: #0066ff;   text-decoration: none} 
.lhboxcontent a:active  {color: #0066ff;  text-decoration: none}
.lhboxcontent a:hover   {color: red; text-decoration: none} 
 
#ul {position: relative; top: -63px; left:190px;}
#rhcontent {text-align: justify; position:relative; top: 10px; left:15px; width: 590px; font-family: helvetica, sans-serif;  font-size: 11px; color: black; float:left}
.rhcontent b{ font-family: arial, helvetica, sans-serif;  font-size: 11px; font-weight: bold; color: red}
.rhcontent ul{list-style-type: square; color:#0000CC; font-size: 11px;  width:520px; text-align: justify; }
.rhcontent li{font-size: 11px;}

.rhcontent a   {color: #0066ff;  font-family: arial, helvetica, sans-serif;  font-size: 11px;  text-decoration: none}
.rhcontent a:visited {color: #0066ff; text-decoration: none} 
.rhcontent a:active  {color: #0066ff;  text-decoration: none}
.rhcontent a:hover   {color: red; text-decoration: none}
#rhpics {text-align: justify;top: 15px;width: 160px; font-family: helvetica, sans-serif;  font-size: 11px; color: black; float: left; margin-left:30px; margin-top:15px;}
 

#botbord {position:relative; width: 802px; height:10px; background-color: #cccccc; background: url(images/bottomborder.jpg) center no-repeat; text-align: center; float:left; top:-20px; #top:0;}

.leftblockcontent b { font-family: helvetica, sans-serif;  font-size: 11px; color:white ;text-align: left;}
.leftblockcontent a:link    {color: #ff6600;  font-family: arial, helvetica, sans-serif;  font-size: 11px;  text-decoration: none}
.leftblockcontent a:hover   {color: #999999;  font-family: arial, helvetica, sans-serif;  font-size: 11px;  text-decoration: none}
.leftblockcontent a:visited {color: #ff6600;  font-family: arial, helvetica, sans-serif;  font-size: 11px;  text-decoration: none} 
.leftblockcontent a:active  {color: #999999;  font-family: arial, helvetica, sans-serif;  font-size: 11px;  text-decoration: none} 

.maincontent a:link    {color: #ff6600;  font-family: arial, helvetica, sans-serif;  font-size: 11px;  text-decoration: none}
.maincontent a:visited {color: #ff6600;  font-family: arial, helvetica, sans-serif;  font-size: 11px;  text-decoration: none} 
.maincontent a:active  {color: #999999;  font-family: arial, helvetica, sans-serif;  font-size: 11px;  text-decoration: none} 
.maincontent a:hover   {color: #999999;  font-family: arial, helvetica, sans-serif;  font-size: 11px;  text-decoration: none}

p {margin-top: 0px;}
td { font-family: arial, helvetica, sans-serif;  font-size: 11px; color: #000000}
b { font-family: arial, helvetica, sans-serif;  font-size: 12px; font-weight: bold;}
.par b { font-family: arial, helvetica, sans-serif;  font-size: 12px; font-weight: bold; color: black}
li { font-family: arial, helvetica, sans-serif;  font-size: 12px; color: #000000; }
h1  { font-family: arial, helvetica, sans-serif;  font-size: 12px; color: red; font-weight: bold; position:relative; top:-5px}
h2	 { font-family: arial, helvetica, sans-serif;  font-size: 12px; color: red; font-weight: bold;}
h3	 { font-family: arial, helvetica, sans-serif;  font-size: 13px; color: red; font-weight: bold;}
a.link    {color: #000000;  font-family: arial, helvetica, sans-serif;  font-size: 11px;  text-decoration: none}
a.hover   {color: #999999;  font-family: arial, helvetica, sans-serif;  font-size: 11px;  text-decoration: none;  }
a.visited {color: #000000;  font-family: arial, helvetica, sans-serif;  font-size: 11px;  text-decoration: none} 
a.active  {color: #999999;  font-family: arial, helvetica, sans-serif;  font-size: 11px;  text-decoration: none}


.logonform { float: left; height:110px; margin:10px 0px;}
.logonform SELECT {
background-color: #ffffff;
color: #a40046;
font-family: arial, verdana, ms sans serif;
font-weight: normal;
font-size: 8pt;
border: #A40046 1px solid;
} 

.logonform input {
background-color: #FFDFDA;
font-family: verdana;
border: 1px solid red;
font-size: 10px;
color: red
} 
.logonform input submit {
background-color: #FFDFDA;
font-family: verdana;
border:  2px outset red;
font-size: 10px;
color: red
} 

 
 
 .logonform text {
background-color: red;
font-family: verdana;
border: RED 1px ;
font-size: 8pt;
color: red
} 	 
.logonform textarea {
background-color: #ff6600;
font-family: verdana;
font-size: 8pt;
color: white;	
border: white 2px solid;
}
.textbox,.textarea{ border:1px solid #666666;} 
.err-box{ border:1px solid #FF0000;}
.success{ font-size:14px; text-align:center; color:#003300; font-weight:bold;}
.error{ font-size: 14px; text-align:center; color:#FF0000; font-weight:bold;}
#nav {top:-15px;text-align: left; color:white; height:auto; float:left; width:180px; z-index:1; margin-bottom:10px;} 
.nav {display:inline; float:left;}
.nav ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;float:left;} 	
.nav ul li{ list-style:none;padding:0px 0px 0px 10px; margin:0px; color: #FFFFFF;float:left; margin: 5px 0px 0px 10px; width: 180px; background:url(images/arrow_right_blue_round.png) no-repeat 0px 6px;}
.nav ul li a  {color: #0053a1;font-family: arial,sans-serif, helvetica;  font-size: 12px;  text-decoration: none; padding:2px 0px 2px 5px; float:left;height:20px; line-height:18px;}
.nav a:active  {text-decoration: none;color: white;}
.nav a:hover   {color:#0053a1; text-decoration: underline;} 
#menu-head{width:180px; background:#0053a1; height:20px; margin:0px; padding:0px; float:left; line-height:0px; float:left}
#menu-head h3{color:#FFFFFF; font-family: arial,helvetica,sans-serif;font-size: 12px; padding:2px 0px 0px 5px; font-weight:bold; height:25px; line-height:15px; margin:0px; float: left;}

#menu {position: relative; top:-23px; left:2px; text-align: left; color:white; height:20px; float:left; width:800px; z-index:1}
.menu {display:inline; float:left;}
.menu ul { padding:0px 0px 0px 5px; margin:0px;float:left;} 	
.menu ul li{ list-style:none; float:left;padding:0px 0px; margin:0px; color: #FFFFFF; position:relative;  display:block;}
.menu ul li a {color: white;  font-family: arial,sans-serif, helvetica;  font-size: 12px;  text-decoration: none; padding:0px 5px; float:left; display:block; height:25px; line-height:18px;}
.menu a:active  {text-decoration: none;color: #FF0000;}
.menu a:hover   {color: #FFFFFF; text-decoration: none} 
.menu ul li:hover ul {display: block;}
.menu ul li ul {display: none;padding: 0;position: absolute;top: 22px;z-index:100;text-align:left; left:-6px;}
.menu ul li ul li{background: #0053A1;padding:5px;}
.menu ul li ul li a{color: #FFFFFF;float: left; padding: 0 5px;width:130px;}