#wrapper { width: 758px; visibility: visible; clear: both; min-width: 758px; min-height: 500px; margin: 15px auto; padding: 0; }

#Header { background-color: #600; width: 738px; visibility: visible; clear: both; min-width: 738px; margin: 0; padding: 0; border-top: 0 solid #000; border-right: 10px solid black; border-left: 10px solid black; border-bottom-width: 0; }

#Topbar { vertical-align: bottom; top: 0; border-width: 0; }

#Content { background-color: #006; background-image: none; background-repeat: repeat; background-position: 0 0; width: 718px; visibility: visible; min-width: 718px; min-height: 90%; margin: 0; padding: 0 10px 15px; border-right: 10px solid black; border-left: 10px solid black; border-top-width: 0; border-bottom-width: 0; }

#footer { background-image: url(../images/HCS-idea2_09.gif); background-repeat: no-repeat; background-position: 0 top; position: relative; top: -13px; width: 758px; visibility: visible; min-width: 758px; min-height: 24px; margin: 0; padding: 0; }

#footer li { color: #fff; position: relative; left: 17%; float: left; min-height: 24px; max-width: 200px; margin-top: 0; margin-left: 5px; padding: 0 6px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top-width: 0; border-bottom-width: 0; list-style-type: none; list-style-image: none; }
#footer a:link { color: #fff; font-size: 9pt; font-family: Arial, "Trebuchet MS", Geneva, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; }
#footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { /*this effect is not shown in NN4.xx*/
  color: #9c6; 
  text-decoration: underline; }
#footer a:active {/*colour in NN4.xx is red*/ 
  color: #0e24ea; 
  text-decoration: underline; }
body { color: #fff; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #3a1009; background-image: url(../images/hcs_background1.gif); background-repeat: repeat; }

a:link {
  color: #fff; 
  text-decoration: none; }
a:visited {
  color: #fff; 
  text-decoration: none; }
a:hover { /*this effect is not shown in NN4.xx*/
  color: #d21034; 
  text-decoration: underline; }
a:active {/*colour in NN4.xx is red*/ 
  color: #9999CC; 
  text-decoration: underline; }
  
.About { font-size: small; font-style: italic; width: 300px; border-color: #ccc #000 #000 #ccc; border-style: double solid solid double; border-width: 1px 2px 2px 1px; display: block; }
#Front_menu { width: 700px; clear: none; margin: 0 2px 5px 5px; padding: 3px; border-left: 2px solid #ccc; }
#Front_menu a { color: #46c5de; font-style: italic; text-decoration: none; }
#Front_menu p { color: #fff; font-size: 10pt; text-align: left; text-indent: 5px; margin-top: 0; margin-bottom: 8px; padding: 0 3px 3px 5px; }
#Front_menu img { text-align: center; }

#TopMenuBar { position: relative; top: 0; left: 0; width: auto; visibility: visible; }
#TopMenuUL { top: 90px; z-index: 3; position: absolute; right: 50px; visibility: visible; }
* html #TopMenuUL {
  top: 100px;  /* IE Star Hack to put menu in correct position */
}
#TopMenuBar li { right: 30px; float: right; margin: 0; padding: 2px 5px; border-color: #666; border-style: solid; border-width: 2px 1px 0; list-style-type: none; list-style-image: none; display: block; white-space: nowrap; }
#TopMenuBar a:link { font-size: 8pt; font-family: Arial, "Trebuchet MS", Geneva, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; }
#TopMenuBar a:visited { color: #fff; font-size: 8pt; text-decoration: none; }
#TopMenuBar a:hover { /*this effect is not shown in NN4.xx*/
  color: #9c6; text-decoration: underline; }
#TopMenuBar li:hover { background-color: #000; }
#TopMenuBar a:active {/*colour in NN4.xx is red*/ 
  color: #9999CC; 
  text-decoration: underline; }
#LocalHeader { text-align: center; position: relative; top: 5px; z-index: 1; padding: 3px; }
#TextContent { font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 200px; padding: 5px 5px 5px 15px; border-left: 1px solid black; }
#submenu li { text-align: center; float: left; margin: 0; padding: 2px 5px; border-left: 1px solid #666; border-right: 1px solid #666; list-style-type: none; list-style-image: none; display: block; white-space: nowrap; }
#submenu li a { font-size: 9pt; text-decoration: none; }
#submenu { position: relative; left: 18%; width: auto; }
#LeftMenu { width: 180px; float: left; padding: 2px; }
#LeftMenu li a { color: #fff; font-size: 9pt; }
#LeftMenu ul li { background-image: url(../images/gray_transparent_bckgd.png); text-align: center; position: relative; left: -30px; width: 160px; margin: 0; padding: 5px; border-left: 3px solid #666; border-bottom: 1px solid #666; border-right: 3px solid #666; border-top-width: 1px; list-style-type: none; list-style-position: inside; display: block; }
#LeftMenu { width: 180px; float: left; padding: 2px; }
#LeftMenu li a:hover { color: #9c6; background-color: #000; text-decoration: underline; }
#LeftMenu li:hover { color: #9c6; background-color: #000; text-decoration: underline; }
#first { border-top: 1px solid #666; }
.first_letter { color: #fff; font-size: 24pt; font-style: oblique; background-color: #000; }
#submenu li a:hover { color: #9c6; text-decoration: underline; }
.gray_background { background-image: url(../images/gray_transparent_bckgd.png); padding: 3px 2px 3px 5px; border: solid 1px #000; }
.gray_background a { color: #009cfd; }
#mission_statement { color: #fff; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/gray_transparent_bckgd.png); text-align: center; margin-top: 25px; margin-right: 70px; margin-left: 70px; padding: 5px 10px; border-color: #121212; border-style: double solid; border-width: 3px 1px; }