/**/
/* 	mid grey #848484
	light grey #B6B6B6
	dark grey #363636
	black #000000
	white #FFFFFF 
	orange #BF0202*/
/* fonts Ottawa, Verdana, sans-serif */

/* This specifies the background colour for the page*/
body {
	background-color: #BBBBBB;
	
	}
	
table 
	{
	width:800px;
	border-collapse: collapse;
	background-color: #aaaaaa;
	}

img {
 	padding-left: 15px;	
 	padding-right: 15px;
 	padding-top: 15px;	
 	padding-bottom: 0px;
	
}
/* This specifies the alignment for the data in the table rows called aligncell*/
tr.aligncell {vertical-align: top;}
td.centeredimage
    {
    text-align:center;
    padding: 10px;
	vertical-align: top;
    } 


.greybox {
	margin-right: 10px;
	background-color: #666666;
	padding: 10px;
	color: #ffffff;
	width: 140px;
	border-width: thick;
	border-color: #000000;
	font-size: 10pt; 
	font-family: Ottawa, Verdana, sans-serif;
	text-align: center;
}

.positionbox
{
	padding: 10px;
	width: 700px;
	height: 230px;
	margin-left: 30px;
	
}

.quotebox {
	width: 240px;
	height: 150px;
	float: left:	
}

.videobox {
	position: relative;
	margin-left: 320px;
	margin-top: -220px;	
}

img.grey
 {
 	padding: 10px;	
 	position:relative;
	float:left;	
}
/* This specifies the padding for the text in the table data cells called maintext*/
.maintext {
	padding: 20px;
	vertical-align: top;
	} 

	
/* This specifies the background colour for the table data cells called label*/
td.label {
	vertical-align: top;
	text-align:center;
	background-color: #aaaaaa;
	}

/* This specifies the formating for the Main Page Heading*/
h1 {
	font-size: 22pt; 
	font-family:  Ottawa, Verdana, sans-serif;
	color: #333333; 
	line-height: 70%;
	text-align: center;
	font-weight: normal;
	}

/* This specifies the formatting for the main body text heading.*/
.mainbodyhead {
	color: #333333; 
	font-size: 14pt; 
	font-family: Ottawa, Verdana, sans-serif;
	font-weight: bold;
	text-align: left;
	}

/* This specifies the formatting for the main body title heading, which is centred*/
.titlehead {
	margin-left: 15px;
	color: #333333; 
	font-size: 16pt; 
	font-family: Ottawa, Verdana, sans-serif;
	text-align: left;
	}
	
/* This specifies the formatting for the main body text.*/
.mainbody {
	color: #000000; 
	font-size: 12pt; 
	font-family: Ottawa, Verdana, sans-serif;
	text-align: left;
	vertical-align: top;
	}
	
/* This specifies the formatting for the text in a list.*/

.listtext {
	color: #000000; 
	font-size: 10pt; 
	font-family: Ottawa, Verdana, sans-serif;
	font-weight: normal;
	text-align: left;
	}
	
/* This specifies the formatting for the hyperlinks */

	a:link {	color: #FFFFFF; 
				font-family: Ottawa, Verdana, sans-serif;
				font-size: 12pt;
				font-weight: normal;
				text-align: center;
				text-decoration: none;
 			}
	a:visited {	color: #363636; 
				font-family: Ottawa, Verdana, sans-serif;
				font-size: 12pt;
				font-weight: normal;
				text-align: center;
				text-decoration: none;
			}
/*	a:hover {font-size: 18pt } *./
		
/* This specifies the formatting for things which should look like hyperlinks */
.dummylink {	color: #BF0202; 
				font-family: Ottawa, Verdana, sans-serif;
				font-size: 12pt;
				font-weight: normal;
				text-align: center;
 			}

/* This specifies the formatting for the text in a side bar */
.sidebar {
	color: #000000;
	font-size: 10pt;
	font-family: Ottawa, Verdana, sans-serif;
	padding-left: 15px;
	/*text-align: left;*/
}

/* This specifies the formatting for the photo galleries*/
#leftimg {
	width:600px; 
	height:550px;
	}
#leftimg ul {
	list-style:none; 
	padding:0; 
	margin:0; 
	margin-left: 10px;
	width:220px; 
	position:relative; 
	float:left;
	}
#leftimg ul li {
	display:inline; 
	width:50px; 
	height:50px; 
	float:left; 
	margin:3px 3px 3px 3px;
	}
#leftimg ul li a {
	display:block; 
	width:48px; 
	height:48px; 
	text-decoration:none; 
	border:0;
	}
	
#leftimg ul li span {
		visibility: hidden;
		color: black;
		text-decoration: none;
		text-align: left;
		font-family: Ottawa, Verdana, sans-serif;
		color: #000000; 
		font-size: 1em;
		left: -1000px;
		position: absolute;
	}
#leftimg ul li a img {
	display:block; 
	width:48px; 
	height:48px; 
	border:0;
	padding: 0px;
	}
#leftimg ul li a:hover {
	white-space:normal; 
	border:0;
	}
	
#leftimg ul li a:hover img {
	position:absolute; 
	left:230px; 
	top: -20px;
	width:auto; 
	height: 300px; 
	border:none;}
	
#leftimg ul li a:hover span {
	position:absolute;
	visibility: visible; 
	left:230px; 
	top:300px;
	width: 500px; 
	}