html,body{
	height:100%;
	margin:0;
	padding:0;
}

body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 110%;
	color:#000;
	padding:0;
	border:0;
	margin:0;
	background:#fff; 
	text-align:center;
	min-width:1000px;
	min-height:660px;
	}

body#newsp #newspage a,
body#prinp #desipage a,
body#projp #desipage a,
body#webp #desipage a,
body#advep #advepage a,
body#photp #photpage a,
body#biogp #biogpage a,
body#assop #assopage a,
body#contp #contpage a,
body#homep #homepage a {
	text-decoration: none;
   	color: blue;
	}
	
body#prinp #webpage a,
body#prinp #projpage a,
body#projp #prinpage a,
body#projp #webpage a,
body#webp #prinpage a,
body#webp #projpage a {
	color: black;
	}

#vertical{
	float:left;
	margin-top: 10px;
	/*height:50%;
	margin-top:-310px;'half' vertical height*/
	width:100%;
	}

#hoz {
	width:1000px; /* was 998 but gave problems with scroll bar in Firebox */
	margin-left:auto;
	margin-right:auto;
	height:630px; /* was 624,then 626 but gave problems with scroll bar in Firebox */
	overflow:auto;/* allow content to scroll inside element */
	text-align:left;
	clear:both;
	}

#wrapper {
	position: relative;
	height: 598px;
	border: 1px solid black;
	background: #fff url(images/largeK.jpg) no-repeat right top;
	}

#banner {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 954px;
	height: 108px;
	}

#bannerimage {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -54px;
	height: 108px;
	}
	
#bannerimagesq {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -54px;
	height: 155px;
	}

#bannerquote {
	position: absolute;
	top: 50%;
	right: 0;
	color: #888;
	text-align: right;
	margin: -10px 0 0 0;
	line-height: 20px;
	font-size: 65%;
	}

.quotetext {
	font-size: 110%;
	letter-spacing: 2px;
	}

#content {
	position: absolute;
	top: 110px;/*148px; first version with gallery below banner area*/
	left: 193px/*was 195px; 194 to correct for necessary 2px qdig thumbnail border */;
	height: 468px/*was 500px, beforet that: 430px*/;
	width: 803px/*780px homepage*/;
	overflow: auto;
	}

#centralpano {
	position: absolute;
	top: 71px;
	left: 2px;
	height: 237px;
	width: 780px;
	}
	
.centertext {
	text-align: center;
	margin-left: 342px;
	}
	
h2	{
	margin-top: 50px;
	margin-bottom: 1em;
	font-size: 14px;
	color: #87888A;
	font-weight: bolder;
	}
	
h3	{
	margin-top: 50px;
	margin-bottom: 2em;
	font-size: 13px;
	color: #9b9c9f;
	}
	
.centertext h3 {
	margin-top: 75px;
	}
	
#content p {
	color: #8E8EA0;
	font-size: .75em;
	line-height: 2em;
	}
	
#content a:link, #content a:visited {
	color: #808080;
	font-weight: bold;
	}

#content a:hover, #content a:active {
	text-decoration: none;
	color: #33ccff;
	}
	
#content .centertext p {
	color: #66b;
	}
	
.gswebdesign {
	position: absolute;
	top: 545px; /*510*/
	left: 415px; /*60*/
	height: 20px;
	width: 74px;
	}

.datebox {
	position: absolute;
	top: 480px;
	left: 70px;
	height: 25px;
	width: 60px;
	color: blue;
	font-size: 11px;
	text-align: center;
	}
	
.lpalogo {
	position: absolute;
	bottom: 23px;
	left: 30px;
	height: 55px;
	width: 170px;
	}
	
.w3cvalidation {
	position: absolute;
	top: 540px;
	left: 210px; 
	height: 31px;
	width: 200px;
	}

#footer {
	text-align: right;
	margin-top: 3px;
	font-size: 60%;
	color: gray;
	}
	
#footer a {
	font-size: 1.1em;
	}
	
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #808080;
	}

#footer a:hover, #footer a:active {
	text-decoration: none;
	color: #33ccff;
	}

	
/* MENU CSS */

/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */

.menu {
	position: absolute;
	top: 143px;
	left: 22px;
	margin: 7px;
	height: 240px;  
	font-size: 80%;
	font-family: arial;
	}

.menu ul {
	margin: 0pt;
	padding: 0pt;
	position: relative;
	/*z-index: 500;*/
	list-style-type: none;
	width: 7em;
	}

.menu li {
	background-color: transparent;
	float: left;
	}

.menu li.sub {
	background-color: transparent;
	}

.menu table {
	position: absolute;
	border-collapse: collapse;
	top: 0pt;
	left: 0pt;
	z-index: 100;
	font-size: 1em;
	margin-top: -1px;
	}

.menu a, .menu a:visited {
	border: 1px none #ffffff;
	display: block;
	text-decoration: none;
	height: 36px; /* Has to be done with pixels to make Nick's design work accurately on all browsers */
	line-height: 36px;
	width: 7em;
	color: #000000;
	padding-left: 1em;
	font-weight: normal;
	}

.menu b {
	float: right;
	margin-right: 30px; /*positions arrows*/
	}

* html .menu a, * html .menu a:visited {
	width: 7em;
	line-height: 2em;
	}

* html .menu a:hover {
	color: #33ccff;
	background-color: transparent;
	position: relative;
	font-weight: normal;
	text-decoration: none;
	}

.menu li:hover {
	position: relative;
	}

.menu a:active, .menu a:focus {
	color: #33ccff;
	background-color: transparent;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}

.menu li:hover > a {
	color: #33ccff;
	background-color: transparent;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}

.menu li ul {
	padding: 2em; 
	visibility: hidden;
	position: absolute;
	top: -2.7em;
	left: 4em; 
	background-color: transparent;
	}
	
.menu li ul li {
	height: 24px; /* spacing between the submenu items */
	line-height:24px;
	}

.menu li:hover > ul {
	visibility: visible;
	}

.menu ul a:hover ul ul {
	visibility: hidden;
	}

.menu ul a:hover ul a:hover ul ul {
	visibility: hidden;
	}

.menu ul a:hover ul a:hover ul a:hover ul ul {
	visibility: hidden;
	}

.menu ul a:hover ul {
	visibility: visible;
	}

.menu ul a:hover ul a:hover ul {
	visibility: visible;
	}

.menu ul a:hover ul a:hover ul a:hover ul {
	visibility: visible;
	}

.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
	visibility: visible;
	}

/* QDIG CSS */

table#qdig {
	margin-left: auto;
	margin-right: auto;
	}

.qdig-all-thumb-a {
	padding-right: 12px;
	}
	
#qdig-dirnav {
	color: blue;
	font-size: 90%;
	}
	
#qdig-dirnav b {
	font-weight: normal; /* to counteract the effect of the b tag that Qdig puts in automatically */
	}
	
#qdig-dirnav a:link, #qdig-dirnav a:visited {
	color: blue;
	}
	
#qdig-dirnav a:hover, #qdig-dirnav a:active {
	text-decoration: none;
	color: #6df;
	}
	
.qdig-caption {
	font-size: 60%;
	color: #6677bb;
	}
	
.qdig-navrow {
	font-size: 80%;
	}
	
#qdig-lowernav a:link, #qdig-lowernav a:visited {
	color: blue;
	}
	
#qdig-lowernav a:hover, #qdig-lowernav a:active {
	text-decoration: none;
	color: #6df;
	}
		
a {
	outline: none;
	} /* removes dotted line when clicking on image link in Firefox */

a img {
	border:1px solid silver;
	} /* this removes the horrible 2px blue borders round the thumbs in Firefox, and replaces with classy thin pale border - essential for images with white b/gs. For no border on any browser, inc. FF, replace by 'border:none' */
	
#centercontent {
	position: absolute;
	top: 129px;
	left: 194px;
	width: 800px;
	height: 465px;
	overflow:auto;
	color: #777;
	z-index: 3;
	}
	
.thumbnailbox {
	float: left;
	height: 90px;
	width: auto;
	}
	
img.floatleft {
	/*float: left;*/
	margin: 0 10px 15px 0;
	}	
	
.lpalogo a img {
border: none;
}
	
img#qdig-thumb-current { 
	border: 1px solid #3333ff; 
	} /* The 'you are here' highlight border round the appropriate thumb in the navigation row */
	
.gswebdesign a img {
	border:0;
	}