/* fixed width centered page 
http://www.pmob.co.uk/temp/3colcentred_2a.htm
http://www.pmob.co.uk/temp/3colcentred_2.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: #CC6666;
	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: #FF6600;
	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:#009999/*#0000ff #FF9900*/; text-decoration: underline;}
a:visited {color:#009999/*#0000ff #FF9900*/; text-decoration: underline;}
a:hover {color: #99CC33/*#99CC99*/;}
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: #CC6666;} 
/* * html #outer {height:100%} for IE as IE treats height as min-height anyway */
html>body #outer {height:auto;} /*for mozilla as IE treats height as min-height anyway*/

/***** test layout *****/

#testbox {width:500px;background:yellow;margin:auto;color: #CC6666;}
/*#outer {width:400px;background:pink;margin:auto;color: #CC6666;}*/

/* DT 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:100px;
	/*margin-left:-99px;  1px less than width to push footer down - delete for centered page layout */
	z-index:100;
	/*padding-bottom:8em; needed to make room for footer */
	/*left:-1px; delete for centered page layout  
	background:green;*/}
* 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 images */
#dt {margin:10px 2px;}
#birdie {margin:2px 0 2px 4px;}
#leftcol p {padding-left:3px;padding-right:2px}
/**** nav sprites ****/

/*#navboxwrap {padding: 0; margin: 0;	width: 100px; height: 400px;}*/

ul#navbox {
	list-style-type: none;
	overflow: hidden;
	padding: 0;margin: 30px 0 0 0;
	background:transparent url(assets/nav05.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(assets/nav05.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; }

/**** text nav buttons ****/
/**** deleted - see dt_2col_1.css ****/
/**** css for text nav buttons is here: dt_text_navbuttons.css ****/


/***** layout for three col with #rightcol: add dt_3col.css *****/
/**** deleted - see dt_2col_1.css ****/


#footer {
width:778px; /* for centered layout */
	clear:both;
	height: 5em;
	border-top:solid .1em #F99;
	/*background: #FFF9E5 url(assets/m05_dona.gif) repeat;*/		
	color: #000000;
	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 {

	background: #FFF; }
#footernav p { line-height:150%;}
#footernav .here,  
#footernav a {
	padding-left: 6px;
	padding-right: 7px;
	border-right: solid 1px #ccc;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;}
#footernav a:link {text-decoration:none; color:#009999/*#00f#F99*/;}
#footernav a:visited {text-decoration:none; color:#009999/*#00f#F99*/;}
#footernav a:hover { color:#99CC33/*#F60*/;}
#footernav .last { border-right:none;}
#footernav .email a { border-right:none; text-decoration:underline;font-weight:bold;}
.copyright { color: #666; 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:670px;
	position:relative;
	z-index:1;margin: 0 0 0 100px;
	/*margin-left:100px;
	min-width:300px; background:#ddd;*/}
	
#title {margin:4px 0 0 0;}
.gallerynav {font-weight: bold;padding-bottom:0;margin-bottom:-.5em;}
#gallerymain {width:500px; margin:12px auto;
/*background:#fff;text-align:center;*/} 
/*#gallerymain h1 {text-align:left;margin:0 0 0 -84px;}*/
#gallerymain img {margin:6px auto;}
.thumbgallery {margin-top:10px/*30px*/;}
.thumbgallery div {text-align:center;float:left;width:202px;height:210px;margin: 0 10px 0 0;}
/*.thumbgallery a:hover img {margin:-2px 0 0 2px;}margin makes it jump*/
.thumbgallery a:hover img {margin:0 0 0 0;} /* Dona sees too much jumping, test delete margins  */

.spread #spreadinfo {float:left; width:280px;margin:15px 0 0 0;}
.spread #spreadinfo h1 {margin-top:0;}
.spread #spreadinfo p {font-weight:bold;}
.spread img {margin-bottom:10px;margin-right:10px;}
.spread .cover {float:left;margin:15px 10px 10px 0; }

#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*/
	
/*about*/
.clients { font-weight: bold; font-size:1em; color:#C66;}
.published { font-weight: bold; font-size:1em; color:#9C6;}
.moreart p {font-weight: bold; font-size:1em; color:#9C6;}
.bio { font-weight: bold; font-size:1em; color:#CC6600; width:520px;}
.statement { font-weight: bold; font-size:1em; color:#3399CC;width:520px;}


.alt1 {color: #F60;}
.nowrap {white-space: nowrap;}
.blue {color: #004E91;}
.smaller {font-size: .9em;}

h1 .smaller {font-size: .7em;color:#9C3;}/*editorial*/
h1.smaller {font-size: 1.2em;color:#9C3;} /*animals*//*things*/
.publication {white-space: nowrap;font-style: italic;font-size: .9em;}

.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!!   **/