/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
	}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
background-color:#000033;
background-image:url(IMAGES/EC_LAB_mainbackground.jpg);
background-repeat:repeat-y;
}
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
{
border: 1px solid #000000;
width:800px;
background-color:#0000FF;
}
div#content
{
background-color:#FFFFFF;
background-image:url(IMAGES/EC_LABORATORY_content_background.jpg);
background-repeat:no-repeat;
background-color:#172450;
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:#FFFFFF;
margin-top:20px;
margin-left:180px;
padding: 10px 10px 10px 10px;
}
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-left: 80px;
}
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#navbar{
width:100%;
float:left;
border:1px solid #000000;
font-size:.80em;
background-color:#AE181A;
}
div#navbar ul{
margin:0px 0px 0px 0px;
border: 1px solid #000;
}
* html div#navbar ul{
float:left;
margin-left:2px;
border-left:1px solid #000;

}
* html a {display:block;}
div#navbar li{ 
float:left; 
position:relative;
background-color:#FF0000;
background-image:url(IMAGES/ec_lab_navbar_background.gif);
list-style-type:none;
padding:4px 19px;
border-right:1px solid #000;}
div#navbar li:first-child{
border-left:1px solid #000;}
div#navbar a{
display:block; 
text-decoration:none;
padding:0;
color:#FFFFFF;
font-weight:400;
}

div#navbar a:hover
{
color:#FFFFFF;
text-decoration:underline;
}
div#navbar li:hover
{
background-color:#FFF;
}
div#navbar ul li ul{
position:absolute;
margin:0;
width:9em;
left:-1px;
}
div#navbar ul li ul li
{
width:100%;
border-left: 1px solid #069;
border-bottom: 1px solid #069;
border-right: 1px solid #069;
}
div#navbar 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#navbar 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:large medium;
}
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:#FF99CC;
text-align:center;
font-size:18px;
}