/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
	}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}
h1
{
color:#000066;
font-family:"Lucida Sans", Tahoma, "Times New Roman";
font-size:24px;
}
div#mainwrap
{
width:800px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
div#header
{

width:800px;
background-color:#FFFFFF;
font-size:0.8em;
}
div#content
{
background-color:#FFFFFF;
background-image:url(images/HCID_background.jpg);
border:1px solid #000000;
padding: 10px 10px 10px 10px;
width:780px; 
}
div#footer
{
width:800px;
background-color:#000099;
color:#FFFFFF;
text-align:right;
border:1px solid;
border-color:#000000;
}
div#firstcolumn
{
width:560px;
border: 1px solid;
border-color:#FFCC00;
padding: 10px 10px 10px 10px;
float:left;
}
div#firstcolumn a
{
color:#FFFF00;
}
#firstcolumn h1
{
color:#FFFFFF;
font-family:"Lucida Sans", Tahoma, "Times New Roman";
font-size:24px;
margin: 5px 0 10px;
}
#firstcolumn p
{
color:#FFFFFF;
text-align:justify;
margin: 9px;

}
#firstcolumn ul
{
color:#FFFFFF;
text-align:justify;
margin: 70px;
}
#firstcolumn ul li
{
padding-top: 10px;
}
div#secondcolumn
{
width:190px;
border: 1px solid;
border-color:#FFCC00;
margin-left:5px;
float:left;
}
div#secondcolumn h1
{
font-size:large;
font-family:"Lucida Sans", Tahoma, "Times New Roman";
color:#FFCC00;
background-color:#000099;
width:100%;
padding:5px 0 5px 0;
text-align:center;
}
#secondcolumn ul
{
list-style:none;
margin:0;
padding:0;

}
#secondcolumn ul li
{
margin:0;
border-bottom: 1px dotted blue;
padding: 5px 0 0 0;
}
#secondcolumn ul li a
{
display:block;
padding: 5px 0 5px 0;
text-decoration:none;
width:100%;
color:#FFFFFF;
}
#secondcolumn ul li a:hover
{
color:#FF0000;
background-color:#FFFFFF;
border-bottom:1px dotted #CCF;
}
html>body #secondcolumn ul li a{
width:auto;
}
div#listmenu{
width:100%;
float:left;
border:1px solid #069;
font-size:.80em;
background-color:#CCF;
}
div#listmenu ul{margin:0px 0px 0px 3px;
border: 1px solid #000;
}
* html div#listmenu ul{
float:left;
margin: 0.5px 0 0.5px 0.5px;
border-left:1px solid #000;
margin-left:0px;
}
* html a {display:block;}
div#listmenu li{ 
float:left; 
position:relative;
background-color:#CCF;
list-style-type:none;
padding:4px 3px;
border-right:1px solid #069;}
div#listmenu li:first-child{
border-left:1px solid #609;}
div#listmenu a{
display:block; 
text-decoration:none;
padding: 0 3px;
color:#0000FF;
font-weight:400;
}

div#listmenu a:hover
{
color:#f33;
}
div#listmenu li:hover
{
background-color:#FFF;
}
div#listmenu ul li ul{
position:absolute;
margin:0;
width:9em;
left:-1px;
}
div#listmenu ul li ul li
{
width:100%;
border-left: 1px solid #069;
border-bottom: 1px solid #069;
border-right: 1px solid #069;
}
div#listmenu ul li ul li:first-child{

border-top:1px solid #069;
}
body div#listcontainer ul li ul{display:none;}
div#listcontainer ul li:hover ul, div#listcontainer ul li ul:hover {display:block;}
* html div#listmenu ul li ul
{
border-top:1px solid #069;
border-left:0px;
}
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearthefloats{clear:both;}
img.float
{
float:left;
margin: 0 10px 10px 0px;
border: 2px solid #069;
}
h2
{
margin-left:9px;
color:#FFCC00;
font-size:1em;
}
div#thirdcolumn
{
width:190px;
border: 1px solid;
border-color:#FFCC00;
margin-left:5px;
margin-top:30px;
float:left;
}
div#thirdcolumn h1
{
font-size:large;
font-family:"Lucida Sans", Tahoma, "Times New Roman";
color:#FFCC00;
background-color:#000099;
width:100%;
padding:5px 0 5px 0;
text-align:center;
}
div#thirdcolumn p
{
color:#FFFFFF;
margin-top:10px;
padding: 0 0 5px 5px;
font-size:12px;
text-align:center;
}
img.center
{
border: 3px solid #000099;
margin-left:100px;
}
h2.center
{
color:#FFCC00;
text-align:center;
font-size:18px;
}