/* Some basic styles for Netscape 4 (if anyone even uses it) */
body {
	font-family: Helvetica, Arial, sans-serif;
	background-color: white;
}
.pagebody {
	width: 765px;
}
h1 {
	font-size: 1.7em; /* 1.6 with arial instead of arial narrow */
/*	border-top: 1px solid #999999;*/
	text-decoration: underline;
	font-family: 'Arial Narrow', Helvetica, Arial, sans-serif;
}
.header {
	font-size: .7em;
}
.breadcrumbs {
	font-size: .7em;
	background-color: #ddddff;
}
.header ul li {
	list-style-type: none;
}
.header ul ul li {
	display: inline;
}
.header ul ul{
	background-color: #ddddff;
}
#section-nav,
.login,
.alt-sidebar {
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	clear: left;
	width: 150px;
	border: 1px solid #ccccff;
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom: 1em;
	font-size: .8em; /* .9em */
	margin-right: 0px;
	padding: 0;
	background-color: white;
 	font-weight: bold;
	border: 1px solid #ddddff;
}
.alt-sidebar {
}
.content #section-nav ul, .content #section-nav li {
	margin: 0;
	padding: 0;
}
div.sidebar {
	float: right;
	clear: right;
	width: 18em;
	margin: 0 0 1em 1.5em;
	padding: .5em;
	font-family: Helvetica, Arial, sans-serif;
	border: 1px solid #ddddff;
}
div.footer {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	text-align: center;
	clear: both;
}
.footer .motto {
	font-style: italic;
	color: #0000FF;
}
div.sidebar ul {
	font-size: .8em;
}
h2 {
	font-size: 1.2em;
	color: #000099;
	font-family: Helvetica, Arial, sans-serif;
}
h3 {
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
}
h4 {
	margin-bottom: 0;
	font-size: 1.0em;
}




/* columns */
div.column {
	float: left;
/* 	width: 228px; */
	width: 31%;
	padding: 0em 1.125% 0em 1.125%;
	margin-top: 1em;
	margin-bottom: .5em;
}
div.column-text {
}
div.column p {
	text-align: left;
}

div.column-events, div.column-important  {
	float: right;
	margin-bottom: 0;
}

div.column-events h3, div.column-important h3 {
	margin-bottom: .25em;
	font-size: 1.2em;
	color: #000099;
	font-family: Helvetica, Arial, sans-serif;
}
div.column-events ul, div.column-important ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px dotted #999999;
	border-left: 1px dotted #999999;
	border-right: 1px dotted #999999;
	/* background-color: #ddddff; */
}
div.column-events li, div.column-important li {
	margin: 0;
	border-bottom: 1px dotted #999999;
	padding: .2em .2em .2em .2em;
	/*padding: .2em .3em .2em .3em;*/
	font-weight: bold;
	font-size: .85em;
}
div.column-events li a, div.column-important li a {
	text-decoration: underline;
	font-weight: normal;
	font-size: 1.1em;
}
div.column-text-primary {
	float: left
}
div.column-text-secondary {
	float: left;
	clear: none;
}

div.column-image {
	float: left;
	margin-top: .25em;
}
div.column-image p {
	text-align: center;
}
div.column-image img {
	border: 1px solid #999999;
/* 	margin-bottom: 1em; */
}
div.column-image p {
	font-size: .8em;
	font-weight: bold;
	text-align: center;
	color: #666666;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}
div.column-events {
}
div.column-status {
	float: right;
	margin-top: 0;
}
div.column-status p {
	text-align: center;
}
img.waterstatus {
	padding-bottom: 2px;
}


ul.news-releases {
	margin-left: 0;
}
ul.news-releases li {
	margin-left: 0;
	margin-bottom: .25em;
	border-bottom: 1px dotted #999999;
	padding-bottom: .25em;
}
ul.news-releases li a {
	font-weight: bold;
}
ul.newsletter {
	margin-left: 0;
}

div.content-centred p {
	text-align: center;

div.content-photo {
	padding: 0 .5em .5em .5em;
	margin: 0 .5em .5em .5em;
	float: right;
	clear: right;
	background-color: white;
}
div.content-photo-hanging {
	float: left;
	clear: left;
	margin: .5em .5em .5em -13em;
	display: inline;
	padding: 0 .5em .5em 0;
}
div.content-photo img {
}
div.main-content-graphic {
	text-align: center;
	padding: 2px;
	margin-top: .5em;
	margin-bottom: .5em;
	border: 1px solid gray;
}
div.content-photo p, div.main-content-graphic p, div.content-photo-hanging p {
	text-align: center;
	font-size: .8em;
	font-weight: bold;
	margin: 0;
	background-color: white;
}
div.main-content-graphic h3 {
	text-align: center;
}

table.styled {
	color: #000000;
}