@import url("lightbox.css");

html,
body

{
	background: #ffc833 url('.gif') repeat; /* Warm yellow */
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	cursor: default;
	
	height: 100%;
	
	margin: 0;
	padding: 0;
	border: 0;
}

.buffer

{
	height: 15px;
	width: 950px;

	overflow: hidden;
}

.bottom /* Positions bottom page buffer zone */

{
	position: absolute;
	bottom: -1px; /* IE only */
	left: 0;
	
	clear: both;
}

#container

{
	background: #6b9ef9 url('images/') no-repeat 0 120px;
	
	position: relative;
	float: left;
	display: inline; /* Double margin bug */
	
	overflow: hidden;
	
	width: 950px;
	min-height: 100%;
	height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	
	margin-left: 15px;
}

html>body #container

{
	height: auto;
}

h1#header

{
	background: url('images/header.gif') no-repeat;
	color: #f4c321;
	text-indent: -999em;
	
	position: relative;
	
	width: 950px;
	height: 100px;
	
	margin: 0;
}

a.home-link:link,
a.home-link:visited

{
	width: 400px;
	height: 80px;
	
	display: block;
	
	position: absolute;
	top: 0;
	left: 0;
	
	padding: 0;
	margin: 0;
}

.nav

{
	background: red;
	
	width: 100%;
	height: auto;
	
	float: left;
}

.nav ol,
.nav li

{
	list-style-type: none;
	
	margin: 0;
	padding: 0;
}

.nav ol

{
	padding-left: 5px;
}

.nav li

{
	display: inline;
}

.nav a:link,
.nav a:visited

{
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
	
	text-decoration: none;
	text-transform: uppercase;
	
	float: left;
	
	padding: 15px 5px;
	padding-bottom: 18px;
}

.nav a:hover,
.nav a:active,
.nav a:focus

{
	color: #6df9f1;
	
	padding: 15px 5px;
	border-bottom: 3px solid #6df9f1;
}

.nav a.active:link,
.nav a.active:visited,
.nav a.active:hover,
.nav a.active:active,
.nav a.active:focus

{
	color: #f4c321;
	
	padding: 15px 5px;
	padding-bottom: 18px;
}

.content

{
	background: url('images/blue_gradient.png') repeat-x 0 0;
	width: 950px;
	height: 100%;
	
	position: relative;
	float: left; /* Maintains document flow */
	
	padding-bottom: 100px; /* Padding bottom = footer height */
}

.col

{
	width: 169px;
	height: auto;
	
	color: #e3b51f;
	
	position: relative;
	
	float: left;
	display: inline; /* IE Fix */
	
	padding: 10px;
}

.four-five

{
	width: 353px;
	float: right;
	
	border: 5px solid #6b9ef9;
	border-bottom: 0;
}

.four-five img /* Removes extra space at the bottom of images */

{
	display: block;
}

.clear

{
	padding: 0;
	display: inline;
	width: 373px;
}

.four-five a:link,
.four-five a:visited

{	
	display: block;
	
	position: relative;
	
	padding: 0;
	margin: 0;
	border: 0;
}

.four-five a:link span,
.four-five a:visited span

{	
	opacity: 0.3;
	background: #000;
	
	width: 373px;
	height: 220px;
	
	position: absolute;
	top: 0;
	left: 0;
		
	display: block;
}

.four-five a:hover span,
.four-five a:active span,
.four-five a:focus span

{
	cursor: pointer;
	background: none;
}

.col h2,
.col h3

{
	color: #fff;
	font-size: 1em;
	
	height: 1em;

	margin: 0;
}

.col p

{
	color: #fff;
	
	font-size: 0.8em;
	line-height: 130%;
	margin: 5px 0 10px 0;
}

.four-five h3,
.four-five p

{
	color: #b4cdf9;
}

.end

{
	border: 0;
}

/* COLOUR PALETTES */

.grey

{
	background: #333;
}

.white

{
	background: #fff;
}

.yellow

{
	background: #ffc833;
}

.earth

{
	background: #7f785f;
}

.darker-blue

{
	background: #557dc4;
}


.blue-paint

{
	background: #6b9ef9;
}

#footer

{
	width: 950px;
	
	font-size: 0.8em;
	color: #fff;
	text-align: center;
	
	position: absolute;
	bottom: 0;
	left: 0;
	
	clear: both;
	display: inline;
	
	padding: 20px 0;
	margin-bottom: 15px;
}

div, span, h1, h2, h3, strong, em, p, blockquote, ul, ol, li, form, img, a, a:link, a:visited, a:hover, a:active, a:focus

{
	background: transparent;
	
	margin: 0;
	padding: 0;
	border: 0;
}