html{height: 100%;}

body
{ font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
background-color:#ECBEEF;
  font-size: .68em;
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}



.bullet {
	font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
	background: url(../images/bullet.gif) left center no-repeat;
	text-align: left;
	line-height:140%;
	margin-left:30px;
padding-left:20px;
width:340px;
	}

#main
{ width: 900px;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 5px;
background-color:#FFFFFF;
border:1px solid #7F2185;
}

#footer
{ margin-left: auto; 
  margin-right: auto;
  padding: 12px 20px 0px 0px;
  width: 880px;
  height: 40px;
  font-size: 94%;  
  }

#footer{text-align: center;}

#footer p span {
float:right;
clear:none;
margin-top:0px;
}
#footer p span a, #footer p a{
text-decoration:none;
margin-top:0px;
color:#7F2185;
}
#footer p span a:hover, #footer p a:hover {
text-decoration:none;
margin-top:0px;
color:#FFFFFF;
}

*html footer p span {
margin-bottom:0px;
}

#logo{ 
margin-left:0px; 
  margin-right: 0px;
  width: 900px;
  height: 100px;
margin-bottom:0px;
    }
#menu
{ float:right;
clear:none;
z-index:auto;
margin-top:-10px;
height: 25px;
  width: 800px;
margin-left:0px;
margin-bottom:5px;
padding-bottom:0px;
text-align:center;
overflow: hidden;
font-family:Verdana, Arial, Helvetica, sans-serif;
  }
#menu ul{
padding-left: 0px;
margin-left: 280px;
margin-bottom:0px;
margin-top:0px;
height:25px;
padding:10px 0px 5px 0px;
}
*html #menu {
height:25px;
overflow:visible;}
#menu li{
display: inline;
list-style-type: none;
margin-left: 10px;
font-size:12px;
width:100px;
padding:0px;
margin-top:0px;
margin-bottom:0px;
}

#menu a {
padding: 5px 20px 5px 20px;
}

#menu a:link, #menu a:visited {
color: #7F2185;
font-weight:bold;
background-color: #FFFFFF;
text-decoration: none;
}

#menu a:hover, #menu a#current { 
color: #D161D9;
background-color: #FFFFFF;
font-weight:bold;
text-decoration: none;
height:60px;
}
#navcontainer { 
width: 120px;
margin:0px 0px 0px 6px;
}
#navcontainer ul{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
width: 110px;
}
#navcontainer li {
margin: 0px 2px 0px 2px;
padding: 8px 0px 8px 0px;
width: 100px;
text-align:left;
line-height:130%;
font-size: 12px;
color: #7F2185;
font-weight:bold;
}


#navcontainer ul li a:link{
color: #7F2185;
background: url(images/bullet.jpg) left center no-repeat;
padding-left:25px;
text-decoration: none;
font-weight:bold;
}

#navcontainer ul li a {
display: block;
padding-left: 25px;
width: 105px;
background: url(images/bullet.jpg) left center no-repeat;
color: #7F2185;
font-size: 12px;
text-decoration:none;
}

#navcontainer ul  li a:hover {
background: url(images/bullet.jpg) left center no-repeat;
color: #D161D9;
padding-left:25px;
text-decoration:none;
}
/* selected states */
#navcontainer ul li a#subcurrent{
font-weight: bold;
color: #CE36D9;
padding-left:25px;
background: url(images/bullet.jpg) left center no-repeat;
text-decoration:none;
}


#content{ 
  width: 900px;
  height: auto;
  padding: 0px;
  overflow: hidden;
} 

#movie{ 
float:right;
clear:none;
width: 760px;
 }

#centre{ 
float:right;
width: 760px;
}
.centreleft {
float:left;
clear:none;
width:575px;
margin: 5px 0px 10px 15px;
}
.centreleft h1{ 
width:555px;
color:#A600B2;
padding: 6px 0px 4px 0px; 
  margin: 15px 10px 10px 10px; 
  border-bottom: 1px solid #A600B2;
  font-size: 150%;
  font-weight: bold;
letter-spacing: 1px;
}
.centreleft h2{ 
color:#A600B2;
text-align:left;
padding: 6px 0px 4px 0px; 
  margin: 15px 10px 10px 10px; 
  font-size: 140%;
  font-weight: bold;
}
.centreleft h3{ 
color:#A600B2;
width:275px;
text-align:left;
border-bottom:1px solid #439CD4;
padding: 0px 0px 4px 0px; 
  margin: 0px 10px 10px 10px; 
  font-size: 100%;
  font-weight: bold;
}
.centreleft p{
color: #333333;
font-size:12px;
padding: 5px 5px 5px 10px;
line-height:160%;
}
.centreleft p a {
text-decoration:none;
color:#7F2185;
font-weight:bold;
}
.centreleft p a:hover {
text-decoration:none;
color:#D161D9;
font-weight:bold;
}

.centreleft p.inset{
color: #333333;
font-size:12px;
padding: 12px 10px 15px 10px;
line-height:130%;
}
.centreleft ul {
list-style-type:none;
}
.centreleft ul li {
padding-left:16px;
line-height:150%;
background: url(images/bullet.gif) left center no-repeat;
font-size:12px;
}
.centrepage {
float:left;
clear:none;
width:850px;
margin: 5px 0px 10px 15px;
}
.centrepage h1{ 
width:835px;
color:#A600B2;
padding: 6px 0px 4px 0px; 
  margin: 15px 10px 10px 10px; 
  border-bottom: 1px solid #A600B2;
  font-size: 150%;
  font-weight: bold;
}
.centrepage h2{ 
color:#A600B2;
text-align:left;
padding: 6px 0px 4px 0px; 
  margin: 15px 10px 10px 10px; 
  font-size: 140%;
  font-weight: bold;
}
.centrepage h3{ 
color:#A600B2;
width:600px;
text-align:left;
padding: 6px 0px 4px 0px; 
  margin: 15px 10px 10px 10px; 
  font-size: 12px;
  font-weight: bold;
}
.centrepage p{
color: #333333;
font-size:12px;
padding: 5px 5px 5px 10px;
line-height:160%;
}
.centrepage p a {
text-decoration:none;
color:#7F2185;
font-weight:bold;
}
.centrepage p a:hover {
text-decoration:none;
color:#D161D9;
font-weight:bold;
}

.centrepage p.inset{
color: #333333;
font-size:12px;
padding: 12px 10px 15px 10px;
line-height:130%;
}
.centrepage ul {
list-style-type:none;
}
.centrepage ul li {
padding-left:16px;
line-height:150%;
background: url(images/bullet.gif) left center no-repeat;
font-size:12px;
}
.centreright{ 
float:right;
clear:none;
margin: 5px 15px 10px 5px;
width:290px;
  }

.centreright h1{ 
color:#A600B2;
width:250px;
padding: 6px 0px 4px 0px; 
  margin: 15px 10px 10px 10px; 
  border-bottom: 1px solid #A600B2;
  font-size: 150%;
  font-weight: bold;
letter-spacing: 1px;
}
.centreright h2{ 
color:#A600B2;
width:175px;
text-align:left;
padding: 6px 0px 4px 0px; 
  margin: 15px 10px 10px 10px; 
  font-size: 140%;
  font-weight: bold;
}
.centreright h3{ 
color:#A600B2;
width:175px;
text-align:left;
border-bottom:1px solid #A600B2;
padding: 0px 0px 4px 0px; 
  margin: 0px 10px 10px 10px; 
  font-size: 100%;
  font-weight: bold;
}
.centreright p{
color: #333333;
font-size:12px;
padding: 5px 10px 5px 10px;
line-height:160%;
}
.centreright p span{
color: #333333;
font-size:12px;
font-weight:bold;
padding: 5px 0px 5px 0px;
line-height:160%;
}
.centreright p.inset{
color: #333333;
font-size:12px;
padding: 12px 10px 15px 10px;
line-height:130%;
}
.centreright p a {
text-decoration:none;
color:#7F2185;
font-weight:bold;
}
.centreright p a:hover {
text-decoration:none;
color:#D161D9;
font-weight:bold;
}
#columnleft { 
float:left;
clear:none;
text-align: justify;
width: 135px;
font-family:Arial, Helvetica, sans-serif; 
margin-left:0px;
}
#columnleft h1{ 
padding: 6px 0px 4px 0px; 
  margin: 30px 20px 12px 20px; 
  border-bottom: 1px solid;
  font-size: 150%;
font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
width:150px;
}
#columnleft p{
color:#FFFFFF;
font-size:12px;
padding: 12px 18px 15px 18px;
line-height:120%;
width:160px;
}

form{
margin-top: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

div.row{ 
clear: both;
  width: 515px;
}

div.row span.formlabel {
 float: left;
  width: 175px;
  text-align: left;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

div.row span.forminput{
 float: right;
  text-align: right;
} 

div.spacer{
 clear: both;
  width: 80px;
}

input, textarea{
 width: 300px; 
  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;
  border:0px;
}

.thumbnail_right {
  float:right;
  margin-left:10px;
  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");
	}
	table tr td a:link{
text-decoration:none;
color:#7F2185;
}
table tr td a:hover {
text-decoration:none;
color:#D161D9;
}
#gallery{
width:850px;
margin-left:20px;

}
.figure1 {
float:left;
width: 110px;
margin: 0 4px 10px 4px;
}
.figure1 p{
text-align:center;

font-size: 10px;
color: #333366;}

.photo {
background: url(images/dropshadow.gif) right bottom no-repeat;

}
.photo img {
background-color:#FFFFFF;
position:relative;
margin-left:5px;
border:1px solid #ECBEEF;
}

.figure2 {
float:left;
width: 155px;
margin: 0 4px 10px 4px;
}
.figure2 p{
text-align:center;
font-size: 10px;
color: #333366;}

.photo2 {
background: url(images/dropshadow.gif) right bottom no-repeat;

}
.photo2img {
background-color:#FFFFFF;
padding:3px;
position:relative;
top:-3px;
margin-left:5px;
}
#lightbox{
	background-color:#7F2185;
	padding: 10px;
	border: 2px solid #ECBEEF;
	
	}
#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");
	}