/* Created using Style Master from Western Civilisation CSS1 { 44 14 693 498 } */

/* This gives the BODY properties to the landscapes page as well as the pages at the first level in. The background image is given as an absolute URL to make it work in Netscape. */

body { background-color: #FFFFFF;
background-image: url(gifs/top_banner.gif);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
margin: 0em;
text-decoration: none;
padding: 0em; }

#frontpagenavbar { background-color: #FFFFFF;
border: 2px black solid;
position: relative;
margin-top: 100px;
margin-left: 20px;
margin-right: 20px;
color: #6B6B64;
font-weight: bold;
font-size: 0.9em;
padding-left: 420px;
padding-top: 13px;
padding-right: 20px;
height: 538px; }

#frontpagenavbar p { border-bottom: 1px #ece8cf dotted; }

#frontpagenavbar p.sub { margin-left: 30px;
border-bottom: none;
margin-bottom: 5px;
margin-top: 0px; }

#frontpagenavbar p a:link { text-decoration: none; }

#frontpagenavbar p a:visited { text-decoration: none; }

#frontpagenavbar p a:hover { text-decoration: none;
color: #333333;
background-color: #FFFFFF; }

/* This gives the BODY properties to the pages at the lowest level, with the large paintings on them. These pages have a different background image to those at the higher level. The background image is given as an absolute URL to make it work in Netscape. */

body.small { background-color: #FFFFFF;
background-image: url(gifs/small_sand_blur.gif);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif; }

/* These properties are just for the headings on the resume page. */

h1 { color: #585a51;
border-bottom: 1px black solid;
margin-left: 0em; }

h2 { color: #585a51; }

h3 { color: #585a51; }

a:link { color: #585A51;
text-decoration: none;
background-color: #FFFFFF; }

a:visited { color: #585A51;
text-decoration: none;
background-color: #FFFFFF; }

a:hover { color: #333333;
text-decoration: none;
background-color: #FFFFFF; }

a:active { color: #585A51;
text-decoration: none;
background-color: #FFFFFF; }

a:link img { border: none;
text-decoration: none;
background-color: #FFFFFF; }

a:visited img { border: none;
text-decoration: none;
background-color: #FFFFFF; }

a:hover img { border: none;
text-decoration: none;
background-color: #FFFFFF; }

a:active img { border: none;
text-decoration: none;
background-color: #FFFFFF; }

/* This makes all the text, including that in DIVs appear correctly in Netscape. */

p { font-family: Arial, Helvetica, sans-serif; }

img.floatright { float: right;
margin-top: 1em;
margin-bottom: 1em;
margin-left: .5em;
padding-right: 10px; }

img.floatleft { float: left; }

/* This makes the background of the headings on the resume page extend across the whole page in Netscape. */

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif;
width: 100%; }

/* Genral appearance for all the navigation bars. */

p.navbar {
	text-align: center;
	color: #585A51;
	background-color: #FFFFFF;
	padding: 3px;
	font-size: 14px;
	text-decoration: none;
}

p.navbar a:link.current { color: #585a51;
text-decoration: none;
background-color: #FFFFFF; }

p.navbar a:visited.current { color: #585a51;
text-decoration: none;
background-color: #FFFFFF; }

p.navbar a:hover.current { color: #585a51;
text-decoration: none;
background-color: #FFFFFF; }

/* These are for the navbars on the section index pages - the numbers indicate how many rows of paintings fit above this navbar. */

#indexnavbar5 { position: absolute;
top: 940px;
left: 3.05%;
width: 94%; }

#indexnavbar12 { position: absolute;
top: 2095px;
left: 3.03%;
width: 94%;
height: 200px; }

#indexnavbarflowon { position: relative;
width: 94%; }

/* This navbar is used all of the pages with the large paintings on them, and the index pages that only have two lines of paintings. */

#navbar { color: #585A51;
text-align: center;
background-color: #FFFFFF;
margin: 0px;
padding-top: 0.5em;
padding-right: 1em;
padding-left: 1em;
position: absolute;
text-decoration: none;
z-index: 5;
visibility: visible;
width: 90%;
top: 540px;
left: 3%;
padding-bottom: 0.5em; }

/* This creates the general link appearance. */

#navbar a:link { background-color: #FFFFFF;
color: #585A51;
text-transform: lowercase;
text-decoration: none; }

#navbar a:visited { background-color: #FFFFFF;
color: #585A51;
text-decoration: none; }

#navbar a:hover {
	background-color: #FFFFFF;
	color: #585a51;
	text-decoration: none;
}

#navbar a:active {
	background-color: #FFFFFF;
	color: #585a51;
	text-decoration: none;
}

/* For level 3 of the site: This highlights the text in the navigation bar to show which section of the site you are currently in. This text will also be linked to the main page for that section. */

#navbar a.current:link { background-color: #FFFFFF;
color: #585a51;
text-decoration: none;
}

#navbar a.current:visited { background-color: #FFFFFF; text-decoration: none;
color: #585a51; }

.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	text-transform: lowercase;
	color: #6B6B64;
}