html{height: 100%;}

body
{ font-family: Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  background: #601818 url(images/background.gif) top left repeat-x;
}
body a {
	color: #530000;
text-decoration:none;

	}
	body a:hover {
	color: #C03030;
text-decoration:none;

	} 
p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}



.bullet {
	font-size: 12px;
	background: url(images/bullet.jpg) left center no-repeat;
	text-align: left;
	line-height:140%;
	margin-left:0px;
padding-left:20px;
}
#main { 
width: 850px;
margin-left: auto; 
margin-right: auto;
margin-top: 0px;
}

.wrapper {
width: 850px;
margin-top: 10px;
background: url(images/content-background.jpg) repeat-y left top; 
}
#footer { 
  margin-left: 5px; 
  margin-right: auto;
margin-top:5px;
  padding: 0px 20px 0px 0px;
  width: 850px;
  height: 40px;
  font-size: 10px;
  margin-top:0px;  
  text-transform: uppercase;
  text-align:center;
  background: url(images/footerbar1.jpg) no-repeat bottom left;
}
#footer p {
color: #800000;
padding-top:10px;
}
#footer a{
color:#530000;
font-weight:bold;
text-decoration: none;
}
#footer a:hover{
text-decoration: none;
font-weight:bold;
color:#C03030;
}
#footer p span {
float:right;
clear:none;
text-align:right;
font-size:9px;
width:300px;
margin-right:10px;
color:#530000;
padding-bottom:2px;
}
#footer p span a{
color:#601818;
text-decoration:none;
}
#footer p span a:hover {
color:#800000;
text-decoration:none;
}

#logo{
  width: 850px;
background: url(images/banner.jpg) left top no-repeat;
  height:120px;
margin:15px 5px 0px 5px;
   }
#menu{ 
height: 40px;
width: 848px;
background-color:#800000;
border-left:1px solid #C05656;
border-right:1px solid #C05656;
border-bottom:1px solid #C05656;
margin:0px 0px 5px 5px;
padding-top:10px;
z-index:1000;
  }
#menu ul{
padding-left:0px;
margin-top:0px;
margin-bottom:0px;
padding-top:10px;
padding-bottom:0px;
text-align:center;
margin-left:0px;
height:40px;
}

#menu ul li{
display: inline;
list-style-type: none;
margin-top:0px;
height:40px;
font-size:12px;
margin-left: 10px;
}

#menu ul li a {
padding: 3px 25px 3px 25px;
color: #530000;
height:40px;
background-color:#FFFFFF;
border:1px solid #C03030;
font-weight: bold;
text-decoration: none;}

#menu ul li a:link {
color: #530000;
background-color:#FFFFFF;
border:1px solid #C03030;
width:100px;
font-weight: bold;
text-decoration: none;
margin-top:10px;
margin-bottom:0px;
}

#menu ul li a:hover, #menu ul li a#selected{
color: #FFFFFF;
background-color:#C03030;
border:1px solid #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#navcontainer { 
width: 234px;
margin-top:0px;
background-color:#C03030;
margin-bottom:10px; 
}
#navcontainer ul p{ 
width: 234px;
font-size:14px;
font-weight:bold;
margin-top:0px;
color:#FFFFFF; 
}

#navcontainer ul{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
width: 234px;
background-color:#C03030;
}

#navcontainer li {
margin: 2px 2px 2px 2px;
padding-left:0px;
width: 225px;
line-height: 200%;
background-color:  #800000;
font-size: 12px;
color: #FFFFFF;
font-weight:bold;
}

#navcontainer ul li a{
display: block;
width: 234px;
background-color:  #02315F;
font-size: 12px;
line-height: 200%;
}

#navcontainer ul li a:link{
color: #C05656;
padding-left:10px;
text-decoration: none;
font-weight:bold;
}

#navcontainer ul ul li a {
display: block;
padding-left: 10px;
width: 220px;
margin:0px 2px 0px 2px;
line-height:180%;
background-color: #530000;
color:#C05656;
font-size: 12px;
text-decoration:none;
}

#navcontainer ul ul li a:hover {
background-color: #FFFFFF;
color: #601818;
padding-left:10px;
width:220px;
text-decoration:none;
}

/* selected states */
#navcontainer ul li a#current{
font-weight: bold;
color: #FFC871;
background-color: #02315F;
text-decoration:none;
}

#navcontainer ul ul li a#subcurrent{
font-weight: bold;
color: #601818;
padding-left:10px;
width:220px;
background-color: #FFFFFF;
text-decoration:none;
}

#centreleft1 {
float:left;
clear:none;
width:850px;
margin:0px 5px 5px 5px;
background: url(images/content-background.jpg) repeat-y left top;
}
#centreleft {
float:left;
clear:none;
width:605px;
border-top: 1px solid #C05656;
border-bottom: 1px solid #C05656;
padding:5px 0px 10px 5px;

}
#centreleft h1{ 
width:550px;
color:#601818;
padding: 15px 0px 4px 0px; 
  margin: 15px 20px 5px 20px; 
  font-size: 16px;
  font-weight: bold;
}
#centreleft h2{ 
color:#601818;
text-align:left;
font-size:14px;
padding: 6px 0px 4px 0px; 
  margin: 10px 20px 10px 20px; 
  line-height:150%;
  font-weight: bold;
}
#centreleft h3{ 
color:#A69600;
width:200px;
text-align:left;
border-bottom:1px solid #439CD4;
padding: 0px 0px 4px 0px; 
  margin: 0px 10px 12px 10px; 
  font-size: 100%;
  font-weight: bold;
}
#centreleft p{
color: #333333;
font-size:12px;
padding: 6px 20px 6px 20px;
line-height:150%;
}
#centreleft ul {
color:#333333;
list-style-type:none;
margin:2px 0px 2px 20px;
}
#centreleft li {
margin-left:15px;
font-size:12px;
background: url(images/bullet.gif) top left no-repeat;
padding:2px 0px 0px 14px;
font-family:Arial, Helvetica, sans-serif;
line-height:150%;
}
#centreleft p.inset{
color: #333333;
font-size:12px;
padding: 12px 10px 15px 10px;
line-height:130%;
}
#centreleft a {
color:#530000;
text-decoration:none;
}
#centreleft a:hover {
color: #C03030;
text-decoration:none;
}
#centreright{ 
float:right;
clear:none;
padding:0px 5px 5px 5px;
width:230px;
}

#centreright h1{ 
color:#601818;
width:185px;
padding: 0px 0px 4px 0px; 
 margin: 10px 10px 5px 15px; 
 font-size: 16px;
 font-weight: bold;
}
#centreright h2{ 
color:#A69600;
width:175px;
text-align:left;
padding: 6px 0px 4px 0px; 
  margin: 30px 10px 12px 10px; 
  font-size: 140%;
  font-weight: bold;
}
#centreright h3{ 
color:#A69600;
width:175px;
text-align:left;
border-bottom:1px solid #439CD4;
padding: 0px 0px 4px 0px; 
  margin: 0px 10px 12px 10px; 
  font-size: 100%;
  font-weight: bold;
}
#centreright p{
color: #333333;
width:210px;
font-size:12px;
padding: 12px 5px 15px 15px;
line-height:140%;
}
#centreright p span{
color: #530000;
font-weight:bold;
line-height:140%;
}
#centreright ul {
float:left;
clear:none;
text-align:left;
list-style-type:none;
font-size:12px;
line-height:150%;
}
#centreright ul li {
margin-left:0px;
line-height:150%;
}
#centreright p.inset{
color: #FFFFFF;
font-size:12px;
padding: 12px 10px 15px 10px;
line-height:130%;
}


form{margin-top: 0px;}

div.row
{ clear: both;
  width: 450px;
}

div.row span.formlabel 
{ float: left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin-left:20px;
  width: 150px;
  text-align: left;
}

div.row span.forminput
{ float: right;
  text-align: right;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
} 
div.row span.select
{ float: right;
  text-align: right;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
} 

div.row span.forminput1
{ float: right;
margin:5px 205px 5px 0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;  
} 
div.spacer
{ clear: both;
  width: 80px;
}

input, textarea
{ width: 250px; 
  font-family:Arial, Helvetica, sans-serif;
  border: 1px solid;
  font-size: 100%;
  margin: 2px;
}

.submit{ 
font-family:Arial, Helvetica, sans-serif;
  width: 70px;
  height: 22px;
  cursor: pointer;
  font-size: 100%;
    }
.thumbnail_left {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
margin-left:0px;
  border:0px;
}

.thumbnail_right {
  float:right;
  margin-left:10px;
margin-right:0px;
  margin-bottom:10px;
  }
.thumbnail_right1 {
  float:right;
  margin-left:10px;
  margin-bottom:35px;
  border:0px;
}
.thumbnail_right2 {
  float:right;
clear: none;
  margin:0px;
padding:0px;
  }

#lightbox{
	background-color:#439CD4;
	padding: 10px;
	border: 2px solid #D0E7F4;
		}
#lightboxDetails{
	font-size: 0.8em;
color:#FFFFFF;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
#gallery {
text-align:center;
}
.photo {
margin:1px 3px 1px 3px;
text-align:center;
width:190px;
}
.photo img {
background-color:#FFFFFF;
padding:3px;
position:relative;
margin:0px 5px 0px 5px;
}
.photo p a {
text-decoration:none;
color:#530000;
}
.photo p a:hover {
text-decoration:none;
color:#C05656;
}
div.spacer
{ clear: both;
  width: 80px;
}

.figure1 {
float:left;
width: 190px;
margin: 0 3px 0px 3px;
}
.figure1 p{
text-align:center;
}
.figure1 p a{
text-align:center;
text-decoration:none;
line-height:110%;
font-size: 12px;
font-weight:bold;
color: #C05656;}

.figure1 p a:hover{
text-align:center;
text-decoration:none;
line-height:110%;
font-size: 12px;
font-weight:bold;
color: #530000;}
html{height: 100%;}

body
{ font-family: Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  background: #601818 url(images/background.gif) top left repeat-x;
}
body a {
	color: #530000;
text-decoration:none;

	}
	body a:hover {
	color: #C03030;
text-decoration:none;

	} 
p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}



.bullet {
	font-size: 12px;
	background: url(images/bullet.jpg) left center no-repeat;
	text-align: left;
	line-height:140%;
	margin-left:0px;
padding-left:20px;
}
#main { 
width: 850px;
margin-left: auto; 
margin-right: auto;
margin-top: 0px;
}

.wrapper {
width: 850px;
margin-top: 10px;
background: url(images/content-background.jpg) repeat-y left top; 
}
#footer { 
  margin-left: 5px; 
  margin-right: auto;
margin-top:5px;
  padding: 0px 20px 0px 0px;
  width: 850px;
  height: 40px;
  font-size: 10px;
  margin-top:0px;  
  text-transform: uppercase;
  text-align:center;
  background: url(images/footerbar1.jpg) no-repeat bottom left;
}
#footer p {
color: #800000;
padding-top:10px;
}
#footer a{
color:#530000;
font-weight:bold;
text-decoration: none;
}
#footer a:hover{
text-decoration: none;
font-weight:bold;
color:#C03030;
}
#footer p span {
float:right;
clear:none;
text-align:right;
font-size:9px;
width:300px;
margin-right:10px;
color:#530000;
padding:0px 3px 3px 0px;
}
#footer p span a{
color:#601818;
text-decoration:none;
}
#footer p span a:hover {
color:#800000;
text-decoration:none;
}

#logo{
  width: 850px;
background: url(images/banner.jpg) left top no-repeat;
  height:120px;
margin:15px 5px 0px 5px;
   }
#menu{ 
height: 40px;
width: 848px;
background-color:#800000;
border-left:1px solid #C05656;
border-right:1px solid #C05656;
border-bottom:1px solid #C05656;
margin:0px 0px 5px 5px;
padding-top:10px;
z-index:1000;
  }
#menu ul{
padding-left:0px;
margin-top:0px;
margin-bottom:0px;
padding-top:10px;
padding-bottom:0px;
text-align:center;
margin-left:0px;
height:40px;
}

#menu ul li{
display: inline;
list-style-type: none;
margin-top:0px;
height:40px;
font-size:12px;
margin-left: 10px;
}

#menu ul li a {
padding: 3px 25px 3px 25px;
color: #530000;
height:40px;
background-color:#FFFFFF;
border:1px solid #C03030;
font-weight: bold;
text-decoration: none;}

#menu ul li a:link {
color: #530000;
background-color:#FFFFFF;
border:1px solid #C03030;
width:100px;
font-weight: bold;
text-decoration: none;
margin-top:10px;
margin-bottom:0px;
}

#menu ul li a:hover, #menu ul li a#selected{
color: #FFFFFF;
background-color:#C03030;
border:1px solid #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#navcontainer { 
width: 234px;
margin-top:0px;
background-color:#C03030;
margin-bottom:10px; 
}
#navcontainer ul p{ 
width: 234px;
font-size:14px;
font-weight:bold;
margin-top:0px;
color:#FFFFFF; 
}

#navcontainer ul{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
width: 234px;
background-color:#C03030;
}

#navcontainer li {
margin: 2px 2px 2px 2px;
padding-left:0px;
width: 225px;
line-height: 200%;
background-color:  #800000;
font-size: 12px;
color: #FFFFFF;
font-weight:bold;
}

#navcontainer ul li a{
display: block;
width: 234px;
background-color:  #02315F;
font-size: 12px;
line-height: 200%;
}

#navcontainer ul li a:link{
color: #C05656;
padding-left:10px;
text-decoration: none;
font-weight:bold;
}

#navcontainer ul ul li a {
display: block;
padding-left: 10px;
width: 220px;
margin:0px 2px 0px 2px;
line-height:180%;
background-color: #530000;
color:#C05656;
font-size: 12px;
text-decoration:none;
}

#navcontainer ul ul li a:hover {
background-color: #FFFFFF;
color: #601818;
padding-left:10px;
width:220px;
text-decoration:none;
}

/* selected states */
#navcontainer ul li a#current{
font-weight: bold;
color: #FFC871;
background-color: #02315F;
text-decoration:none;
}

#navcontainer ul ul li a#subcurrent{
font-weight: bold;
color: #601818;
padding-left:10px;
width:220px;
background-color: #FFFFFF;
text-decoration:none;
}

#centreleft1 {
float:left;
clear:none;
width:850px;
margin:0px 5px 5px 5px;
background: url(images/content-background.jpg) repeat-y left top;
}
#centreleft {
float:left;
clear:none;
width:605px;
border-top: 1px solid #C05656;
border-bottom: 1px solid #C05656;
padding:5px 0px 10px 5px;

}
#centreleft h1{ 
width:550px;
color:#601818;
padding: 15px 0px 4px 0px; 
  margin: 15px 20px 5px 20px; 
  font-size: 16px;
  font-weight: bold;
}
#centreleft h2{ 
color:#601818;
text-align:left;
font-size:14px;
padding: 6px 0px 4px 0px; 
  margin: 10px 20px 10px 20px; 
  line-height:150%;
  font-weight: bold;
}
#centreleft h3{ 
color:#A69600;
width:200px;
text-align:left;
border-bottom:1px solid #439CD4;
padding: 0px 0px 4px 0px; 
  margin: 0px 10px 12px 10px; 
  font-size: 100%;
  font-weight: bold;
}
#centreleft p{
color: #333333;
font-size:12px;
padding: 6px 20px 6px 20px;
line-height:150%;
}
#centreleft ul {
color:#333333;
list-style-type:none;
margin:2px 0px 2px 20px;
}
#centreleft li {
margin-left:15px;
font-size:12px;
background: url(images/bullet.gif) top left no-repeat;
padding:2px 0px 0px 14px;
font-family:Arial, Helvetica, sans-serif;
line-height:150%;
}
#centreleft p.inset{
color: #333333;
font-size:12px;
padding: 12px 10px 15px 10px;
line-height:130%;
}
#centreleft a {
color:#530000;
text-decoration:none;
}
#centreleft a:hover {
color: #C03030;
text-decoration:none;
}
#centreright{ 
float:right;
clear:none;
padding:0px 5px 5px 5px;
width:230px;
}

#centreright h1{ 
color:#601818;
width:185px;
padding: 0px 0px 4px 0px; 
 margin: 10px 10px 5px 15px; 
 font-size: 16px;
 font-weight: bold;
}
#centreright h2{ 
color:#A69600;
width:175px;
text-align:left;
padding: 6px 0px 4px 0px; 
  margin: 30px 10px 12px 10px; 
  font-size: 140%;
  font-weight: bold;
}
#centreright h3{ 
color:#A69600;
width:175px;
text-align:left;
border-bottom:1px solid #439CD4;
padding: 0px 0px 4px 0px; 
  margin: 0px 10px 12px 10px; 
  font-size: 100%;
  font-weight: bold;
}
#centreright p{
color: #333333;
width:210px;
font-size:12px;
padding: 12px 5px 15px 15px;
line-height:140%;
}
#centreright p span{
color: #530000;
font-weight:bold;
line-height:140%;
}
#centreright ul {
float:left;
clear:none;
text-align:left;
list-style-type:none;
font-size:12px;
line-height:150%;
}
#centreright ul li {
margin-left:0px;
line-height:150%;
}
#centreright p.inset{
color: #FFFFFF;
font-size:12px;
padding: 12px 10px 15px 10px;
line-height:130%;
}


form{margin-top: 0px;}

div.row
{ clear: both;
  width: 450px;
}

div.row span.formlabel 
{ float: left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin-left:20px;
  width: 150px;
  text-align: left;
}

div.row span.forminput
{ float: right;
  text-align: right;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
} 
div.row span.select
{ float: right;
  text-align: right;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
} 

div.row span.forminput1
{ float: right;
margin:5px 205px 5px 0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;  
} 
div.spacer
{ clear: both;
  width: 80px;
}

input, textarea
{ width: 250px; 
  font-family:Arial, Helvetica, sans-serif;
  border: 1px solid;
  font-size: 100%;
  margin: 2px;
}

.submit{ 
font-family:Arial, Helvetica, sans-serif;
  width: 70px;
  height: 22px;
  cursor: pointer;
  font-size: 100%;
    }
.thumbnail_left {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
margin-left:0px;
  border:0px;
}

.thumbnail_right {
  float:right;
  margin-left:10px;
margin-right:0px;
  margin-bottom:10px;
  }
.thumbnail_right1 {
  float:right;
  margin-left:10px;
  margin-bottom:35px;
  border:0px;
}
.thumbnail_right2 {
  float:right;
clear: none;
  margin:0px;
padding:0px;
  }

#lightbox{
	background-color:#439CD4;
	padding: 10px;
	border: 2px solid #D0E7F4;
		}
#lightboxDetails{
	font-size: 0.8em;
color:#FFFFFF;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
#gallery {
text-align:center;
}
.photo {
margin:1px 3px 1px 3px;
text-align:center;
width:190px;
}
.photo img {
background-color:#FFFFFF;
padding:3px;
position:relative;
margin:0px 5px 0px 5px;
}
.photo p a {
text-decoration:none;
color:#530000;
}
.photo p a:hover {
text-decoration:none;
color:#C05656;
}
div.spacer
{ clear: both;
  width: 80px;
}

.figure1 {
float:left;
width: 190px;
margin: 0 3px 0px 3px;
}
.figure1 p{
text-align:center;
}
.figure1 p a{
text-align:center;
text-decoration:none;
line-height:110%;
font-size: 12px;
font-weight:bold;
color: #C05656;}

.figure1 p a:hover{
text-align:center;
text-decoration:none;
line-height:110%;
font-size: 12px;
font-weight:bold;
color: #530000;}

