/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 20px 0;
	padding: 0;
	background: #000000;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	color: #B13413;
}

h2 {
	font-size: 1.6em;
}

h3 {
	margin: 0;
	font-size: 1em;
}


p, ul, ol, blockquote {
	/* causes no margins in ie6 */
	/* margin-top: 0; */
}

.nav {
	color: #B13413;
	font-size: 11pt;
	font-weight: bold;
}
.nav a {
	color: #B13413;
}

a:link {
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
	color: #3284B5;
}

a:hover {
	border: none;
}

img {
	border: none;
}

/* Header */

#header {
	width: 700px;
	height: 200px;
	margin: 0 auto;
	background: url(images/sewer-hdr2.jpg) no-repeat;
}

#header * {
	margin: 0;
	border: none;
	text-decoration: none;
	/* text-transform: lowercase; */
	font-weight: normal;
	/* color: #FFFFFF; */
/*	color: lightcyan;*/
	color: yellow;
}

#header h1 {
	float: left;
	/* padding: 140px 0 0 20px; */
	padding: 100px 0 0 20px;
	font-size: 3em;

	text-shadow: black 5px 5px 5px; /* safari */
	filter: Shadow(Color=black, 	Direction=135, Strength=7); /* IE */
}

#header h2 {
	float: left;
	padding: 165px 0 0 3px;
	font-size: 1em;
}

/* Menu */

#menu {
	width: 700px;
	height: 41px;
	margin: 0 auto;
	background: #37AEF2 url(images/img2.gif)
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	padding: 9px 20px 0 20px;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover, #menu .active a {
	background: url(images/img3.gif);
	color: #FFFFFF;
}

/* Content */

#content {
	width: 700px;
	margin: 0 auto;
	background: url(images/img4.gif);
}

#col123 {
	float: right;
	width: 700px;
	padding: 10px 0px 0 0px;
}

#colOne {
	float: right;
	width: 160px;
	padding: 20px 10px 0 10px;
}

#colTwo {
	float: right;
	width: 360px;
	padding: 20px 10px 0 10px;
}

#colThree {
	float: right;
	width: 120px;
	padding: 10px;
}

/* Footer */

#footer {
	width: 700px;
	margin: 0 auto;
	padding: 10px 0;
	background: url(images/img6.gif) repeat-x;
	font-size: smaller;
}

#footer * {
	color: #666666;
}


/******* bubble box *******/

/* note using background: #f2f2f2 instead of ffffff, and using
cnr_tl_f2.png instead of cnr_tl.gif /etc. (and in box HTML) to get
f2 bg color instead of white bg */

.container {
position:relative;
clear:both;
/*width:760px;*/
margin:10px 10px 0 10px;
padding:0 0 0 0;
background:#f2f2f2;
color:#000000;
text-align:left;
}

.news_right {
position:relative;
float:right;
clear:both;
width:150px;
margin:0 0 5px 10px;
padding:0 10px 0 10px;
background:#D0DEF6;
color:#465670;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
}

.news p {
margin:10px 10px;
}

.news_cnr_top {
background:url(images/cnr_tr_f2.png) no-repeat top right;
margin:0 -10px 0 -10px;
}

.news_cnr_bottom {
background:url(images/cnr_br_f2.png) no-repeat top right;
margin:0 -10px 0 -10px;
}

img.cnr {
width:8px;
height:8px;
border:none;
display: block !important;
}

/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */