body {
font-family: verdana, arial, helvetica, sans serif;
margin: 0;
padding: 0;
}

a {
text-decoration: underline;
}
a:link {
color: #112D5D;
}
a:visited {
color: #112D5D;
}
a:hover {
color: #A92035;
}
a:active {
color: #A92035;
}

h1 {
font-size: 150%;
}

p {
font-size: 80%;
}

td {
font-size: 80%;
}

.description {
font-size: 80%;
}

.smallfont {
font-size: 75%;
}

.tinyfont {
font-size: 60%;
}

.normalfont {
font-size: 90%;
}

.largefont {
font-size: 105%;
color: #112D5D;
}

#border {
border: 15px solid #ccc;
margin-left: 5%;
margin-right: 5%;
max-width: 900px;
min-width: 650px;
}

.home_text_colour {
color: #A92035;
}

#header {
background-color: #D0E0E6;
height: 6.9em;
margin: 0;
padding: 0;
}

#header h1 {
font-size: 200%;
color: #A92035;
text-align: center;
margin: 0;
}

#header img {
border: none;
float: left;
margin: 0;
}

.heading {
color: #A92035;
}

.logo {
position: relative;
float: right;
}

.rightfloat {
position: relative;
float: right;
margin: 0 0 0 1em;
}

.leftfloat {
position: relative;
float: left;
margin: 0 1em 0 0;
}

#section {
clear: both;
}

.submenu {
text-align: center;
margin: 0.8em 0 0 0;
}

.submenu li {
display: inline;
padding: 0 1em 0 1em;
font-weight: bold;
margin: 0;
}
	
.submenu a {
color: #112D5D;
background: transparent;
text-decoration: none;
}

.submenu a:hover {
color: #A92035;
background-color: transparent;
border-top: solid #A92035;
border-bottom: solid #A92035;
border-width: thin;
text-decoration: none;
}

.submenu a#current {
color: #A92035;
border-top: solid #A92035;
border-bottom: solid #A92035;
border-width: thin;
}

#mainContent {
margin: 5px;
background-color: #fff;
padding: 5px;
height: 1%;
}

#pageborder {
border: 1px solid #ccc;
padding: 0 1em 1em 1em;
margin: 1em;
}

#paintingborder {
border: 1px solid #ccc;
margin: 3px;
}

.item {
float: left;
height: 16em;
border: 1px solid #ccc;
padding: 5px;
margin: 5px;
width: 47%;
background-color: #D0E0E6;
}
html>body #item {
min-height: 17em; 
height: auto;
}

.itemtext {
background: #D0E0E6;
}
.hptitle {
font-size: 120%;
color: #112D5D;
text-align: center;
}
.pictures {
position: relative;
float: left;
background-color: #eee;
padding: 2px 2px 0 2px;
border-style: none;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
margin-right: 5px;
}
.pictures a img {
	border: solid 2px #eee;
}
.pictures a:hover img {
border-color: #A92035;
}
.pictures a:hover {
	border-width: 0;
}

#hpnewworkbox {
float: left;
position: relative;
width: 320px;
height: 480px;
border: 2px solid #ccc;
background-color: #7e91af;
}
#hprotatebox {
height: 480px;
border: 2px solid #ccc;
background-color: #609a72;
margin-left: 330px;
}
#hprotate {
width: 230px;
border: 5px solid #ccc;
margin: 10px;
}
#hpnews {
float: right;
border: 2px solid #ccc;
width: 136px;
margin: 10px;
padding: 5px;
background-color: #baa963;
}
.hpitem {
float: left;
border: 1px solid #ccc;
margin: 3px;
background-color: #fff;
}

.hppictures {
position: relative;
float: left;
background-color: #eee;
padding: 2px 2px 0 2px;
border-style: none;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
}
.hppictures a img {
	border: solid 2px #eee;
}
.hppictures a:hover img {
border-color: #A92035;
}
.hppictures a:hover {
	border-width: 0;
}

.francepictures {
padding: 2px 2px 0 2px;
border-style: none;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
margin-right: 5px;
}

#catalogueTableMenu {margin: 0; padding: 0; font-size: 75%; font-weight: bold;}
#catalogueTableMenu li {display:inline; margin-right: 20px;}
.catalogue table {margin-bottom: 50px;}
.colgroup {background-color: #eee;}
.catalogue th {font-weight: bold; text-align: center;}
.catalogue td.image {text-align: center;}


#lightbox {
background-color: #eee;
padding: 10px;
border-top: 2px solid #aaa;
border-bottom: 2px solid #aaa;
border-right: 2px solid #aaa;
border-left: 2px solid #aaa;
}
	
#lightboxDetails {
font-size: 0.8em;
padding-top: 0.4em;
}
	
#lightboxCaption { 
float: left; 
}

#keyboardMsg { 
float: right; 
}

#lightbox img { 
border: none; 
} 

#overlay img { 
border: none; 
}

#enlarge {
background: url(Images/shadowAlpha.png) no-repeat bottom right !important;
background: url(Images/shadow.gif) no-repeat bottom right;
}

#enlarge img {
display: block;
border: 0;
margin: 0;
padding: 0;
}

#enlarge a:hover {
background-color:#fff;
}

#enlarge a .large {
width: 0; 
border: 0; 
padding: 0
}

#enlarge a:hover .large {
display: block; 
position: absolute; 
width: 160px; 
height: 200px; 
border: 5px solid #ccc; 
padding: 0;
}

#thumbnail {
list-style: none;
padding: 0;
margin: 0;
width: 180px;
position: relative;
float: right;
}

#thumbnail {
display: inline;
width: 40px;
height: 40px;
float: left;
margin: 0;
}

#thumbnail a {
display: block;
width: 40px;
height: 40px;
text-decoration: none;
}

#thumbnail a img {
display: block;
width: 40px;
height: 40px;
border: 0;
}

#thumbnail a:hover {
white-space: normal;
border-color: #ddd;
}

#thumbnail a:hover img {
position: absolute;
left: 50px;
top: 0;
width: auto;
height: auto;
border: 1px solid #000;
}

#footer {
clear: left;
background-color: #D0E0E6;
text-align: center;
padding: 0;
margin: 0;
height:25px;
}

#footer li {
display: inline;
list-style: none;
font-size: 80%;
}