/*=======
colours
main text: 30647e

========*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
}
body {
	font-size: small;
	font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
	color: #30647e;
	text-align:center;
	background: #fff;
	padding: 0 0 30px 0;
}
/*==========================================
general clearing for below floated elements 
==========================================*/
div.clearit {
	clear: both;
}
div#outerWrap {
	width: 890px;
	margin: 20px auto 0 auto;
	padding: 20px 0 0 0;
	text-align: center;
	background: #FFF;
	border-top: 1px solid #30647e;
}
/*=======================
contains both logo & menu
========================*/
div#banner {
	width: 866px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	background-color: #fff;
}
div#banner img {
	display: block;
	float: left;
}
div#banner ul#nav {
	width: 430px;
	float: right;
	text-align: right;
	list-style-type: none;
}
div#banner ul#nav li {
	line-height: 30px;
}
div#banner ul#nav li a:link, div#banner ul#nav li a:visited {
	color: #30647e;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
div#banner ul#nav li a:hover, div#banner ul#nav li a:focus {
	color: #849c62;
	background: url(../site_graphics/nav-hover-home.jpg) no-repeat 0px -35px;
}
div#banner ul#nav li a:active {
	color: #30647e;
	background: url(../site_graphics/nav-hover-home.jpg) no-repeat 0px 0px;
}
/*=========================
everything below the banner
==========================*/
div#lowerWrap {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #30647e;
}
div#thumbsWrap {
	width: 866px;
	margin: 0 auto;
}
div.thumbsCol {
	width: 273px;
	float: left;
	margin: 0 23px 0 0;
	display: inline;
}
div.thumbsColRight {
	float: right;
	margin: 0;
}
div.thumbsCol ul.thumbsUl {
	list-style-type: none;
	float: none;
}
div.thumbsCol ul.thumbsUl li {
	margin-bottom: 10px;
}
div.thumbsCol ul.thumbsUl li a:link, div.thumbsCol ul.thumbsUl li a:visited {
	width: 273px;
	margin-bottom: 10px;
	text-indent: -9000px;
	display: block;
	line-height: normal;
}
div.thumbsCol ul.thumbsUl li a.largeThumbs:link, div.thumbsCol ul.thumbsUl li a.largeThumbs:visited {
	height: 199px;
}
div.thumbsCol ul.thumbsUl li a.paintings:link, div.thumbsCol ul.thumbsUl li a.paintings:visited {
	background: url(../site_graphics/thumbs-painting.jpg) 0px 0px;
}
div.thumbsCol ul.thumbsUl li a.paintings:hover, div.thumbsCol ul.thumbsUl li a.paintings:active, div.thumbsCol ul.thumbsUl li a.paintings:focus {
	background: url(../site_graphics/thumbs-painting.jpg) 0px -199px;
}
div.thumbsCol ul.thumbsUl li a.smallThumbs:link, div.thumbsCol ul.thumbsUl li a.smallThumbs:visited {
	height: 121px;
}
div.thumbsCol ul.thumbsUl li a.news:link, div.thumbsCol ul.thumbsUl li a.news:visited {
	height: 121px;
	background: url(../site_graphics/thumbs-news.jpg) no-repeat 0px 0px;
}
div.thumbsCol ul.thumbsUl li a.news:hover, div.thumbsCol ul.thumbsUl li a.news:active, div.thumbsCol ul.thumbsUl li a.news:focus {
	background: url(../site_graphics/thumbs-news.jpg) no-repeat 0px -121px;
}
div.thumbsCol ul.thumbsUl li a.teaching:link, div.thumbsCol ul.thumbsUl li a.teaching:visited {
	height: 121px;
	background: url(../site_graphics/thumbs-teaching.jpg) no-repeat 0px 0px;
}
div.thumbsCol ul.thumbsUl li a.teaching:hover, div.thumbsCol ul.thumbsUl li a.teaching:active, div.thumbsCol ul.thumbsUl li a.teaching:focus {
	background: url(../site_graphics/thumbs-teaching.jpg) no-repeat 0px -121px;
}
div.thumbsCol ul.thumbsUl li a.biography:link, div.thumbsCol ul.thumbsUl li a.biography:visited {
	background: url(../site_graphics/thumbs-biography.jpg) 0px 0px;
}
div.thumbsCol ul.thumbsUl li a.biography:hover, div.thumbsCol ul.thumbsUl li a.biography:active, div.thumbsCol ul.thumbsUl li a.biography:focus {
	background: url(../site_graphics/thumbs-biography.jpg) 0px -199px;
}
div.thumbsCol ul.thumbsUl li a.illustration:link, div.thumbsCol ul.thumbsUl li a.illustration:visited {
	background: url(../site_graphics/thumbs-illo.jpg) 0px 0px;
}
div.thumbsCol ul.thumbsUl li a.illustration:hover, div.thumbsCol ul.thumbsUl li a.illustration:active, div.thumbsCol ul.thumbsUl li a.illustration:focus {
	background: url(../site_graphics/thumbs-illo.jpg) 0px -199px;
}
div.thumbsCol ul.thumbsUl li a.contact:link, div.thumbsCol ul.thumbsUl li a.contact:visited {
	height: 121px;
	background: url(../site_graphics/thumbs-contact.jpg) no-repeat 0px 0px;
}
div.thumbsCol ul.thumbsUl li a.contact:hover, div.thumbsCol ul.thumbsUl li a.contact:active, div.thumbsCol ul.thumbsUl li a.contact:focus {
	background: url(../site_graphics/thumbs-contact.jpg) no-repeat 0px -121px;
}
/*====================
text at bottom of page
=====================*/
div#introText {
	margin: 10px 0 0 0;
	padding: 10px 0;
	border-top: 1px solid #30647e;
	border-bottom: 1px solid #30647e;
	text-align: left;
}
div#introText div.leftCol {
	width: 435px;
	float: left;
}
div#introText div.leftCol p {
	padding: 0 0 0 20px;
}
div#introText div.righttCol {
	width: 435px;
	float: right;
}
div#introText div.rightCol p {
	padding: 0 25px 0 0;
}
/*============
copyright etc
=============*/
div#footer {
	font-weight: bold;
	padding: 5px 20px;
	text-align: right;
}