/* STYLES FOR WATER-TOWER PAGES */

/* GLOBAL CLASSES */

BODY
	{
	background-color: #FFF;
	font-family: arial, helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	}

TD,DL,DT,DD,BlOCKQUOTE,.P,.body	/* explicitly declared to overcome inheritance problems in N4 */
	{
	font-family: arial, helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 14px;
	color: #000;
	}

.sidebar
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	}

P, .P
	{
	margin-top: 9px;
	}

DIV,.DIV
	{
	margin-top: 0px;
	margin-bottom: 0px;
	}

UL,OL,LI /* explicitly declared to overcome inheritance problems in N4 */
	{
	font-family: arial, helvetica, sans-serif;
	margin-top: 1px;
	margin-bottom: 0px;
	}

LI.bold
	{
	margin-top: 9px;
	}

TH
	{
	text-align: left;
	vertical-align: bottom
	}

/* GLOBAL LINK STYLES */

A:link		/* slightly "off-red" */
	{
	color: #CC5C52;
	text-decoration: none;
	}

A:visited	/* slightly "off-purple", pale */
	{
	color: #996B90;
	text-decoration: none;
	}

A:hover {color: #800066; text-decoration: none;}	/* pale grayish purple */

A:active {color: #CCB8C8; text-decoration: none;}	/* dark purple */

A.inactive,
A.inactive:visited	/* links that need to be grayed out */
	{
	color: #878791;
	text-decoration: none
	}

A.thispage,A.sidebar,A.sidethis,A.sideinactive		/* links that apply to the current page */
	{
	font-weight: bold;
	}

A.sideinactive		/* links that apply to the current page */
	{
	color: #878794;
	}

A.sidethis {color: #878794;}	/* on lists of links, applies to "this page" */

A.sidehome 	/* the "home" link in the sidebar */
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}

/* GLOBAL MODIFIERS *//* use with all elements (mostly block-level) to adjust size, white space, etc. */

.small		{font-family: arial, helvetica, sans-serif; font-size: 12px;}		/* smaller font sizes */
.smaller	{font-family: verdana, arial, helvetica, sans-serif; font-size: 11px;}		/* smallest font size in use (not safe to go any smaller) */
.smallest	{font-family: verdana, arial, helvetica, sans-serif; font-size: 10px;}		/* use with caution! */

.thick		{margin-top: 12px;}		/* extra amounts of white space above */
.thicker	{margin-top: 14px;}

.thin		{margin-top: 6px;}		/* smaller amounts of white space above */
.thinner	{margin-top: 3px;}
.thinnest	{margin-top: 2px;}

.indent		{margin-top: 0px; text-indent: 16px;}	/* first line indented by a small amount */

.inset		{margin-left: 10px;}	/* entire block inset by a small amount */
.insetmore	{margin-left: 14px;}
.insetmore2	{margin-left: 28px;}

.bold		{font-weight: bold}		/* make it bold */
.normal		{font-weight: normal}	/* make it normal e.g. within Hn tags */
.gray		{color: #999}			/* make it gray */
.red		{color: red}			/* make it red */
.blue		{color: blue}			/* make it blue */
.green		{color: green}			/* make it green */

/* HEADERS */

H1,H2,H3,H4,H5,H6	/* explicitly declared to overcome inheritance problems in N4 */
	{
	margin-bottom: 0px;
	font-family: arial, helvetica, sans-serif;
	color: #000;
	}

H1			/* not used on current design */
	{
	font-size: 20px;
	}

H2			/* page heading of welcome page(s) */
	{
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 2px;
	}

H3			/* page heading of major subsection pages */
	{
	font-size: 16px;
	margin-top: 4px;
	margin-bottom: 2px;
	}

H4			/* major subheads */
	{
	font-size: 14px;
	margin-top: 7px;
	}

H4.head		/* page heading of secondary subsection pages */
	{
	margin-top: 6px;
	margin-bottom: 2px;
	}

H5			/* subheads only */
	{
	font-size: 12px;
	margin-top: 7px;
	}

H5.head		/* subheads only */
	{
	margin-top: 3px;
	}

H6, .H6, TH			/* lowest-level subheads, or above H3 or H4, if needed */
	{
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 3px;
	margin-top: 7px;
	}

H6.head		/* subheads only */
	{
	margin-top: 0px;
	margin-bottom: 0px;
	letter-spacing: 0px;
	}

.sc			/* (small caps) */
	{
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-top: 7px;
	}

H6.sidebar		/* use before links in sidebar */
	{
	letter-spacing: 0px;
	margin-top: 14px;
 	font-weight: bold;
	color: #669
	}

H6.normal			/* lowest-level subheads, or above H3 or H4, if needed */
	{
	letter-spacing: 0px;
	}

H3.backtotop, H4.backtotop, H5.backtotop, H6.backtotop /* where subhead needs to be just below "back to top" link */
	{
	margin-top: -2px;
	}

DIV.backtotop	/* for "back to top" link above H4,H5 headers - vertical spacing needs to be adjusted */
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-top: 9px;
	margin-bottom: 6px;
	}

/* BLOCK ELEMENTS, LISTS, etc. */

DL
	{
	margin-top: 9px;
	margin-bottom: 9px;
	}

DT, DD
	{
	margin-top: 0px;
	margin-bottom: 0px;
	}

DD
	{
	margin-left: 20px;
	}

PRE, .pre	/* no space before or after */
	{
	font-family: "courier new", courier, monospace;
	font-size: 12px;
	}

/* SIDEBAR, FOOTER, etc. */

DIV.getacro	/* "get acrobat" text in sidebar */
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-right: 20px;
	}

.linkinfo	/* to present link information e.g. "(20KB PDF)" in smaller type (use only with default-sized text) */
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	}

.footer
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-top: 11px;
	margin-bottom: 8px;
	}

.footer1
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-top: 11px;
	margin-bottom: 3px;
	}

.footer2
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 8px;
	}

/* MISCELLANEOUS */

BlOCKQUOTE
	{
	margin-left: 20px;
	margin-top: 2px;
	font-style: italic;
	color: #6B6B99;
	}

DIV.attrib		/* use for attribution, after BLOCKQUOTE */
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-top: 2px;
	margin-left: 30px;
	}

INPUT.button	/* makes Submit, Reset buttons blue, to match nav bar graphics */
	{
	font-weight: bold;
	font-size: 14px;
	color: #F5F5FF;
	background-color: #006;
	}

.sidetext	/* yellow/brown small text in sidebar */
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	margin-left: 4px;
	margin-right: 20px;
	color: #665229;
	}

P.sidetext
	{
	margin-top: 30px;
	}

DIV.more	/* for "more" link after introductory paragraph */
	{
	margin-left: 16px;
	font-size: 12px;
	}


.comp		/* use for grey tables which stand in for to-be-supplied photos etc. */
	{
	font-size: 12px;
	background-color: #d6d6FF;
	color: #999;
	}

EM.H6, EM.new			/* small caps on CSS browser; italic otherwise */
	{
	font-style: normal;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0px;
	}

EM.new			/* red small caps on CSS browser; italic otherwise */
	{
	color: red;
	background-color: yellow;
	/* padding: 0em 3px; */
	padding-left: 3px;
	padding-right: 3px;
	}

/* EXPERIMENTAL */