/* CSS Document */

body {
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 12px;
	background-image: url(../images/bg_top.jpg);
	background-repeat:repeat;
	background-position: top;
	background-color:#000000;
	padding: 0;
	border: 0px none;
	margin: 0;						
/* Increase Text Size for IE 5/PC */
	font-size: x-small; 					/* For IE 5 */
	voice-family: "\"}\"";
	voice-family: inherit;	
	font-size: small;
	height: 100%;
	}
	
	html>body{
	font-size: small;						/* Opera Fix */
	}

/* Centres Page */
#centrer {
	width: 750px;
	margin: 0 auto;
	}

#logo {
	padding: 5px 0 8px 0;
	margin: 0;
	}
	
#hero {
	padding: 0;
	margin: 0;
	border: none;
	}
	
#content {
	width: 540px;
	padding: 25px 0;
	margin: 15px 0 0 0;
	background-color: #F8F8F8;
	background-image: url(../images/bg_content.jpg);
	background-position: top;
	background-repeat: repeat-x;
	}
	
#content_bottom {
	background-image:url(../images/content_bottom.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	margin: 0 0 40px 0;
	padding: 0;
	}

#content p {
	line-height: 20px;
	color: #222222;
	font-size: 90%;
	font-weight:300;
	padding: 0 0 20px 0;
	margin: 0 25px;
	}
	
#content h1, h2 {
	font-size:123%;
	color:#333333;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	margin: 0 17px;
	padding: 0 0 20px 0;
	letter-spacing:-.9px;
	
	}

#content h2 {
	text-align: right;
	padding: 5px 0 0 0;
	border-top: 1px solid #CCCCCC;
	}

#content h3 {
	padding: 0;
	margin: 0 0 10px 0;
	text-align:center;
	}

#content h4 {
	font-weight: bold;
	color:#666666;
	font-size: 105%;
	padding: 0;
	margin: 5px 0 15px 25px;
	}

#content ul {
	padding: 0 10px 10px 10px;
	margin: 0 0 0 20px;
	}
	
#content ul li {
	background-image:url(../images/bullet.gif);
	list-style: none;
	background-position: center left;
	background-repeat: no-repeat;
	padding: 10px;
	margin: 0;
	}
		
#content a:link, #content a:visited {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	}
		
#content a:hover{
	text-decoration:none;
	color: #90D5C8;
	font-weight: bold;
	}		
		
#nav ul { 
	width: 196px;
	list-style: none; 
	margin: 15px 0 0 0; 
	padding: 20px 0 0 0; 
	background: url(../images/bg_nav.jpg) no-repeat bottom; 
	float:right; 
	}
	
#nav li {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#EAEAFF;
	font-size: 1.2em;
	font-weight: normal;
	display: block; 
	list-style:none; 
	padding: 0;
	margin: 0 0 0 20px;
	}
	
#nav li a { padding: 0 0 20px 0; color:#EAEAFF; display: block; text-decoration: none; }
#nav li a:hover { color:#90D5C8; border:none; list-style: none; }

/* homepage event block */
.home_gallery { margin: 20px 0 0 68px; display: block; padding: 0 0 10px 0; float: left; }

/* section landing page - button blocks */
/* ***** NOTE ***** block elements *CANNOT* be used inside the <a> tag so we must force inline elements to behave thus.*/
a.home_link { 
clear: both;
display: block;
float: left;
width: 157px;
padding: 5px;
margin: 0 0 5px 0;
text-decoration: none;
}
    
a.home_link:hover { background-color: #E4E6E9; text-decoration: none; cursor: pointer; display: block; }
.landing_page_link img { float: left; padding: 1px;  margin: 0 10px 0 0; background-color: #FFFFFF; display: block; }
.textblock { float: left; width: 157px; font-size: 85%!important; display: block; color:#333333; padding: 5px 0; }
.home_link strong { text-decoration: none; font-style: normal; display: block; padding: 0 0 5px 0; }

#flashcontent {
	font-size: 75%;
	margin: 5px 0 0 0;
	}

/* ****************************************************************** */
/* *************************** GALLERIES **************************** */
/* ****************************************************************** */

/* NOTE the gallery component feature - display: inline - this is to remove the double border bug in explorer */
.gallery {
	float: left;
	padding: 0;
	margin: 0 0 10px 45px;
	display: inline;
	border: 0;
	} 
	
img_rollover, a.img_rollover { float: left; padding: 1px;  margin: 0 5px 10px 5px; background-color: #333333; display: block;	display: inline; border: 1px solid #C0C993;	}
a.img_rollover:hover { border: 1px solid #606400; display: block; display: inline; }

/* lightbox styles - these are to style the  pop-over */
#lightbox{	padding: 10px;	border: 2px solid #ffffff;	background: #FFFFFF;	}
#lightboxDetails{	font-size: 100%; padding: 5px 0 0 0;	}
#lightbox a { color: #666666; text-decoration: underline; margin: 0; padding: 0; }
#lightbox a:hover { color: #006633; text-decoration: underline; }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; margin: 10px 10px 0 0; height:11px; width:11px; }
#lightbox img{ border: none; clear: both; padding: 0 0 5px;}
#overlay img{ border: none; }
#overlay{ background-image:url(../images/overlay.png); }

/* explorer PNG workarounds */
* html #overlay {
back\ground-color: transparent;
background-image: url(blank.gif);
/* ***** NOTE ***** this image gets called from the html *NOT* this file, the path is different */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}

/* *************************** FORM **************************** */
/* *************************************************************** */

table {
	padding: 0;
	margin: 0 0 25px 0;
	}

tr {
	background: none;
	padding: 5px;
	}

td {
	font-size: 90%;
	padding: 3px;
	background: none;
	}

table h3 {
	font-size: 110%;
	padding: 3px;
	}

#footer {
	width: 540px;
	padding: 15px 0 15px 0;
	margin: 0;
	background-color: #F8F8F8;
	background-image: url(../images/footer_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	}
	
#footer p {
	color: #222222;
	font-size: 85%;
	padding: 0;
	margin: 0 15px 0 15px;
	float: left;
	}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #666666;
	}
		
#footer a:hover{
	text-decoration:none;
	color: #90D5C8;
	}	

#designtag {
	float:right;
	display: block;
	padding: 0;
	margin: 0;
	}
	
#designtag a { color:#999999; text-decoration: none; }
#designtag a:hover { color: #90D5C8; }