/* CSS Document */

* html {
margin: 0;
padding: 0;
}

a {outline: none;}

hr {width: 500px; color: #66CCff;}

body {
background-color: #CCCCCC;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
.clear {clear: both;}

#maincontainer {
width: 766px;
margin: 10px auto;
border: 1px solid #000000;
background-color: #171f29;
}

#headwrapper {
width: 766px;
margin: 0;
padding: 0;
}

#logo {
width: 766px;
background-color: #171f29;
padding: 5px 0 0 0;
}

#logoimg {
float: left;
width: 233px;
margin: 0;
padding: 0;
}

#logoaddress {
float: right;
width: 533px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #66ccff;
margin: 30px 0 0 0;
padding: 0;

}

#logoaddress h1{
color: #ffffff;
font-size: 24px;
font-weight: normal;
font-style:italic;
font-family: Arial, Helvetica, sans-serif;
padding: 0 30px 0 0;
margin: 0;
}

#logoaddress ul {
	width:530px;
	margin:18px 0 0 60px;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color:#66ccff;
	display:inline;
	float:left;
	}
#logoaddress ul li {
	float: left;
	list-style-type:none;
	}
#logoaddress li {	
	background:url('images/topnavINactive.gif') no-repeat;
	list-style-type:none;
	border-bottom: 1px dotted #6f7e88;
	margin: 0 10px;
	}
#logoaddress ul li a {
	padding: 0 5px 0 5px;
	color:#66ccff;
	font-size:11px;
	text-decoration:none;
	list-style-type:none;
	}
#logoaddress ul li a:hover {
	text-decoration:none;
	list-style-type:none;
	color:#ffffff;
	font-size:11px;
	}


#toplist {
width: 766px;
height: 233px;
}

#title {
width: 730px;
background-color: #171f29;
font-size: 16px;
color: #ffffff;
margin: 0 10px 9px 10px;
padding: 10px 15px 5px 0;
font-weight:bold;
border-bottom: 2px solid #ffffff;
}

#c0{
width: 766px;
background-color: #171f29;
margin: 0;
padding: 0;
}


/* CSS for the layout of the three columns of the home page*/

#homec1 {
float: left;
width: 255px;
margin: 0;
padding: 0;
}

#homec1 h3 {
width: 240px;
height: 26px;
background-image: url('images/columnheader.gif');
color: #ffffff;
font-size: 12px;
margin: 10px 0 6px 0;
padding: 0;
}

#homec1 p{
font-size: 12px;
color: #ffffff;
margin: 0;
padding: 0 15px 5px 10px;
}





#homec2 {
float: left;
width: 255px;
margin: 0;
padding: 0;
}

#homec2 h3 {
width: 240px;
height: 26px;
background-image: url('images/columnheader.gif');
color: #ffffff;
font-size: 12px;
margin: 10px 0 6px 0;
padding: 0;
}

#homec2 ul {
color: #ffffff;
font-size: 12px;
padding: 0 0 10px 25px;
margin: 0;
line-height: 1.7;
}

#homec2 li a{
color: #ffffff;
font-size: 12px;
text-decoration: underline;
}

#homec2 li a, a:actvie, a:visited, a:hover{
color: #ffffff;
font-size: 12px;
}

#homec2 p{
font-size: 12px;
color: #ffffff;
margin: 0;
padding: 0 15px 5px 10px;
}






#homec3 {
float: left;
width: 255px;
margin: 0;
padding: 0;
}

#homec3 h3 {
width: 240px;
height: 26px;
background-image: url('images/columnheader.gif');
color: #ffffff;
font-size: 12px;
margin: 10px 0 6px 0;
padding: 0;
}

#homec3 p{
font-size: 12px;
color: #ffffff;
margin: 0;
padding: 0 15px 5px 10px;
}

#homec3 a, a:active, a:visited, a:hover {
font-size: 12px;
color: #ffffff;
}

/* CSS for the layout of the one column layout for Mist Eliminators page*/
#c1mistelim {
float: left;
width: 750px;
margin: 0;
padding: 0;
}

#c1mistelim h3 {
width: 240px;
height: 26px;
background-image: url('images/columnheader.gif');
color: #ffffff;
font-size: 12px;
margin: 10px 0 6px 0;
padding: 0;
}

#c1mistelim p{
font-size: 12px;
color: #ffffff;
margin: 0;
padding: 0 15px 5px 10px;
}
#c1mistelim a{
font-size: 12px;
color: #ffffff;
margin: 0;
padding: 0;
}

#c1mistelim td {
font-size: 12px;
color: #ffffff;
}
#c1mistelim ul {
color: #ffffff;
font-size: 12px;
padding: 0 0 10px 25px;
margin: 0;
line-height: 1.7;
}

#c1mistelim li {

}



/* CSS for the layout of the two columns for every page except the home page*/
#c1 {
float: left;
width: 383px;
margin: 0;
padding: 0;
}

#c1 h3 {
width: 240px;
height: 26px;
background-image: url('images/columnheader.gif');
color: #ffffff;
font-size: 12px;
margin: 10px 0 6px 0;
padding: 0;
}

#c1 p{
font-size: 12px;
color: #ffffff;
margin: 0;
padding: 0 15px 5px 10px;
}

#c1 td {
font-size: 12px;
color: #ffffff;
}
#c1 ul {
color: #ffffff;
font-size: 12px;
padding: 0 0 10px 25px;
margin: 0;
line-height: 1.7;
}

#c1 li {

}



#c2 {
float: left;
width: 383px;
margin: 0;
padding: 0;
}

#c2 h3 {
width: 240px;
height: 26px;
background-image: url('images/columnheader.gif');
color: #ffffff;
font-size: 12px;
margin: 10px 0 6px 0;
padding: 0;
}

#c2 ul {
color: #ffffff;
font-size: 12px;
padding: 0 0 10px 25px;
margin: 0;
line-height: 1.7;
}

#c2 li {

}

#c2 p{
font-size: 12px;
color: #ffffff;
margin: 0;
padding: 0 15px 5px 10px;
}







#footer {
width: 766px;
background-color: #171f29;
padding: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px; 
text-align: center;
}

#footer p{
color: #2d4550;
}

#footer a, a:active, a:visited {
font-size: 11px; 
font-weight: normal;
color:#66ccff;
padding: 0 0 10px 0;
text-decoration: none;
}

#footer a:hover {
font-size: 11px; 
font-weight: normal;
color:#ffffff;
padding: 0 0 10px 0;
text-decoration: underline;
}