/* default links */ 
a {
	color: #709A48;
}

a:hover {
	color: #8D6A30;
}

/* Top navigation */

div#tpnavlft ul, div#tpnavrgh ul, div#tpsearch input, p#tpdate {
	font-size: 70%;
}

p#tpdate {
	color: #636363;
}

/* Breadcrumb trail */

#hd7or p, div#bjump select {
	font-size: 70%;
}

#hd7or p {
	color: #666A70;
}

#hd7or a {
	text-decoration: none;
	color: #006331;
}

#hd7or a:hover {
	text-decoration: underline;
	color: #996633;
}

/* Main Title */

#mtitle h1 {
	font-size: 150%;
	color: #000066;
}



div#content h2.hd2 {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #336633}

div#content h1.hd1green {  font-family: Arial, Helvetica, sans-serif; font-size: 18pt; color: #006c72; 
font-weight: bold}

div#content h1.hd1blue {  font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; 
color:#000066}

div#content h1.hd1red {  font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; 
color: #cc3333}

div#content h2.hd2green {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; 
color: #006C72}

div#content h2.hd2blue {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; 
color: #000066}

div#content h2.hd2red {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; 
color: #cc3333}

div#content h3.hd3green {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; 
color: #006c72}

div#content h3.hd3blue {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; 
color: #000066}

div#content h3.hd3red {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; 
color: #cc3333}

div#content h4.hd4green {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; 
color: #006c72}

div#content h4.hd4blue {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; 
color: #000066}

div#content h4.hd4red {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; 
color: #cc3333}


/* Left side navigation */

div#lftcont h3, div#lftcont h4, div#lftcont p, ul.lftnav, div#lftnavapp ul, div#lftsearch input, div#lftsearch label, div#lftsearch select, div#lftsearch span.lftschdate {
	font-size: 70%;
}

div#lftcont p, div#lftsearch input, div#lftsearch label, div#lftsearch select, div#lftsearch span.lftschdate, div#lftsearch select option {
	color: #636363; /* default dark grey color */
}

div#lftcont h3 { /* titles - see also, search */
	color: #336633;
}

div#lftwel h4 { /* titles - welcome back */
	color: #336666;
}

div#lftwel p { /* para - welcome back */
	color: #666;
}

div#lftnavapp p, div#lftcont p#lftthm, div#lftcont p#lftdis { /* application download, themes, disclaimer */
	color: #888; /* lighter grey for bolder areas */
}

/* Content */

div#content table, div#content p, div#contentvlg p, div#contentlg p,  div#content ul, div#contentvlg ul, div#contentlg ul, div#content ol, div#contentvlg ol, div#contentlg ol, div#content label, div#contentvlg label, div#contentlg label, div#contsearch select, div#contsearch input, div.contprenxt span {
	font-size: 100%;
}

div.promo p {
	font-size: 80%;
}

div#content h2, div#contentlg h2 { /* content - three column, content large - two column */
	font-size: 150%;
	color: #000066;
}

div#reghd h2 { /* headings - flood registration */
	color: #3E5C5E;
}

div#content h3, div#contentlg h3 {  
	font-size: 125%;
	color: #000066;
}

div#content h4, div#contentlg h4 {
	font-size: 100%;
	color: #336633;
}

div#content div.contentplain h4.hdbg { /* content plain */
	color: #669933;
}

div.promo h2 { /* home promo area */
	font-size: 80%;
	color: #000066;
}

ul.contnav span.date { /* content nav list - date for search items */
	color: #666;
}

div#content p.bldgrn { /* bold green para */
	color: #336633;
}

div#contentlg div.contimglg table p { /* large content image - two column */
	font-size: 70%;
	color: #636363;
}

div#contsearch label.labsm, div#contsearch span.labsm { /* small sized labels */
	font-size: 100%;
}

div#contsearch span.inst { /* search item instruction */
	color: #666;
}

div#contsearch table td { /* align items */
	vertical-align: middle;
	text-align: left;
}

/* content table information, content table row */

div.conttabinf table, table.tabrow, div#contsearch table  { /* shared with content search */
	font-size: 100%;
	padding: 4px; /* generic padding - cleared in import style */
}

div.conttabinf table th { /* table headings */
	color: #336633;
	background-color: #E8F0E1;
}

div.conttabinf table td, div.conttabinf table th, table.tabrow td, table.tabrow th {
	text-align: left;
	vertical-align: top;
}

/* content lg table data */

div.conttabdata table {
	font-size: 100%;
	background-color: #F9FBF7;
	padding: 4px; /* generic padding - cleared in import style */
}

div.conttabdata table th { /* table headings */
	color: #336633;
	background-color: #E8F0E1;
}

div.conttabdata table td {
	vertical-align: middle;
	text-align: center;
}

div.conttabdata table td.label, div.conttabdata table th {
	text-align: left;
}

div.conttabdata table td.grd1  { /* grade 1, very good, very low */
	background-color: #E5ECF3;
}




div.conttabdata table td.grd1lft  { /* grade 1, very good, very low left justified */
	background-color: #E5ECF3;
	text-align: left;
	padding: 4px;
}


div.conttabdata table td.grd1totlft  { /* totals cell left justified */
	background-color: #E5ECF3;
	text-align: left;
	padding: 4px;
	font-weight: bold;
}

div.conttabdata table td.grd1tot  { /* totals cell */
	background-color: #E5ECF3;
	padding: 4px;
	font-weight: bold;
}







div.conttabdata table td.grd2 { /* grade 2, good, low */
	background-color: #D1DDEE;
}

div.conttabdata table td.grd3 { /* grade 3, fairly good, moderately low, moderate (phosphate) */
	background-color: #BDCEEA;
}

div.conttabdata table td.grd4 { /* grade 4, fair, moderate (nitrate), high (phosphate) */
	background-color: #AABFE6;
}

div.conttabdata table td.grd5{ /* grade 5, poor, high (nitrate), very high (phosphate) */
	background-color: #82A2DD;
}

div.conttabdata table td.grd6 { /* bad, very high (nitrate), excessively high */
	background-color: #96B0E1;
}

div#contentlg div.conttabdata table td.grd1 p, div#contentlg div.conttabdata table td.grd1lft p, div#contentlg div.conttabdata table td.grd1totlft p, div#contentlg div.conttabdata table td.grd1tot p, div#contentlg div.conttabdata table td.grd2 p, div#contentlg div.conttabdata table td.grd3 p, div#contentlg div.conttabdata table td.grd4 p, div#contentlg div.conttabdata table td.grd5 p, div#contentlg div.conttabdata table td.grd6 p {
	color: #666666;
	margin: 0;
	padding: 1px;
}

/* Content map */

div#mmpsearch { /* main map search, make relative so we can position main map (mmp) */
	padding: 0;
	margin: 0;
	width: 430px;
	position: relative;
}

div#mmp { /* main map, position map over controls table (mmpsearch) */
	position: absolute;
	padding: 0;
	margin: 0;
	top: 16px; 
	left: 16px;
	z-index: 1;
}

div#mmp form { /* main map form */
	margin: 0;  
	padding: 0;
}

div#mmp input { /* size of main map input/image */
	border: 0;
	width: 396px;
	height: 396px;
}

div#mmpcont table td.spcev { /* main map controls table spacer */
	height: 3px;
}

div#mmpcont table td.spceh {
	width: 3px;
}

div#contmpadd p#curmpscl { /* current map scale text */
	color: #666;
	font-size: 65%;
}

label.disabled { /* disabled item */
	color: #A2A89D;
}

div#lftovmpsearch input { /* size of overview map input/image */
	border: 0;
	width: 129px;
	height: 123px;
}

/* Right side map tools */

div#rghmpsearch h3 {
	font-size: 80%;
	color: #666;
}

div.rghmpctrls table { /* right map controls table */
	font-size: 70%;
	color: #669933;
}

div#rghmpinst input { /* size fix - 100% to make up for the inherited 70% from ol */
	font-size: 100%;
}

ul.rghmpkey { /* map key - list of keys for main map */
	list-style: none; /* turns off display of bullet */
}

ul.rghmpkey li img {
	margin-right: 6px; /* space between key image and text */
	padding: 0;
}

div#rghmpinst ol, ul.rghmpkey {
	font-size: 70%;
	color: #666;
}

/* Right side home navigation */

div#envcmp { /* env cmp - environment component */
	color: #7D8114;
}

div#fldcmp { /* fld cmp - flood component */
	color: #0065C3;
}

div#regcmp { /* reg cmp - regional/news component */
	color: #666;
}

div#envcmp h3, div#fldcmp h3, div#regcmp h3, div#poplnks h3 { /* component headings */
	font-size: 80%;
}

div#poplnks { /* pop lnks - popular links */
	color: #666;
}

div#envcmp p, div#fldcmp p, div#regcmp p, div#regcmp ul, div#envcmp ul, div#rghcmpsearch input, div#poplnks ul {
	font-size: 70%;
}

/* Right side navigation */

div#rghsearch h3 {
	color: #336633;
}

div.rghimg, div.rghinf p, div#rghsearch h3, div#rghsearch p, div#rghsearch input, div#rghsearch label, ul.rghnav, div.rghfldreg p, div.rghfldreg input, div.rghfldreg label {
	font-size: 70%;
}

div.rghimg, div.rghinf, div#rghsearch p, div#rghsearch input, div#rghsearch label, ul.rghnav, div.rghfldreg p, div.rghfldreg input, div.rghfldreg label  {
	color: #636363;
}

div.rghinf ul.rghnavlg li {
	font-size: 80%;
}

div.rghreghd h3 {
	font-size: 80%;
	color: #666;
}

/* Footer */

div#ftcontlg, div#ftcontsh, div#ftadlft, div#ftadrgh, div#ftadnws { /* footer container large/short */
	font-size: 70%;
}

div#ftenv, div#ftreginf {
	color: #666;
}

div#ftadlft, div#ftadrgh, div#ftadnws {
	color: #9C9C9C;
}

/* Defaults */

body#nobg, body#home, body#bgnational, body#bganglian, body#bgmidlands, body#bgnortheast, body#bgnorthwest, body#bgsouthern, body#bgsouthwest, body#bgthames, body#bgwales, body#bgnet {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-size: 100%;
	background-color: #FFF;
	color: #000;
}

body {
	margin: 0;
}

p, td, ul, ol, li, dl, dt, dd, input, textarea, div, select { /* be nice to ns */
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

body  { /* be nice to ns */
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

h1, h2, h3 ,h4 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

a:link img, a:visited img {
	border: 0;
}

/* shared flood red items */
.fldred, div#content h3.fldredbdgry, div#content ul.contnav li.fldred a {
	color: #D0002B;
}

/* shared bold items */
.bold, .fldred, div#content p.bdgrybld, div#content p.bldgrn {
	font-weight: bold;
}

/* Accessbility text for older browsers */
/* Browsers that dont support the import styles */

h2.accesstext {
	font-size: 90%;
	color: #006A6A;
}

p.accesstext a {
	font-size: 80%;
	color: #006A6A;
}

/* Hidden items */

div#ban, p.ptrgha, div.contprenxt p#spc {
	display: none;
}


/* WIYBY2 additional styles */
    div#lfttpbtbdr { /* new style added by esri for red terms and conditions text change request - 5/8/2004 */
     color: red;
     font-size: 70%;
     padding: 6px;
     border-top: 1px solid #ABBD83;
     border-bottom: 1px solid #ABBD83;
    }
    
div#contmpadd div#contmpadd2 p#curmpscl { /* current map scale text */
 color: #666;
 font-size: 65%;
}

div#contmpadd, div#contmpadd2, div#contmpque  { /* map additional, map query */
 margin: 0;
 padding: 8px 7px 8px 7px;
 background-color: #E8F0E1;
}
