body {
	margin:0 auto;
	padding:0;
	background: #fff url('../images/bg2.gif') top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	border-top:1px solid #369;
}
p { margin:0 0 15px 0; line-height:1.5em; }
ul{ margin: 0 0 15px 25px; padding:0; line-height:1.5em; }
li { margin:0; padding:0; }
a { color:#630; text-decoration:underline; font-weight:normal; }
a:hover { text-decoration:underline; color:#000; }
a.action { color:#f00; }
img { border:none; }
form { margin:0 auto; padding:0px; }
textarea { font-family:arial, helectiva, sans-serif; font-size:9pt; }
hr { margin:0 0 15px 0; padding:0; border-top:1px solid #ccc; border-left:none; border-right:none; border-bottom:1px solid #fff; }
h1 { margin:0 0 15px 0;	padding:0; font-size:20px; font-weight:bold; color:#000; letter-spacing:-0.05em; }
h1.system-header { margin:0 0 20px 0; height:50px; color:#369; }
h1.system-header span { color:#999; font-size:16px; padding:0 0 0 20px; }
h1 span { padding-left:40px; color:#333; font-size:10pt; font-weight:normal; letter-spacing:0em; }
h1 span strong { padding-right:5px; color:#f00; font-weight:bold; }
h1 a { padding:0 0 0 20px; letter-spacing:-0.05em; font-size:14pt; font-weight:bold; float:right; background: url('../images/icons/add.png') center left no-repeat; }
h3 { margin:0 0 5px 0; padding:0; font-size:16px; font-weight:bold; color:#000; }
h3 a { margin:0; padding:0 0 5px 0; color:#f60; font-weight:bold; }
h4 { margin:0 0 15px 0; padding:0; font-size:14px; font-weight:bold; color:#fff; border-bottom:2px solid #9cf; height:19px; }
h4 span { margin:0; padding:5px 10px; background:#369; width:500px; }
h4 form { margin:0; padding:0; }
h4 form input { vertical-align:middle; }
h5 { margin:0 0 15px 0; padding:5px; font-size:14px; background:#036; color:#fff; }
h6 { margin:0; padding:5px 10px; background:#ddd; font-size:14px; color:#000; }
h6 a { text-decoration:none; color:#000; font-weight:bold; }
h6 a:hover { color:#000; }

/* Header
----------------------------------------------------------------*/

#division { margin:0; padding:8px; background:#000; color:#999; }
#division a { margin:0; padding:0; color:#9cf; text-decoration:none; }
#division a:hover { text-decoration:underline; }

#division-header {
	margin:0;
	padding:0;
	background: #69c url('../images/bg_division_header.gif') top left repeat-x;
	height:60px;
	/*width:840px;*/
}
#nav {
	margin:0;
	padding:20px 0px 0 0px;
	/*width:355px;*/
	width:300px;
	float:right;
	color:#9cf;
	height:40px;
}
#nav a {
    float:right;
	text-decoration:none;
	font-weight:normal;
	color:#def;
	margin:0 2px 0 0;
	padding:4px 0 0 0;
	width:57px;
	text-align:center;
	height:36px;
	background:url('../images/bg_nav_a.gif') top left no-repeat;
}
#nav a:hover {
	text-decoration:underline;
}

/* Menu
----------------------------------------------------------------*/
#header {
	margin:0;
	padding:0;
	/*background:#036 url('../images/bg_header.gif') top left repeat-x;*/
	/*width:840px;*/
	height:80px;
}

#menu {
	margin:0;
	padding:0;
	/*width:840px;*/
	list-style:none;
	height:33px;
}
#menu li {
	float:left;
    margin:0 4px 0 0;
	padding:0;
    list-style:none;
    /*background: url('../images/tab_left_corner.gif') top left no-repeat;*/
}
#menu li a {
	float:left;
	display:block;
    margin:0;
	padding:8px 0px 12px 0px;
    color:#fff;
	text-decoration:none;
	background:url('../images/bg_menu.gif') top right no-repeat;
	font-weight:bold;
	font-size:11px;
	height:15px;
	text-align:center;
	width:120px;
}

#menu li a:hover {
	color:#fff;
	background:url('../images/bg_menu_hover.gif') top left no-repeat;
}

body#home #menu li#home,
body#watersystems #menu li#watersystems,
body#presentations #menu li#presentations,
body#links #menu li#links,
body#mapsdata #menu li#mapsdata { background:url('../images/tab_left_corner_on.gif') top left no-repeat; }

body#home #menu li#home a,
body#watersystems #menu li#watersystems a,
body#presentations #menu li#presentations a,
body#links #menu li#links a,
body#mapsdata #menu li#mapsdata a { background:url('../images/tab_right_corner_on.gif') top right no-repeat; color:#630; }

/* Sub-Menu
----------------------------------------------------------------*/

#submenu { margin:29px 0 0 0; padding:0; float:right; list-style:none; }
#submenu li { float:left; }
#submenu li a { margin:0 0 0 2px; padding:5px 10px; text-decoration:none; height:30px; font-weight:bold; }
#submenu li.selected a { background:#fff; }

/* Content
----------------------------------------------------------------*/
#wrap { margin:0 auto; padding:0; width:980px; }

#content { clear:both; margin:0 auto; padding:20px 0px 0 0px; }

#small-box { margin:0 0 20px 0; padding:0 0 1px 0; background:#fff url(../images/small-box_bg.gif) bottom left no-repeat; }
#small-box h2 { margin:0 0 0px 0; padding:12px 20px 0; height:40px; color:#000; font-weight:bold; font-size:14px; background:url('../images/small-box_h2.gif') top left no-repeat; letter-spacing:-0.05em; }
#small-box p { padding:0px 20px; margin:0 0 20px; }
#small-box ul.bullets { margin:0 0 15px 0; padding:0 20px; }
#small-box ul.bullets li { margin:0 0 2px 0; background:url('../images/bullet_black.png') top left no-repeat; padding:0 0 0 18px; list-style:none; }
#small-box ul.bullets li.heading { font-weight:bold; background:none; padding-left:0; color:#000; }

#large-box { margin:0 0 20px 0; padding:0 0 1px 0; background:#eee url(../images/large-box_bg.gif) bottom left no-repeat; height:1%; }
#large-box h2 { margin:0 0 5px 0; padding:8px 10px;	color:#000;	font-weight:bold;	font-size:12px;	background:url('../images/large-box_h2.gif') top left no-repeat; }
#large-box p { padding:0px 10px; margin:0 0 10px; }

#content-left {
	margin:0 300px 0 0;
	padding:0;
	/*display:inline-block;*/
}
#content-right {
	float:right;
	margin:0;
	padding:0;
	width:280px;
}

/* Footer
----------------------------------------------------------------*/

#division-footer-wrap { margin:0 auto; padding:0; height:130px; background:url('../images/bg_footer.gif') top left repeat-x; }
#division-footer { margin:0 auto; padding-top:40px; color:#999; font-size:11px; width:980px; }
#division-footer p.left { margin:0; padding:0; width:500px; line-height:1.3em; }
#division-footer p.right { margin:0; padding:0; float:right; width:550px; text-align:right; }

/* CLASSES
-----------------------------------------------------------------------*/

