/* fixed width centered page 
http://www.pmob.co.uk/temp/3colcentred_2a.htm
http://www.pmob.co.uk/temp/3colcentred_2.css
based on dona's dt_2col.css*/

/* mac hide commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end mac hide hack */ 
html, body { 
	font-size:100%;
	padding:0;
	margin:0;}

body {
	background:white; 
	color: #333399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
/* to center page */
	min-width:780px;/* for mozilla*/
	text-align:center;
}

/*** reset browser defaults ***/
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre
{margin: 0; padding: 0;}
    /* no top and bottom margins on nested lists */
ul ul, ul ol, ul dir, ul menu, ul dl, ol ul, ol ol, ol dir, ol menu, ol dl, dir ul, dir ol, dir dir, dir menu, dir dl, menu ul, menu ol, menu dir, menu menu, menu dl, dl ul, dl ol, dl dir, dl menu, dl dl
  {margin-top: 0; margin-bottom: 0;}
    /* no borders on images, img links or tables */
img, a img, :link img, :visited img {border: none}
table {border-collapse: collapse;}
table, td, caption { font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit;}

/*** text format  ***/
pre, code { font-size:1em;}
strong, b {font-weight: bold;}
  
h1, h2, h3, h4, h5, h6 { color: #F9a205; margin-top: .5em;}
h1 { font-size: 1.8em;}
h2 { font-size: 1.3em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.1em;}
h5 { font-size: 1em;}

a:link {color:#c61402; text-decoration: underline;}
a:visited {color: #990000; text-decoration: underline;}
a:hover {color:#ff6600;}
a:active {color: #ff3300;}

ol, ul, li { font-size: 1.0em; line-height: 130%; margin: .5em 0 1em 1.5em;}
li { margin: .5em 0 .5em 1.5em;}

p { font-size: 1.1em; 
    font-weight:bold;
    line-height: 130%; 
	padding:.5em 0 .5em 0;}
li > p { margin-top: 0.2em;}


/***** layout *****/
#outer{
	height:100%; /* for IE */
	min-height:100%;/* for moz */
	width:780px;
	text-align:left; 
	position:relative;
	margin:auto;	
	margin-bottom:-8em; /* match footer depth  */
	margin-top:0/*10px*/; 
	padding:0;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#FFF; /* center bg color */
	color: #333399;} 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/


/* Suzy has no header but just in case:
each page calls an empty include, 
header css is in dt_header.css */
#clearheader{height:0;margin:0;}/* match height of header + header2 */

#leftcol {
	position:relative; /* ie needs this to show float */
	float:left;
	width:120px;
	z-index:100;
	/*background:yellow;*/}
* html #leftcol {padding-bottom:0/*12em*/;margin-right:-3px;}/*fix gap in IE next to float and clear footer because we've moved float too far left*/

#leftcol p {padding-left:3px;padding-right:2px}

/**** nav sprites ****/
ul#navbox {
	list-style-type: none;
	overflow: hidden;
	padding: 0;margin: 30px 0 0 15px;
	background:transparent url(images/nav-sprite.gif) no-repeat;
	position: relative;top: 2px;left: 0;
	width: 75px;height: 150px; }

ul#navbox li a {
	text-indent: -1000em;
	text-decoration: none;overflow: hidden;
	padding: 0;
	display:block;
	background:transparent url(images/nav-sprite.gif) no-repeat;
	position: absolute;left: 0;width: 75px;}
													
ul#navbox li#home     a 	  { background-position:   0px   0px;  top:  0px;height:24px;}
ul#navbox li#home     a:hover { background-position: -75px   0px; }
ul#navbox li#port     a 	  { background-position:   0px -24px;  top: 24px; height:24px;}
ul#navbox li#port     a:hover { background-position: -75px -24px; }
ul#navbox li#about    a 	  { background-position:  0px  -48px;  top: 48px; height:24px;}
ul#navbox li#about    a:hover { background-position: -75px -48px; }
ul#navbox li#contact  a 	  { background-position:  0px  -72px;  top: 72px; height:24px;}
ul#navbox li#contact  a:hover { background-position: -75px -72px; }


/**** footer ****/

#footer {
	width:778px; /* for centered layout */
	clear:both;
	height: 5em;
	border-top:solid .1em #99c;		
	text-align:center;
	position: relative; margin:auto;}
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
* html #footer {/*only ie gets this style*/
	\height:5em;/* for ie5 */
	he\ight:5em;/* for ie6 */
}

#footernav { }
#footernav p { line-height:150%;}
#footernav .here,  
#footernav a {
	padding-left: 6px;
	padding-right: 7px;
	border-right: solid 1px #99c;
	white-space: nowrap;}
#footernav a:link {text-decoration:none;}
#footernav a:visited {text-decoration:none;color:#c61402;}
#footernav a:hover {text-decoration:underline;color:#ff6600; }
#footernav .last { border-right:none;}
#footernav .email a { border-right:none; text-decoration:underline;font-weight:bold;}
.copyright { color: #99c; font-size: 1em; font-weight:normal; }

div,p  {margin-top:0}/*clear top margin for mozilla*/

/**********   center col  *********/

* html #centercol {height:1%;margin-bottom:8px}/* combat IE's 3 pixel jog */

#centercol {
	width:650px;
	position:relative;
	z-index:1;margin: 0 0 0 120px;/*background:pink;*/}
	
#mainsubhead {margin:4px 0 0 20px;}
.gallerynav {font-weight: bold;/*padding-bottom:0;margin-bottom:-.5em;*/ }
.gallerynav a:visited {color:#c61402;}
.gallerynav a:hover {color:#ff6600;}

#gallerymain {width:500px; /*margin:-20px auto 12px auto;*/ margin:-20px 0 12px 20px; text-align:center;      /*background:#ccc;*/} 
#gallerymain img {margin:6px auto; border:1px solid #ccc;border-width:1px 2px 2px 1px;}
/*#gallerymain {width:500px; margin:-20px auto 12px 65px;    } 
#gallerymain img {margin:6px 0 6px 0; border:1px solid #ccc;border-width:1px 2px 2px 1px;}*/
.thumbgallery {margin:10px 0 0 10px;} /*{margin-top:10px;}*/
.thumbgallery div {text-align:center;float:left;width:202px;height:210px;margin: 0 10px 0 0;}
.thumbgallery a img       {border:1px solid #ccc;border-width:1px 2px 2px 1px;}
.thumbgallery a:hover img {border:1px solid #555;border-width:1px 2px 2px 1px;margin:-1px 0 0 1px;}/*margin makes it jump*/



#clearfooter {clear:both;height:9em;} /* match footer height + border */
* > html #clearfooter {float:left;width:100%; height:1px;}/* IEmac */

html > body #minHeight {
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-12em;} /* match footer depth*/
	/*safari wrapper thanks to Tim Connor*/
	

.nowrap {white-space: nowrap;}
.smaller {font-size: .9em;}

h1 .smaller {font-size: .7em;color:#9C3;}/*editorial*/
h1.smaller {font-size: 1.2em;color:#9C3;} /*animals*//*things*/

.clear {clear:both;}


/** layout based on www.pmob.co.uk/temp/3colfixedtest_4.htm -- thanks Paul!
Other CSS credits to http://www.positioniseverything.net/ -- thanks Holly & John!!   **/