/* This sets the margins to zero so the banner touches the top,left and right page edges, also includes box model hack to ensure browser compatibility */
body {
	background-color: #000000;
	font-family: trebuchet MS, sans-serif;
	font-size: medium;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: large;
	color: #FFFFFF;	
	margin: 0;
}

html>body {
	font-size: large;
}


/* These are used primarily for the title bar change backgound color to match your logo */
#header1 {
	background-position: center;
	background-color: #000000;
	font: 28pt "trebuchet MS";
	font-weight: bold;
	text-align: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	width: 80%;
	margin: 0% 10% 0% 10%;
/*	height: 110px;*/
}

#header2 {
	background-position: center;
	background-color: #000000;
	font: 20pt"trebuchet MS";
	font-weight: bold;
	text-align: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	width: 80%;
	margin: 0% 10% 0% 10%;
/*	height: 110px; */
}

#header3 {
	background-position: center;
	background-color: #000000;
	font: 18pt"trebuchet MS";
	font-weight: bold;
	text-align: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	width: 100%;
/*	height: 110px; */
}

#header4 {
	background-position: center;
	background-color: #000000;
	font: 16pt"trebuchet MS";
	font-weight: bold;
	text-align: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	width: 100%;
/*	margin: 0% 10% 0% 10%; /*
/*	height: 110px; */
}

#header5 {
	background-position: center;
	background-color: #000000;
	font: 12pt"trebuchet MS";
	font-weight: bold;
	text-align: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	width: 100%;
/*	margin: 0% 10% 0% 10%; /*
/*	height: 110px; */

}#imageline {
	width: 80%;
	margin: 5% 10% 5% 10%;
	float: none;
}


/* These are used to layout the text in the middle of the page and to align the buttons at the bottom */
#contents {
	width: 80%;
	margin: 5% 10% 5% 10%;
}

#centred {
	width: 80%;
	margin: 5% 10% 5% 10%;
	text-align: center;
	color: #FFFFFF;
}

#left {
	width: 80%;
	margin: 0% 10% 0% 10%;
	text-align: left;
	color: #FFFFFF;
	float: left;
}

#hp_footer {
	font: 0.6em "trebuchet MS";
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;

}

#buttons{
	background-color: #FF3300;
	width: 100%;
	height: 30px;
	text-align: center;
}

#menuBar {
	font: 0.9em "trebuchet MS";
	font-weight: bold;
	background: #000000;
	width: 100%;
	float: left }

#menuBar ul {
	list-style: none;
	margin: 0;
	padding: 0 }

#menuBar li {
	background: url(copy_of_hp_tab_right.gif) no-repeat right top;
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: non; }

#menuBar a {
	text-decoration: none;
	background: url(copy_of_hp_tab_left.gif) no-repeat left top;
	display: block;
	padding: 5px 15px;
	color: #000000;
	float: left }

#menuBar .current {
	background: url(hp_tab_right_current.gif) no-repeat right top;
	margin-top: 1px;
	border-bottom: medium none }

#menuBar .current a {
	color: black;
	text-decoration: none;
	background: url(hp_tab_left_current.gif) no-repeat left top }

/*IE5-Mac Hac\*/
#menuBar a {
	float: none }

#menuBar2 {
	font: 0.9em "trebuchet MS";
	font-weight: bold;
	background: #000000;
	width: 100%;
	float: right }

#menuBar2 ul {
	list-style: none;
	margin: 0;
	padding: 0 }

#menuBar2 li {
	background: url(copy_of_hp_tab_right.gif) no-repeat right top;
	margin: 0;
	padding: 0;
	float: right;
	border-bottom: 1px solid black }

#menuBar2 a {
	text-decoration: none;
	background: url(copy_of_hp_tab_left.gif) no-repeat left top;
	display: block;
	padding: 5px 15px;
	color: #000000;
	float: right }

#menuBar2 .current {
	background: url(hp_tab_right_current.gif) no-repeat right top;
	margin-top: 1px;
	border-bottom: medium none }

#menuBar2 .current a {
	color: black;
	text-decoration: none;
	background: url(hp_tab_left_current.gif) no-repeat left top }

/*IE5-Mac Hac\*/
#menuBar2 a {
	float: none }

#main_image {
background:black;
height:524px;
margin:0 auto 60px auto;
width:700px;
}

#main_image img {
margin-bottom:10px;
height:524px;
width:auto;
}

#imagecentred {
	width: 80%;
	margin: 5% 10% 5% 10%;
	text-align: center;
	color: #FFFFFF;
	img {height:524;width:700px}
}

.left {
	float: left;
}

.right {
	float: right;
}

.popUpStyle {
	background-color: #FF6600;
	border: #FF9900 1px solid;
	width: 100px;
	font: 10px arial,helvetica, sans-serif;
	padding: 5px;
	position: absolute;
	visibility: hidden
}

.galleria {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:200px;
}

.galleria li {
display:block;
float:left;
height:80px;
margin:0pt 10px 10px 0pt;
overflow:hidden;
width:80px;
}

.galleria li a {
display:none;
}

.galleria li div {
display:none;
left:180px;
position:absolute;
top:0pt;
}

.galleria li div img {
cursor:pointer;
}

.galleria li.active div img, .galleria li.active div {
display:block;
}

.galleria li img.thumb {
cursor:pointer;
display:block;
height:auto;
left:auto;
top:auto;
width:auto;
}

.galleria li .caption {
display:block;
padding-top:0.5em;
}

* html .galleria li div span {
width:400px;
}

a{color:#348;text-decoration:none;outline:none;}
a:hover{color:#67a;}
.caption{color: #339966;}
.demo{position:relative;margin-top:2em;}
.gallery{width:702px;margin:0 auto;}
.gallery li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
.gallery li div{left:240px}
.gallery li div .caption{font: 0.7em/1.4 "trebuchet MS";}
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}