html, body {

	height: 100%;
	margin: 0;
	padding: 0;
	background-image:url(../images/bannergrad.png);
	
	background-repeat:repeat-y;

	
}






#wrapper{
width:90%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
color:#666666;
margin: 0 auto;
max-width:1200px;
position:relative;

z-index:1;
}




#banner{

padding-right:0px;

background-repeat:repeat-y;
padding-top:25px;

}

.bannerimage{
width:100%;
margin-top:5px;
margin-left:0px;




}


#logo{

width:222px;
height:32px;
background-image:url(../images/logo2.png);
background-repeat:no-repeat;
margin-top:20px;
margin-right:0px;


}

#strapline{
position:absolute;
top:200px;
padding:0px;
padding-left:0px;
right:10px;
width:267px;
z-index:2;
height:45px;
background-image:url(../images/statement.png);
background-repeat:no-repeat;

}

#strapline p{
margin:0px;
margin-right:0px;

}

#banner h2{
display:none;

}



#menuleft{
width:155px;
float:left;
background-image:url(../images/verticalborder.jpg);
background-position:top right;
background-repeat:repeat-y;


}



#menuleft ul {
list-style: none;
margin: 0px;
padding: 0px;


}

#menuleft ul li {
margin: 0px;
padding: 0px;
text-align:right;

}

#menuleft ul li a:link {

display: block;
padding: 5px 10px 8px 5px;
text-decoration: none;
color: #666666;
margin:0px;
margin-bottom:0px;
margin-top:5px;
background-image:url(../images/button.png);
background-position:left bottom;
background-repeat:no-repeat;

}

#menuleft ul li a:visited {

display: block;
padding: 5px 10px 8px 5px;
text-decoration: none;
color: #666666;
margin:0px;
margin-bottom:0px;
margin-top:5px;
background-image:url(../images/button.png);
background-position:left bottom;
background-repeat:no-repeat;

}

#menuleft ul li a:hover {

display: block;
padding: 5px 10px 8px 5px;
text-decoration: none;
color: #0171BB;
margin:0px;
margin-bottom:0px;
margin-top:5px;
background-image:url(../images/buttonover.png);
background-position:left bottom;
background-repeat:no-repeat;

}

#menuright{
width:185px;
float:right;
background-image:url(../images/contentbackground.png);
background-repeat:repeat-x;
background-color:#ffffff;
margin-right:0px;
padding:0px;
margin-top:0px;
padding-top:0px;
}

#menuright h2{

color:#ffffff;
font-size:100%;
margin:0px;
margin-top:0px;
padding: 3px 3px 3px 20px;
margin-bottom:10px;
background:#9AC0DA;
background-image:url(../images/headings.jpg);
background-repeat:repeat-y;

}

#menuright h3{

font-size:90%;
margin-bottom:0px;
background-image:url(../images/libullet.jpg);
background-position:0px -4px;
background-repeat:no-repeat;
padding-left:15px;
padding-bottom:3px;
margin-left:5px;

}

#menuright ul{
list-style-type:none;
font-size:90%;
margin:0px;
padding:0px;
margin-bottom:20px;
}

#menuright li{
background-image:url(../images/libullet.jpg);
background-repeat:no-repeat;
padding-left:15px;
line-height:19px;
margin-bottom:7px;
margin-left:5px;

}

#menuright p{

font-size:80%;
padding-left:20px;

}


#content{
margin-left:170px;
margin-top:10px;


}
#text{
background-image:url(../images/contentbackground.png);
background-repeat:repeat-x;
background-color:#ffffff;
min-height:450px;

text-align:justify;

margin-right:195px;
padding:10px;
line-height:17px;

}

#text p{
margin-bottom:10px;
margin-top:5px;

}

#featurecolumn{




}

.featurecontainer{
background-color:#F5F9FC;
padding:0px;
margin-bottom:20px;
margin-left:0px;

background-image:url(../images/featurecornor.jpg);
background-position:top right;
background-repeat:no-repeat;
border-left: 5px solid #AFCCDE;
min-height:90px;

}

#featurecolumn h2{

padding: 0px;
margin-right:10px;
font-size:100%;
margin:0px;
margin-bottom:0px;


}

#featurecolumn p{

margin-right:10px;
padding:0px;
font-size:90%;
margin-bottom:0px;
margin-top:0px;
}

#featurecolumn ul{

padding:0px;
margin:0px;
margin-left:5px;
list-style-position:inside;
}


.gallerybox{

margin-bottom:30px; 
background-color:#fff; 
border:1px solid #AFCCDE; 
padding:5px;
overflow:auto

}

.galleryimagebox{
width:200px; 
background:#F5F9FC; 
padding:5px; 
border:1px solid #AFCCDE; 
float:left; 
margin-right:10px; 
margin-bottom:0px;

}

.gallerybox h2{
background:#F5F9FC; color:#0070BA; padding:2px; margin:0px; border:1px solid #AFCCDE; margin-left:220px;

}

.gallerybox p{
margin:0px;
padding:0px;


}

.gallerybox ul{

list-style-position:inside;


}

.galleryzoombox{
background-color:#AFCCDE; background-image:url(../images/zoom2.png); background-position:right; background-repeat:no-repeat; color:#fff; padding:2px; line-height:16px;

}

#footer{

clear:both;
text-align:center;

padding-top:10px;
padding-bottom:10px;
margin-top:20px;
font-size:80%;
background-image:url(../images/horizontallborder.jpg);
background-position:top;
background-repeat:repeat-x;

}

#footertext{

width: 90%;
text-align:right;
color:#FFFFFF;

padding-top:10px;
}

#footertext a:link{
color:#A90533;

}

#footertext a:visited{
color:#A90533;

}

#footertext a:hover{
color:#A90533;

}


h1{
	margin:0;
	padding:0;
	font-size:140%;
	margin-top:0px;
	margin-bottom:20px;
	


}



h2{
	margin:0;
	padding:0;
	font-size:120%;
	margin-top:0px;
	margin-bottom:15px;

}

h3{
	margin:0;
	padding:0;
	font-size:110%;
	margin-top:0px;
	margin-bottom:0px;

}



p{
margin:0;
padding:0;
margin-top:0px;
margin-bottom:15px;

}

table{

width:98%;

}

th{

vertical-align:text-top;
text-align:left;

}

td{

vertical-align:text-top;
vertical-align:top;


}




a:link {
	color:#0070BA;
	text-decoration:none;

	}
	
a:visited {
	color:#0070BA; 

text-decoration:none;
}

a:hover {
	color:#0070BA; 
	text-decoration:underline;

}

a img {
	border: none; 
} 



.imageleft{

float:left;
padding-right:15px;
padding-bottom:10px;
}

.imageright{

float:right;
padding-left:15px;
padding-bottom:10px;


}

#contactpanel{
background:#F5F9FC; 
margin-bottom:10px;
padding:0px;

}


#contactpanel h3{
 background-repeat:no-repeat; margin:0px; margin-bottom:5px; padding:3px;  background-position: left center; background-color:#E6EEF9;  border-top: 5px solid #fff;

}


#contactpanel ul{
margin:0px; padding:5px; margin-bottom:10px;

}

#contactpanel li{
 background-repeat:no-repeat; padding:0px; padding-left:23px; margin:0px; margin-bottom:5px; background-position: center left;

}


.largetext{
font-size:110%;

}

.smalltext{
font-size:90%;

}

.highlight{
color:#0070BA;

}

.accesskey{
text-decoration:underline;
}

fieldset{
	background-color:#FBFBFB;
	
	border-width:1px;
	border-style:solid;
	border-color:#9BC0DA;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	display:block;
	margin:0px;
	padding:5px;
	padding-left:15px;
	padding-bottom:15px;
	font-size:80%;
	
}

legend{	
	background-color:#FBFBFB;
	
	border-width:0px 1px;
	border-style:solid;
	border-color:#9BC0DA;
	
	color:#9BC0DA;
	font-weight:bold;
	padding:2px 5px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;
	font-size:120%;

	
}


form{

margin:0px;
padding:0px;}

button {
color:#666666;
font-size:100%;
}

fieldset input{
font-size:110%;

}

.picturecaption{
color:#0070BA;
font-size:90%;

}
/* gallery code */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;  border:1px solid #AFCCDE; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font-size:0.689em;   border:1px solid #AFCCDE; border-top:none; margin: 0 auto; overflow: auto; width: 100%; padding-top:5px;  padding-bottom:5px;  }


#imageData{	padding:0px; color: #666;  font-family:Verdana, Arial, Helvetica, sans-serif;}
#imageData #imageDetails{ float: left; text-align: left; }	
#imageData #caption{padding:0px; margin:0px; margin-left:50px; line-height:12px;}
#imageData #numberDisplay{ display: block;  width:50px;	}			

#imageData #bottomNav{ width: 50px; float: right; outline: none; padding-right:10px; }	
#imageData #bottomNavClose{ }	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #fff; }

