html, body, div, img, p, h1, h2, h3, h4, ul, ol, li, table, td { margin: 0; padding: 0; }

body, table, th, td, form { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.8em;
	color: #7a7a7a;
}

body { position: relative; margin-top: 20px; }

img { display: block; border: 0; }

a:link, a:visited { color: #7a7a7a; text-decoration: underline;}
a:hover { color: #444;}

ul, ol { list-style-type: none; }

div#top-nav {
	position: absolute;
	top: 10px; left: 20px;
	background-image: url(images/title.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 60px;
	width: 108px;
}

div#top-nav li {
	text-align: right;
	color: #7d7d7d;
	/*background-color: #e1e1e1;*/
	height: 2.2em;
	line-height: 2.2em;
}

div#top-nav a:link, div#top-nav a:visited {
	color: #7d7d7d;
	background-color: #fff;
	text-decoration: none;
	display: block;
	height: 2.2em;
	padding-right: 0.5em;
}

div#top-nav li.current a:link, div#top-nav li.current a:visited {
	background-color: #e1e1e1;
}

div#top-nav a:hover, div#top-nav li.current a:hover {
	color: #7d7d7d;
	background-color: #d0d0d0;
}

/* Styles for Paintings page
   ======================== */

div#paintings-nav {
	position: absolute;
	top: 260px;
	left: 62px;
	width: 158px;
}

div#news {
	position: absolute;
	top: 320px;
	left: 20px;
	width: 115px;
	font-size: 90%;
	background-color: #eee;
	line-height: 1.5em;
	padding: 5px;
}

div#news h3 {
	font-size: 100%;
}

div#news p {
	margin: 0; padding: 0;
}

div#details {
	position: absolute;
	top: 420px; left: 20px;
	width: 158px;
}

div#details p { 
	margin: 0.5em 0;
	line-height: 1.4em;
	line-height: 1.4em;
	font-style: italic;
	color: #aaa;	
}

div#details p#title { font-style: normal; color: #7a7a7a}

a#prev:link, a#prev:visited, a#next:link, a#next:visited {
	display: block;
	float: left;
	margin-right: 10px;
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 26px;
	height: 31px;
	background-color: #ddd;
	text-indent: -1000px;
	text-decoration: none;
	margin-bottom: 10px;
	overflow: hidden;
}

a#prev:link, a#prev:visited {
	background-image: url(images/prev.gif);
}

a#next:link, a#next:visited {
	background-image: url(images/next.gif);
}	

a#prev:hover, a#next:hover {
	background-color: #b8b8b8;
	background-position: top left;
}

a#prev:active, a#next:active {
	outline: none;
}
	
div#slide, div#page, div#thumbs {
	width: 600px;
	margin: 10px auto 0 25%;
}

div#slide { 
	text-align: center;
} /*IE hack to centre painting*/

div#slide img {
	margin: 0 auto;
}

div#page {
	background-image: url(images/page-middle.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

p, ol {
	margin: 1em 25px;
}

ul.normal { margin: 1em 0 0 25px; }

h1 {
	font-size: 12px;
	text-indent: -3000px;
	background-position: top left;
	background-repeat: no-repeat;
	width: 600px;
	height: 44px;
}

h1#about { background-image: url(images/about-header.gif);}
h1#exhibitions { background-image: url(images/exhibition-header.gif);}
h1#contact { background-image:url(images/contact-header.gif);}
h1#reviews { background-image:url(images/reviews-header.gif);}
h1#funwithanimals { background-image:url(images/fun-with-animals-header.gif);}

div#footer {
	background-image:url(images/footer.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 14px;
}

div#footer p { color: #bbb; font-style: italic; }


/* THUMBNAILS PAGE */
div#thumbs td { text-align: center; }

div#thumbs td a { display: block; }

div#thumbs a img {
	display: block;
	width: auto;
	margin-left: auto; margin-right: auto;
	border-width: 0;
}

/* Exhibitions page */
div#page table { margin: 0 25px; }
div#page th {
	vertical-align: top;
	padding-right: 1em;
	font-weight: normal;
	color: #aaa;
}

h2 { color: #bbb; letter-spacing: 0.1em; font-size: 120%; margin: 1.6em 25px 0.5em; }
.review h3 { color: #bbb; letter-spacing: 0; font-size: 100%; margin: 1.5em 25px 0.5em; font-style: italic; font-weight: normal; }

h2#links {
	background: transparent url(images/related-sites-heading.gif) left top no-repeat;
	width: 124px; height: 17px;
	text-indent: -999em;
}

img#georgia {
	float:left;
	border: 2px solid #bbb;
	width: 152px;
	height: 150px;
	margin: 18px 20px 10px 25px;
}

* html img#georgia { margin-left: 12px; } /*hack deals with IE doubling margin on floats*/


/* Hack for temporary news item - */
div#tempnews {
	position: absolute;
	top: 205px;
	left: 20px;
	width: 97px;
	font-size: 90%;
	line-height: 1.5em;
	padding: 5px;
	text-align: right;
	font-style: italic;
}

div#news h3 {
	font-size: 100%;
}

div#news p {
	margin: 0; padding: 0;
}