@media screen {

body {margin: 0;
padding: 0;
font: 80% arial, helvetica, sans-serif;
color: black;
background:#fff}


#content a:link {text-decoration: underline;}

#content a:visited {color:purple; background:#fff;}

#content a:link:hover {color: #3a9955;
text-decoration: underline; background:#fff;}

#content a:visited:hover {color: #3a9955;
text-decoration: underline; background:#fff;}

#right-nav a:link {text-decoration: underline;}

#right-nav a:visited {color:purple; background:#fff;}

#right-nav a:link:hover {color: #3a9955;
text-decoration: underline; background:#fff;}

#right-nav a:visited:hover {color: #3a9955;
text-decoration: underline; background:#fff;}

#footer a:link {text-decoration: underline;}

#footer a:visited {color:purple; background:transparent;}

#footer a:link:hover {color: #3a9955;
text-decoration: underline; background:transparent;}

#footer a:visited:hover {color: #3a9955;
text-decoration: underline; background:transparent;}


p, li {line-height:1.4em;}

h1, h2, h3, h4, h5, h6 {margin: 0;
letter-spacing:.1em;
}

h1 {font-size: 1.5em;
color: #069; background:#fff;}

h2 {font-size: 1.3em;
color: #08B; background:#fff;}

h3 {font-size: 1.2em;
color: #08B; background:#fff;}

h4 {font-size: 1.1em;
color: #08B; background:#fff;}

h5 {font-size: 1em;
color: #08B; background:#fff;}

h6 {font-size: 1em;
color: #030; background:#fff;}

#container {height: 1%;
width:auto;}

#header {background:#387A9B url(images/header-graphic.jpg) no-repeat 0 0;
margin:0;
padding:0 0 0 0;
border-bottom: 3px solid #387A9B;
height:92px; color:#000;}

#header h1 {display:inline;
margin:0 0 0 3em;
font-weight: bold;
font-size: 1.7em;
text-align: center;}

#header p {margin-top: 0;
margin-bottom: 0;
font-weight: bold;
font-size: 1.2em;
text-align: center;}

#header form {margin:1px 1px 0 0;
float:right;
background: #ecf8f8;
color:#000;
padding:.1em;}

#header input {margin:0;
height:1.5em;
font: .7em arial, helvetica, sans-serif;}

#homelink a {position:absolute; height:70px; width:74px; top:10px; left:48px; text-decoration:none;}
#homelink a i {visibility:hidden;}

#wwhome a {position:absolute; height:50px; width:111px; top:49px; right:6px; text-decoration:none;z-index:9999;}
#wwhome a i {visibility:hidden}

.aglogo {margin:0;
padding:0;
display:inline;
float:left;}

.aglogo img {border:none;

}

#title {position: absolute;
top:1px;
right:6px;
height:100px;
/*background: url("/images/waterwatchlogo.gif") no-repeat 37px right;*/}

#title h1 {padding:0;
font-size:1.4em;
color:#fff;
letter-spacing:.2em;
text-align:right;
background:#387A9B;
}

#title p {font-size:.8em;
color:#fff;
letter-spacing:.1em;
font-weight: normal;
text-align:right;
background:#387A9B;
}

/* the nav-search div */
#nav-search {width:auto;
height:60px;
margin:0px;
float:left}

#globalnav {
position:absolute;top:95px;left:0;
width:100%;
background: url("images/tab-background2.gif") repeat-x bottom;
font-size:0.82em;
line-height:normal;}

#globalnav ul {margin:0;
padding:10px 0 0 0;
list-style-type:none;}

#globalnav li {float:left;
margin:0;
padding:0;}

#globalnav li {float:left;
background: url("images/tab-norm-left2.gif") no-repeat left top;
margin:0;
padding:0 0 0 9px;}

#globalnav a {float:left;
display:block;
background:transparent url("images/tab-norm-right2.gif") no-repeat right top;
padding:5px 9px 4px 2px;
text-decoration:none;
color:#fff;
font-size:.95em;}

label.search-label {
  position: absolute;
  left: -2000px;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/

#globalnav a {float:none;}

/* End IE5-Mac hack */

#globalnav #current {background-image:url("images/tab-on-left2.gif");}

#globalnav #current a {
background-image:url("images/tab-on-right2.gif");
padding-bottom:5px;
color:#00f;}

#search {background: transparent;
color:#000;position:absolute;top:100px;right:0;}

#search input {border:1px solid #39799C;
margin:4px 6px 0 0;
font-size:0.8em;
padding:2px;
background:#fff;}

#search input.formfont {background:#39799C;
padding:0px 0 1px 0;
color:#fff;
font-size:0.8em;}

#cpn {
margin: 7px 0 0 6px;
font-size: 0.75em;
text-align: left;
clear: both;
}

#content {
width:auto;
padding: 10px 0 0 0;
margin:0 200px 0 20px;
background:#fff;
color:#000;
height:1%;
clear:left;
}

#content1col {
width:auto;
padding: 10px 0 0 0;
margin:0 20px 0 20px;
background:#fff;
color:#000;
height:1%}

#right-nav {width: 180px;
padding:0 0 1em 0;
background: #edf3f9;
color:#000;
border-left:2px solid #39799C;
margin:10px 0 0 0;
border-bottom:2px solid #39799C;
position:absolute; top:130px;right:0;}

#right-nav h2 {font-size:1.0em;
color:#fff;
padding:4px 0 4px 4px;
margin:0;
border-bottom:1px dashed #387a9b;
border-top:1px dashed #387a9b;
background:#39799C;
letter-spacing:.2em;
width:180px;}

#right-nav h3 {font-size:1.0em;
color:#fff;
padding:4px 0 4px 4px;
margin:0;
background:#619EBC;
width:180px;
border-bottom:1px dashed #619EBC;}

#right-nav p {padding:0 0 0 4px;
font-size:0.85em;
color:black;background-color:#edf3f9;}

#right-nav ul {width:180px;
margin:0;
padding:0;
list-style-type: none;
font-size: 0.9em;}

#right-nav li {display: inline;}

#right-nav li a {display: block;
text-decoration: underline;
background: #edf3f9;
color:#00f;
padding: 4px;
border-bottom: 1px #39799C dashed;
width:176px;}

#right-nav .heading {padding:2px 0 2px 4px;
margin:5px 0 0 0;
display: block;
background:#39799C;
color:white;
font-weight:bold;
width:180px;
}
/* -- commenting out this rule as it appears to not be needed. If I'm wrong we can re-instate it and specify a colour. W3C CSS validator warns that colour should be specified--
#right-nav form {margin:0;
background: #39799C;
padding:4px 0 0 0;
width:100%;}*/

#content p {margin-top: .5em;
margin-bottom: 1.2em;}

/*--w3c validator warns that the following rule is not robust because it uses a mixture of absolute and relative units. A search of the site reveals that no pages are actually using it so I am commenting it out. - Glen --

#contentpublication {width: 75%;
float: left ;
padding: 1em 1em 1em 3%;}*/

#citation h1 {display: block;
background: #fff;
color:#000;
margin:0;
font-weight: bold;
font-size: 1.3em;
text-align: left;}

#citation p {display: block;
background: #fff;
color:#000;
margin: 0;
padding: .5em 0 0 0 ;
font-size: .9em;
text-align: left;}

.menu1 {font-size: 0.7em;
text-align: right;
margin: 0 1em 0 0;}

.indent5 {margin-left: 5%;
margin-right: 5%}

/*--this style declaration appears to be redundant--
#news {width: 20%;
float: right;
padding: 1em 2%;
background:#edf3f9;}*/

#news p {margin-top: 0;
margin-bottom: 1.2em;
font-size: 0.9em;}

#news h2 {margin-top: 0;
margin-bottom: .5em;
font-weight: bold;
text-align: center;
font-size: 1.2em;}

#news h3 {margin-top: 0;
margin-bottom: 0;
font-weight: bold;
text-align: left;
font-size: 1em;}

form#comments {width:500px;margin-left:10px;padding:0;}
form#comments input {font-size:0.9em; color:#000; background:#fff;}
form#comments input.button {border:1px outset #445;font-size:0.9em;margin:0 2px 10px 2px;padding:1px;font-weight:bold}
form#comments textarea {font-size:0.9em; color:#000; background:#fff;}
form#comments label {background:#fff;display:block;padding:3px;color:#369;font-weight:bold;font-size:1.0em;margin:.5em 0 0;}
fieldset {border:1px solid #ccc;margin:1em 0 0;padding:4px;}
legend {font-family:"Trebuchet MS", sans-serif;background-color:white;color:#669;font-size:1.2em;}

div.imagecaption {float: none;
width: 160px;
margin: 0;
display: inline;
padding: 0;
background: #fff;
color: #000;
font-size: .75em;
text-align: left;}

div.imagecaption img {border: 1px solid #000;
display: block;}

div.pubcover img {float: right;
width: 160px;
height: 224px;
margin: 1em 0.5em 1em 1em;
padding: 0;
display: block;
border: 1px #828282 solid;}

div.image490 {float: none;
width: 490px;
margin: .5em 0 .5em 0;
display: block;
padding: 0;
background: #f6f6f1 ;
color: #000;
text-align: left;
font-size: .8em;
border: 1px #ababab solid;}

div.image340 {float: none;
width: 340px;
margin: .5em 0 .5em 0;
display: block;
padding: 0;
background: #f6f6f1 ;
color: #000;
text-align: left;
font-size: .8em;
border: 1px #ababab solid;}

div.image250 {float: none;
width: 250px;
margin: .5em 0 .5em 0;
display: block;
padding: 0;
background: #f6f6f1 ;
color: #000;
text-align: left;
font-size: .8em;
border: 1px #ababab solid;}

#footer {
background: #fff;
color: #000;
padding: 5px 1%;
text-align: left;
font-size: 0.84em;
height:1%;
border-top: 2px solid #39799C;
margin:10px 0 0 0;}/*edf3f9*/

#footer ul {clear:left;list-style-type:none;margin:0;padding:0;background-color:#fff;}
#footer li {float:left;margin:0;padding:0;background-color:#fff;}
#footer p {clear:left;margin:4px 0 0 0;background-color:#fff;}
#footer a {width:auto;background-color:#fff;}

div.nhtlogo {float: right;margin: 0;padding: 0;text-align:center;}
div.nhtlogo img {padding:10px 0;}

.hidden {display:none !important;}
/*the class below is for the skip navigation link. having it set to display:none may not work for some screen readers--*/
.hidden2 {position:absolute; top:0; left:-6000px;}

#header ul {padding:0;
margin:-10px 0 0 0;
list-style-type: none;
background: #ecf8f8;
color:#fff;
float: right;
width: auto;}

#header ul li {border:blue solid 1px;
display: inline;}

#header ul a:hover {background:#69c;
color: #fff;}

#header ul a {margin:0;
font-size:0.8em;
display: block;
float: left;
padding: 5px .5em 2px .5em;
text-decoration: underline;
background: #ecf8f8;
color:#fff;
border-right: 1px solid #50ffb0;
height:1.5em;}

#content1col table {border-top:black 2px solid;
border-bottom:black 2px solid;
border-collapse:collapse;
width:85%;
margin-left:5%;
margin-right:5%;}

#content1col table td {font-family : arial, helvetica, sans-serif;
font-size: .9em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
padding: 5px;
vertical-align: top;}

#content1col table th {background:#ddd;
color:#000;
font-weight:bold;
font-size: .9em;
border-bottom: 1px solid #999;
padding: 5px;
vertical-align: bottom;}

#content table th strong {background:#ddd;
color:#669;}

#content1col table caption {border-top:black 2px solid;
background:#669;
color:white;
text-align: center;
font-weight: bold;
font-size: .9em;
padding: 5px;}

#content1col table caption a {color:white; background:#669;}

#content1col table caption a:hover {color:#cfc; background:#669;}

}
@media print {

body {margin: 0;
padding: 0;
font: 80% arial, helvetica, sans-serif;
color: black;
background:#fff}

a:link {text-decoration: underline;}

a:visited {color:purple; background:#fff}

a:link:hover {color: #3a9955;
text-decoration: underline; background:#fff}

a:visited:hover {color: #3a9955;
text-decoration: underline; background:#fff}

p, li {color:#000;
line-height:1.4em;}

h1, h2, h3, h4, h5, h6 {margin: 0;

letter-spacing:.1em;}

h1 {font-size: 1.5em;
color: #000;}

h2 {font-size: 1.3em;
color: #000;}

h3 {font-size: 1.2em;
color: #000;}

h4 {font-size: 1.1em;
color: #000;}

h5 {font-size: 1em;
color: #000;}

h6 {font-size: 1em;
color: #030;}

#container {height: 1%;
width:auto;position:relative;}

#header {background:#387A9B url(images/header-graphic.jpg) no-repeat 0 0;
margin:0;
padding:0;
height:92px;}

#header h1 {display:inline;
margin:0 0 0 3em;
font-weight: bold;
font-size: 1.7em;
text-align: center;}

#header p {margin-top: 0;
margin-bottom: 0;
font-weight: bold;
font-size: 1.2em;
text-align: center;}

#header form {display:none}

#header input {display:none}

#wwhome a {display:none}
#wwhome a i {display:none}

#homelink a {display:none}
#homelink a i {display:none}

.aglogo {margin:0;
padding:0;
display:inline;
float:left;}

.aglogo img {border:none;}

#title {position: absolute;
top:1px;
right:6px;}

#title h1 {padding:0;
font-size:1.4em;
color:#fff;
background:#387a9b;
letter-spacing:.2em;
text-align:right;}

#title p {font-size:.8em;
color:#fff;
background:#387a9b;
letter-spacing:.1em;
font-weight: normal;
text-align:right;}

#title img {padding:7px 0 0 205px;}

/* the nav-search div */
#nav-search {display:none}

#globalnav {display:none}

#globalnav ul {display:none}

#globalnav li {display:none}

#globalnav li {display:none}

#globalnav a {display:none}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#globalnav a {display:none}

/* End IE5-Mac hack */

#globalnav #current {display:none}

#globalnav #current a {display:none}

#search {display:none}

#search input {display:none}

#search input.formfont {display:none}

#cpn {display:none}


#content {width:auto;
padding: 10px 0 0 0;
margin:0 190px 0 5px;
background:#fff;
height:1%}

#content1col {
width:auto;
padding: 10px 0 0 0;
margin:0 5px 0 5px;
background:#fff;
height:1%}

#right-nav {width: 180px;
float: right;
padding:0 0 1em 0;
background: #edf3f9;
border-left:2px solid #39799C;
margin:0;
border-bottom:2px solid #39799C;}

#right-nav h2 {font-size:1.0em;
color:#fff;
padding:4px 0 4px 4px;
margin:0;
border-bottom:1px dashed #387a9b;
border-top:1px dashed #387a9b;
background:#39799C;
letter-spacing:.2em;
width:180px;}

#right-nav h3 {font-size:1.0em;
color:#fff;
padding:4px 0 4px 4px;
margin:0;
background:#619EBC;
width:180px;
border-bottom:1px dashed #619EBC;}

#right-nav p {padding:0 0 0 4px;
font-size:0.85em;
color:#000;
background: #edf3f9;
}

#right-nav ul {width:180px;
margin:0;
padding:0;
list-style-type: none;
font-size: 0.9em;}

#right-nav li {display: inline;}

#right-nav li a {display: block;
text-decoration: underline;
background: #edf3f9;
padding: 4px;
border-bottom: 1px #39799C dashed;
width:176px;}

#right-nav .heading {padding:2px 0 2px 4px;
margin:5px 0 0 0;
display: block;
background:#39799C;
color:white;
font-weight:bold;
width:180px;}

#right-nav form {margin:0;
background: #39799C;
color:#fff;
padding:4px 0 0 0;
width:100%;}

#content p {margin-top: .5em;
margin-bottom: 1.2em;}

#contentpublication {width: 75%;
float: left ;
padding: 1em 1em 1em 3em;}

#citation h1 {display: block;
background: #ffffff;
margin: 0;
font-weight: bold;
font-size: 1.3em;
text-align: left;}

#citation p {display: block;
background: #ffffff ;
margin: 0;
padding: .5em 0 0 0 ;
font-size: .9em;
text-align: left;}

.menu1 {font-size: 0.7em;
text-align: right;
margin: 0 1em 0 0;}

.indent5 {margin-left: 5%;
margin-right: 5%;}

#news {width: 20%;
float: right;
padding: 1em 2%;
background:#edf3f9;
color:#000;
}

#news p {margin-top: 0;
margin-bottom: 1.2em;
font-size: 0.9em;}

#news h2 {margin-top: 0;
margin-bottom: .5em;
font-weight: bold;
text-align: center;
font-size: 1.2em;}

#news h3 {margin-top: 0;
margin-bottom: 0;
font-weight: bold;
text-align: left;
font-size: 1em;}

form#comments {width:500px;margin-left:10px;padding:0;background:transparent url(images/form-background.gif) repeat-y 0 0;}
form#comments input {border:2px inset #edf3f9;font-size:0.9em;background:#fff !important;}
form#comments input.button {border:1px outset #445;font-size:0.9em;background:transparent !important;margin:0 2px 10px 2px;padding:1px;font-weight:bold}
form#comments textarea {border:2px inset #edf3f9;font-size:0.9em;background:#fff;}
form#comments label {background:#cad1e8;display:block;padding:3px;color:#445;border-bottom:1px dashed #fff;border-top:1px dashed #fff;font-weight:bold;font-size:0.9em;}

div.imagecaption {float: none;
width: 160px;
margin: 0;
display: inline;
padding: 0;
background: #fff;
color: #000;
font-size: .75em;
text-align: left;}

div.imagecaption img {border: 1px solid #000;
display: block;}

div.pubcover img {float: right;
width: 160px;
height: 224px;
margin: 1em 0.5em 1em 1em;
padding: 0;
display: block;
border: 1px #828282 solid;}

div.image490 {float: none;
width: 490px;
margin: .5em 0 .5em 0;
display: block;
padding: 0;
background: #f6f6f1 ;
color: #000;
text-align: left;
font-size: .8em;
border: 1px #ababab solid;}

div.image340 {float: none;
width: 340px;
margin: .5em 0 .5em 0;
display: block;
padding: 0;
background: #f6f6f1 ;
color: #000;
text-align: left;
font-size: .8em;
border: 1px #ababab solid;}

div.image250 {float: none;
width: 250px;
margin: .5em 0 .5em 0;
display: block;
padding: 0;
background: #f6f6f1 ;
color: #000;
text-align: left;
font-size: .8em;
border: 1px #ababab solid;}

#footer {
background: #edf3f9;
color: #000;
padding: 5px 1%;
text-align: left;
font-size: 0.84em;
height:1%;
}

div.nhtlogo {float: right;
margin: 0;
display: inline;
padding: 0;}

.hidden {display:none !important;}

#header ul {padding:0;
margin:-10px 0 0 0;
list-style-type: none;
background: #ecf8f8;
float: right;
width: auto;}

#header ul li {border:blue solid 1px;
display: inline;}

#header ul a:hover {background:#69c;
color: #fff;}

#header ul a {margin:0;
font-size:0.8em;
display: block;
float: left;
padding: 5px .5em 2px .5em;
text-decoration: underline;
background: #ecf8f8;
border-right: 1px solid #50ffb0;
height:1.5em;}

#content1col table {border-top:black 2px solid;
border-bottom:black 2px solid;
border-collapse:collapse;
width:85%;
margin-left:5%;
margin-right:5%;}

#content1col table td {font-family : arial, helvetica, sans-serif;
font-size: .9em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
padding: 5px;
vertical-align: top;}

#content1col table th {background:#ddd;
font-weight:bold;
font-size: .9em;
border-bottom: 1px solid #999;
padding: 5px;
vertical-align: bottom;}

#content1col table th strong {background:#ddd;
color:#669;}

#content1col table caption {border-top:black 2px solid;
background:#669 ;
color:white;
text-align: center;
font-weight: bold;
font-size: .9em;
padding: 5px;}

#content1col table caption a {color:white;}

#content1col table caption a:hover {color:#cfc;}

.noprint {display:none;}
}