/* Created By Lisa Merriman for Unlimited Webdesign */

/************ GLOBAL RESET STUFF **************/
* { padding: 0; margin: 0; }
p, pre, blockquote, form, label, ol, dl, fieldset, address { margin: 20px 0; }
h1, h2, h3, h4, h5, h6 { margin: 0.2em 0; }
dd, blockquote { margin-left: 40px; margin-bottom: 0.9em;} 
fieldset { padding: 10px; }
p {
	margin-top: 0em;
	margin-bottom: 1em;
	line-height: 1.2em;
} 

sup {
	line-height: 0;
	vertical-align: text-top;
}

/************ APPEARANCE TAGS **************/
TABLE {	
	empty-cells: show;
	border-collapse: collapse;
}
td { vertical-align: top; }

A:link, A:visited {
	color: #077ce9;
}
A:hover { color: #af3c0b; text-decoration: underline; }

/* Heading colour was more ochrey #957861 */
h1 {  font-size: 13pt; font-weight: bold; color: #006c97; margin-bottom: 0.5em; margin-top: 10px;}
h2 {  font-size: 11pt; font-weight: bold; color: #006c97; } 
h3 {  font-size: 10pt; font-weight: bold; color: #000000; } 
h4 {  font-size: 10pt; font-weight: bold; color: #000000; } 

UL, OL {
	padding-left: 1.5em;
	margin-left: 1.5em;
	margin-top: 1em;
}

UL LI {
	padding-left: 0em;
	margin-bottom: 0.5em;
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
OL LI {
	padding-left: 10px;
	margin-bottom: 0.5em;
	
}

.nice_textfield { 
 background-color: #DDDDDD; 
 color: #ffffff;  
 border: 1px solid #666666;
}

/*********************** LAYOUT TAGS **********************/

BODY {
	font-size: small; /*was 11px */
	font-family: Arial, Helvetica, sans-serif;
	background-color: #003851; 
}

.header_in {
	position: relative;
	width: 960px;
	height: 62px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 6px;
	padding-top: 10px;
	padding-left: 10px;
	border-bottom: 5px solid #2b2f38;
	background: transparent url(images/bg-header.gif) top right no-repeat;
}
.container_outer {
	position: relative;
	width: 1010px;
	margin-left: auto;
	margin-right: auto;	
}
.container_inner {
	position: relative;
	background-color: white;
	width: 970px;
	margin-left: auto;
	margin-right: auto;	
	background: url(images/bgacross-interiorcolumn.png) top center repeat-y;
	padding: 0px 20px;
}

#homepage .container_inner {
	background-image: url(images/bg-across-0909221.png);
}

.maincontent {
	position: relative;
	float: left;
	width: 730px;
	padding: 0px 10px 5px 20px;
}

.photo1 {
	position: relative;
	float: left;
	width: 770px;
	height: 153px;
	background-image: url(/images/hd-waterdam.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #666;
}

.clearer {
	clear: both;
}
.watermark {
	position: absolute;
	top: 82px;
	left: 0;
	width: 100%;
	height: 381px;
	background:  transparent url(/images/tempdel-watermark2.gif) top center no-repeat;
	z-index: 0;
}

.endpiece {
	position: relative;
	height: 25px;
	background: transparent url(images/endpiece.png) top center no-repeat;
	/*<img src="images/end-dropshad-nograd2.gif">*/
}

/********** FOOTER ***********************/
.footer {
	position: relative;
	clear: both;
	padding: 0 0 3em 0;
	margin-bottom: 10px;
	color: #999;
	font-size: 80%;
}
.footer_in {
	position: relative;
	margin: 0 auto;
	width: 970px;
	text-align: left;
}
.footer A:link, .footer A:visited {
	color: #999;
	text-decoration: none;
}
.footer A:hover {
	color: #c0c0c0;
	text-decoration: underline;
}

/*** SIDE COLUMN  for submenu etc *******************************************/
.side_col {
	position: relative;
	float: right;
	width: 200px;
	z-index: 1;
/*	background-color: #FFFF99; */ // debugging
	color: #babbbe;
	padding-top: 3em;
}
.side_col H2 {
	padding-left: 15px;
}
.side_col IMG {
	position: relative;
	float: left;
	clear:  left;
	border: 1px solid #666;
	margin-left: 10px;
}

.side_col .special_button {
	position: relative;
	margin-top: 2em;
}

.side_col .special_button  IMG {
	border: 1px solid #fff;
}
/** SECTION SUBMENU ******************/

UL.subsection_menu {
	position: relative;
	list-style-type: none;
	margin: 0px 0px 2em 0px;
	padding: 0 5px 0 5px;
	font-size: 8pt;
}

.subsection_menu LI {
	list-style: none;
	padding: 0em 0 0.2em 15px;
	margin: 0 0 0.5em 0;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

UL.subsection_menu H2 {
	color: #b36442;
	font-size: 120%;
	margin: 1em 0 0 0em;
}

.subsection_menu  UL { /* Sub-submenus */
	margin: 0px 0 0 0;
	padding: 0;
}

.subsection_menu LI UL LI {
	border: none;
	margin: 0;
}

.subsection_menu A:link, .subsection_menu A:visited {
	text-decoration: none;
	color: #babbbe;
}

.subsection_menu A:hover {
	color: #2ba9f3;
}

/*** SIDEBAR  for summary information, map column etc etc *******************************************/

.sidebar {
	position: relative;
	float: left;
	margin: 0px 15px 10px -20px;
/*
	top: -15px;
	left: -25px;
	*/
}
.summary_info {
	position: relative;
	width: 200px;
	background-color: #dfddc9;
	font-size: 80%;
}

.summary_table P {
	margin: 0;
}

.summary_table {
	border-collapse: collapse;
	margin-left: 5px;
}
.summary_table TD, .summary_table TH {
	vertical-align: top;
	padding: 3px 2px 3px 5px;
	text-align: left;
}
.summary_info H2 {
	margin: 0;
	padding: 8px 3px 0px 10px;
	font-size: 120%;
	font-weight: bold;
	color: #b36442;
	text-align: left;
}
.summary_info UL {
	position: relative;
	list-style-type: none;
	margin: 0em 0px 0.4em 0px;
	padding: 0 5px 0 3px;
	font-size: 8pt;
}
.summary_info UL LI {
	list-style: none;
	padding: 0em 0 0.2em 8px;
	margin: 3px 0 0em 0;
	background-image: url(/images/bullet-4dot-blk.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.summary_info .ill IMG {
	border: 1px solid #666;
	padding: 0;
}
.figs_sidebar {
	position: relative;
	background-color: white;
	font-size: 80%;
	padding-left: 12px;
}

.figs_sidebar P {
	margin-top: 13px;
}
.figs_sidebar_inner {
	text-align: center;
}

.main_map IMG {
	border: none;
}

.figs_sidebar IMG {
	border: 1px solid #666;
	margin-bottom: 0.4em;
}

/********** MENU CONTAINER ***********************/

.headermenu {
	position: absolute;
	z-index: 100;
	top: 6px;
	right: 30px;
	width: 700px;
	height: 72px;
	padding: 0px;
	background-color: transparent;
}

.dropdown {
	position: relative;
	width: 700px;
	padding-left: 40px;
	margin-left: auto;
	margin-right: auto;
	background-color: none;
}

/*** ILLUSTRATIONS FOR HEADER *************************/

.ills4header {
	position: absolute;
	top: 90px;
	right: 30px;
}

.ills4header IMG {
	border: 1px solid #666;
}

/********* ILLUSTRATIONS ***************************/
TABLE.table_gallery {
	position: relative;
	border-collapse: collapse;
	margin: 1em 0;
	margin-left: auto;
	margin-right: auto;
}
TABLE.table_gallery TD{
	padding: 10px 15px;
}
.ill, .ill_left, .ill_right, .table_gallery {
	position: relative;
	margin-bottom: 1.5em;
	font-size: 8pt;
	text-align: center;
	line-height: 1.2em;
	color: #666;
}

.ill A, .ill_left A, .ill_right A {
	text-decoration: none;
}

.ill A:hover, .ill_left A:hover, .ill_right A:hover {
	text-decoration: underline;
}

.ill {
	font-weight: normal;
}

.ill_right {
	float: right;
	margin-left: 2em;
/*	clear: left; */
}

.ill_left {
	float: left;
	margin-right: 2em;
}

.ill IMG, .ill_left IMG, .ill_right IMG, .table_gallery IMG  {
	margin-bottom: 0.6em;
	border: 1px solid #666;
}

/*************** NICE TABLES ********************/

.simple_table {
	border-collapse: collapse;
	border-bottom: 1px solid #007dae;
	border-top: 1px solid #007dae;
	margin-bottom: 1em;
}

.simple_table TH {
	padding: 5px 10px 5px 0px;
	font-weight: bold;
	border-bottom: 1px solid #007dae;
}

.simple_table TD {
	padding: 5px 10px 5px 0px;
	border-bottom: 1px solid #F0F0F0;
}

.linedtable , .unlinedtable {
/*	border: 1px solid #dae9f8;  */
	border-collapse: collapse;
	empty-cells: show;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.linedtable TD, .unlinedtable TD {
	padding: 4px 9px; 
	font-size: 9pt;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #F0F0F0;
	vertical-align: top;
}

.linedtable TD {
	border-style: none dotted solid none;
}

.unlinedtable TD {
	border-style: none none solid none;
}

.linedtable TH , .unlinedtable TH {
	padding: 15px 5px 2px 8px;
	font-style: bold;
	color: black;
	font-size: 12pt;
	border-bottom: 1px solid black;
	text-align: left;
	
}

.linedtable A , .unlinedtable A {  
	text-decoration: none;
}

.linedtable A:hover , .unlinedtable A:hover {  
	color: #990000;
	text-decoration: none;
}

.sizecell {  
	text-align: right;
}

/*  *  *  *  *  *  *  *  *  *  *  *  * */
/* Small font, especially for use within tables. 
   Apply to <table> or to individual text bits. */
.smallfont TD{
	font-size: 8pt;
}