html {
	font-size: 100%; /* IE hack */
}

body {
	font-family:Verdana, Helvetica, Arial;
	background:#317094;
	margin-left: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	oncontextmenu="return false";
	
	scrollbar-3dlight-color:#EEF5E2;
	scrollbar-arrow-color:#43545E;
	scrollbar-base-color:#B1E26D;
	scrollbar-darkshadow-color:#B1E26D;
	scrollbar-face-color:#C9E3A2;
	scrollbar-highlight-color:#EEF5E2;
	scrollbar-shadow-color:#43545E;
	scrollbar-track-color:#FFFFFF;
	
	overflow: -moz-scrollbars-vertical; /* Firefox hack */
/*	overflow: inherit; IE hack */
}

/* Main Menu Graphics */

.menu-backgnd {
	padding:0px 0px 0px 0px;
	vertical-align:bottom;
	text-align:center;
	width:39px;
	height:294px;
	background: transparent url(../../images/headers/menu-back.png) no-repeat;
}

.menu-backgnd-gallery { /* Same as above but width matches larger gallery */
	padding:0px 0px 0px 0px;
	vertical-align:bottom;
	text-align:center;
	width:39px;
	height:400px;
	background: transparent url(../../images/headers/menu-backg.png) no-repeat;
}

.menu-image {
/* 	vertical-align:bottom; Changed 16 Feb 2009 from relative*/
	display:inline;
	cursor:hand; cursor:pointer;
	border:0px;
}


.content-backgnd {
	vertical-align:top;
		
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 30px;

	position:absolute; /* Changed 16 Feb 2009 from relative*/
	overflow:hidden;

	margin-top: -1px;
	*margin-top: 0px; /* IE7 only */
	margin-left: -1px;
	*margin-left: 0px; /* IE7 only */
	
	width:221px;
	height:294px;
	
	background: transparent url(../../images/headers/backgnd.png);
	background-position:0px 0px;
	background-repeat:repeat-y;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#738083;
}

.content-backgnd-gallery { /* Same as above but width matches larger gallery */
	vertical-align:top;
	
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 30px;

	position:absolute; /* Changed 16 Feb 2009 from relative*/
	overflow:hidden;

	margin-top: -1px;
	*margin-top: 0px; /*IE7 only */
	margin-left: -1px;
	*margin-left: 0px; /*IE7 only */
	
	width:700px;
	height:400px;
	
	background: transparent url(../../images/headers/backgnds.png);
	background-position:0px 0px;
	background-repeat:repeat-y;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#738083;
}

.shadow-backgnd {
 /* 	position:absolute; Changed 16 Feb 2009 from relative
	vertical-align:top;
	display:inline-table;
	width:4px;
	height:294px; */
	background: transparent url(../../images/headers/menu-shad.png) no-repeat;
}


/* Typeography */


.font_header_dark {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#3D7493;
	font-weight:bold;
}

.font_header_light {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#909596;
	font-weight:bold;
}

.content-backgnd A:link, .content-backgnd A:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3D7493;
	text-decoration:none;
	font-weight:bold;
}

.H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3D7493;
}

.font_light {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#AAAAAA;
}



/* Other */

.article_seperator {
	line-height: 4px;
	border-bottom: dashed 1px;
	display: block;
	color:#D8D8D8;
	

}


/* Gallery Thumb Fade and Border */

.gallery{
	margin:0; padding:0;
	width:100%; /* IE and older Opera fix for clearing, they need a dimension */
	list-style:none;
}

.gallery li{
	float:left;
	display:inline; /* For IE so it doesn't double the 1% left margin */
	width:47%; /* Determines how many thumbs appear on a line  */
	margin:0 0 5px 5px; padding:0 0;
	height:60px; /* Height of img (50) + 2 times 3px padding + 2 times 1px border = 83px */
	position:relative; /* This is the key */
}

.gallery img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.gallery img:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

a img{ border:none; } /* A small fix */
.gallery a:link,
.gallery a:visited,
.gallery a:focus,
.gallery a:hover,
.gallery a:active{
	padding:2px; /* Size of grey border */
	background:#eeefef;
	width:100px; height:50px;
	border:2px solid #eeefef; /* We blend the border with the bg, as if it isn't there */
	position:absolute; top:50%; left:20%; /* position it so that image's top left corner is in the center of the list item */
	margin:-20px 0 0 -20px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
}

.gallery a,
.gallery img{
	display:block;
	width:100%;
}

.gallery a:hover{
	border-color:#A4CF39; /* Border colour on hover */
}