/**************** Begin Typography and Colours *******************/

body {
	color: #000000;
	text-align: center;
	background-color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	}

#page {
	background-color:#000000;
	text-align: left;
	}

#header {
	background: #000000;
	}

#header {
	background: #000000;
	}

#datesection {
	height: 22px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#date {
	float:right;
	padding-top:3px;
	background-color:#000000;
	color:#fff;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	

#container{
	background:#fff;
	}
	
#content {
	background: url(../../assets/content.jpg) no-repeat #FFFFFF;
	color: #333;
	text-align:justify;
	font-size:12px;
	}
	
#footer {
	background: #000000 url('images/footer.jpg') no-repeat bottom;
}

img{
	border:0;
	}

/*************** End Typography and Colours *******************/

/************** Begin structure *******************/

body {
	margin: 0 0 20px 0;
	padding: 0; 
	}

#page {
	margin: 0px auto;
	padding: 0;
	width: 800px;
	border: 2px solid #000000;
	}

#header {
	margin: 0; 
	padding: 0; 
	height: 75px; 
	width: 800px;
	}

#navcontainer {
	width: 800px;
	height: 20px;
 	padding: 0px;
 	margin: 0px;
	border-top:2px #000000 solid;
	border-bottom:2px #000000 solid;
	background:#000000;
}

/* 1st Level Menu */
ul#nav {
	height:22px;
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	background:#ffffff;
	font-size:12px;
	text-decoration:none;
	}

/* 1st Level Menu Items */
ul#nav li {
	width: 100px; 
	height:22px;
	position:relative;
	list-style: none;
	float: left;
}

/* 2nd Level Menu */
ul#nav ul {
	width:100px;
	position: absolute;
	display: none;
	left:-1px;
	top: 22px;
	margin: 0;
	padding: 0;
	background: transparent; /* IE6 Bug */
	font-size: 100%;
}

/* 2nd Level Menu Items */

ul#nav li ul li{
	height:21px;
}

/* Menu Styles */
ul#nav li a, ul#nav li ul li a {
	height:18px;
	display:block;
	text-decoration: none;
	color: #000000;
	border-right:2px #000000 solid;
	padding-top:3px;
	padding-bottom:1px;
	text-align:center;	
}

/* 2nd Level Menu Style */
ul#nav li ul li a
{
	height:16px;
	border:1px #000000 solid;
	background:#CCCCCC;
	padding-top:2px;
	padding-bottom:2px;
} 

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */

ul#nav li.menuparent { background: transparent url(down_arrow.gif) right center no-repeat; }

ul#nav li.menuparent:hover 
{ 
	color: #cc0000; 
	background-color: #cccccc;  
}

/* 1st Level Hover Styles */
ul#nav li a:hover { color: #cc0000; background:#999999; } 

/* 2nd Level Hover Styles */
ul#nav li ul li a:hover { color: #FF0000; background:#999999; } 

/* The magic */
ul#nav li:hover ul, ul#nav li.over ul { display: block; } 

#container{
	margin: 2px 0px;
	}

#content {
	width:588px;
	float:left;
	padding:5px;
	border-right: 2px #000000 solid;
}

#sidebar {
	width:200px;
	margin-left: 600px;
}

#footer {
	width: 800px;
	border: 0;
	padding: 0;
	margin: 0 auto;
	clear: both;
}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}


/**************** Begin OFB Stuff *************/

.bigword {
	font-weight:bold;
}

#content a, #content a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

#content a:hover {
	color:#FF0000;
	text-decoration:underline;
}

h1 {
	text-align:center;
}

h5 {
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

h6 {
	font-size:12px;
	font-weight:bold;
}

/**************** End OFB Stuff *************/