@charset "utf-8";
/* 
==== CSS Document ==========================================
	
	Site:					
	Author: 			Steven Gibbons | Union Room Ltd
	Created: 			4th September 2008
	Updated: 			N/A
	Copyright: 		 
	
==========================================================
*/


/* === Tags & Global Elements === */
* { margin: 0; padding: 0; }
html { font-size: 100%; }
body { margin: 0; padding: 0; font-size: 62.5%; }


/* === Main Structure === */
div#container { margin: 0 auto; width: 750px; }
div#body { margin: 0 0 0 56px; padding: 0; width: 694px; }
div#top { margin: 20px 0 0 0; padding: 0; height: 60px; clear: both; }
h1#logo { margin: 0; padding: 0; width: 214px; height: 108px; float: right; background-image: url('../img/logo.gif'); 
				  background-position: top; background-repeat: no-repeat; clear: both; }
div#header { margin: 10px 0 30px 0; padding: 0; width: 640px; height: 220px; }
html>body div#header { margin: 60px 0 30px 0; padding: 0; width: 640px; height: 220px; }
	.index { background-image: url('../img/index_hdr.jpg'); background-repeat: no-repeat; background-position: top; }
	.money { background-image: url('../img/money_hdr.jpg'); background-repeat: no-repeat; background-position: top; }
	.ourpeople { background-image: url('../img/chairman_hdr.jpg'); background-repeat: no-repeat; background-position: top; }
	.support { background-image: url('../img/support_hdr.jpg'); background-repeat: no-repeat; background-position: top; }
	
div#mainMenu ul { margin: 60px 0 0 0; padding: 0; list-style: none; float: left;  }
div#mainMenu li { 
	float: left; margin: 0 7px 0 0; padding: 0 10px 0 0; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.3em; color: #00274C;
	background-image: url('../img/bullet.gif'); 
	background-repeat: no-repeat; background-position: center right;
}
div#mainMenu li a { color: #00274C; text-decoration: none; }
div#mainMenu li a:hover { color: #80A1B6; text-decoration: none; }
div#mainMenu li a.current { color: #80A1B6; text-decoration: none; }
div#mainMenu li.end{ color: #00274C; text-decoration: none; background:none; }

div#subMenu ul { margin: 20px 0 20px 0; padding: 0; list-style: none;  }
div#subMenu li { 
	float: left; margin: 0 7px 0 0; padding: 0 10px 0 0; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.3em; color: #00274C;
	background-image: url('../img/bullet.gif'); 
	background-repeat: no-repeat; background-position: center right;
}
div#subMenu li a { color: #00274C; text-decoration: none; }
div#subMenu li a:hover { color: #80A1B6; text-decoration: none; }
div#subMenu li a.current { color: #80A1B6; text-decoration: none; }
div#subMenu li.end{ color: #00274C; text-decoration: none; background:none; }

div#content { margin: 30px 0 0 0; padding: 0; width: 640px; }
div#content.sub { margin: 20px 0 0 0; padding: 20px 0 0 0; width: 640px; border-top: 1px solid #CCCCCC; }
div#content h2 { font-family: Arial, Helvetica, sans-serif; font-size: 2.0em; color: #80A1B6; line-height: 1.5; padding: 0 0 10px 0; }
div#content p { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #00274C; line-height: 1.5; padding: 0 0 10px 0; }
div#content ul { margin: 0 0 0 26px; padding: 0; list-style: disc; }
div#content li { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #00274C; line-height: 1.5; padding: 0 0 10px 20px; }

div#footer { 
	margin: 40px 0 40px 0; padding: 15px 0 0 0; width: 640px; border-top: 1px solid #CCCCCC;
}
div#footer p { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #00274C; line-height: 1.5; }
div#footer a { color: #80A1B6; text-decoration: none; }
div#footer a:hover { color: #00274C; text-decoration: none; }
span.current { color: #80A1B6; text-decoration: none; }


/* === IDs & Classes === */
.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0; height: 0; overflow: hidden; display: block; }
a.imgReplace:hover { background-position: bottom !important; }
.spacer { height: 20px; }
.line { height: 1px;  border-bottom: solid 1px #CCCCCC; }


/* === Important Stuff === */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */