/* Andrew's CSS Document */

/********			To Do			 ********/
/* - More tag classes for such things as a, ul, li, etc	 - */
/* - Check colours are websafe				 - */
/* - Adjust padding and margins where necessary		 - */

/* == Gobal Tag Classes == */
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}

h2 {
	margin: 0px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

h3 {
	margin: 0px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #000099;
}

a { 
	text-decoration: none;
}

a:hover {
	text-decoration: none; 
}

img {
	border: 0px;
}

table {
	border: 0px;
}

th {
	border: 0px;
	background-color: #9999cc;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #000066;
	padding: 5px;
	vertical-align: middle;
	text-align: left;
	margin: 0px;
}

td {
	border: 0px;
	background-color: #e5e5f6;
	padding: 5px;
	vertical-align: middle;
	text-align: left;
	margin: 0px;
}

/* == Clearing Fix == */

/* CLEARING (http://positioniseverything.net/easyclearing) */
.clearfix:after {
	clear: both; 
	content: "."; 
	display: block;
	font-size: 0; /* Fixes FF */ 
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* == Containers == */
#wrapper {
	width: 800px;
	margin: 0 auto;
}

#header {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #000066;
	clear: none;
}

#main {
	clear: none;
}

#content {
	width: 675px;
	float: left;
}

#footer {
	color: #999999;
	clear: both;
	text-align: center;
	font-size: 9px;
	border-top: 2px solid #000066;
	border-bottom: 2px solid #000066;
}

/* == Header == */
#header_topnav {
	color: #ffffff;
	font-size: 10px;
	background: #000066;
	text-align: right;
	padding: 9px 9px 9px 0px;
}

#header_topnav a {
	color: #ffffff;
}

#header_topnav_search {
	float: right;
}

#header_topnav_search_form {
	margin: 0px;
	padding: 0px;
}

.header_topnav_search_box {
	width: 100px;
	font-size: 10px;
	color: #999999;
}

#header_topnav_nav {
	margin-right: 15px;
	padding-top:4px;
	float: right;
}

#header_banner {
	margin-top: 2px;
	vertical-align: bottom;
	clear: none;
}

#header_img_logo {
	height: 60px;
	float: left;
}

#header_img_details {
	height: 60px;
	float: right;
}

#header_img_details_no {
	padding-top: 12px;
	text-align: right;
}

#header_img_details_email {
	text-align: right;
}

#header_mainnav {
	margin-left: 125px;
	clear: both;
}

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

#header_mainnav li {
	display: block;
	margin: 2px 2px 2px 0;
	float: left;
}

#header_mainnav li a {
	background: #9999cc;
	color: #ffffff;
	padding: 4px;
	width: 94px;
	text-decoration: none;
	display: block;
}

#header_mainnav a:focus, 
#header_mainnav a:hover, 
#header_mainnav a:active {background: #e5e5f6; color: #9999cc;}
#header_mainnav a.active {background: #e5e5f6; color: #9999cc;}

/* == Left Navigation Bar == */
#left_navbar {
	width: 125px;
	float: left;
}

#left_navbar ul {
	margin: 40px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

#left_navbar li {
	padding-top: 5px;
}

#left_navbar a {
	font-size: 8pt; 
	color: #000066; 
	text-decoration: none;
}

#left_navbar a:hover {
	font-size: 8pt; 
	text-decoration: none; 
}

/* == Content == */
#content_zonebanner {
	width: 670px;
	clear: both;
}

#content_leftshort {
	width: 375px;
	margin-right: 15px;
	float: left;
}

#content_rightfull {
	width: 285px;
	float: left;
}

#content_leftfull {
	width: 570px;
	margin-right: 15px;
	float: left;
}

#content_rightshort {
	width: 90px;
	float: left;
}

#content_tablephotos td {
	background-color: #ffffff;
	vertical-align: top;
	padding: 2px;
}

/* == Global Classes == */
.firstp {
	margin-top: 3px;
}

.rowwb {
	border: 1px #FFFFFF;
}

.rowwb_center {
	border: 1px #FFFFFF;
	text-align: center;
}

.cell1 {
	background-color:#CCFFFF;
	text-align: left;
}

.cell2 {
	background-color:#99CCFF;
	text-align: left;
}

.cell3 {
	background-color:#CCCCCC;
	text-align: left;
}

.cell4 {
	background-color:#999999;
	text-align: left;
}

.cell5 {
	background-color:#99CCCC;
	text-align: left;
}

.cell6 {
	background-color:#FFFFFF;
	text-align: left;
}

.cell7 {
	background-color:#99CC99;
	text-align: left;
}

.cell8 {
	background-color:#FFCCCC;
	text-align: left;
}

.cell9 {
	background-color:#FFCC99;
	text-align: left;
}

.cell10 {
	background-color:#FFFF99;
	text-align: left;
}

.cell11 {
	background-color:#999FFF;
	text-align: left;
}

.cell12 {
	background-color:#9999CC;
	text-align: left;
}

.cell13 {
	background-color:#CCCCFF;
	text-align: left;
}

.cell14 {
	background-color:#FFCCFF;
	text-align: left;
}

.cell15 {
	background-color:#FFCC66;
	text-align: left;
}

.cell16 {
	background-color:#FFFFCC;
	text-align: left;
}

.cell17 {
	background-color:#CCFF99;
	text-align: left;
}

.cell18 {
	background-color:#FF9999;
	text-align: left;
}

.block_table