﻿
*
{
	top: 0;
	left: 0;
}

body 
{
	width: 1000px; 
	height: 768px;
}

table
{
	
}

table tr td
{
	font-family: Arial;
	font-size: 14px;
	color: #00ADEF;
}

p
{
	font-family: Arial;
	font-size: 16px;
	color: #000000;
}

table#OurTeam.Explorer6
{
	margin-top: -20px;
}

table#OurTeam tr td
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	vertical-align: top;
}

table#FinancialServices tr td
{
	font-family: Arial;
	color: #000000;
	vertical-align: top;
}

table#Events tr td
{
	color: #000000;
	text-decoration: none;
}
table#Events tr td a
{
	font-weight: bold;
	color: #009ACF;
	text-decoration: none;
}
table#Events tr td a:hover
{
	color: Red;
}

table#LinksTable tr td a
{
	font-weight: bold;
	color: #009ACF;
	text-decoration: none;
}
table#LinksTable tr td
{
	color: #000000;
	text-decoration: none;	
}
table#LinksTable tr td a:hover
{
	color: Red;	
}

span.BlackBold
{
	font-weight: bold;
	color: #000000;
}

ul
{
	font-family: Arial;
	font-size: 16px;
	color: #000000;
}

ul li
{
	height: 30px;
}

ul#MenuList a
{
	font-size: 16px;
	color: #ffffff;
}
ul#MenuList a:hover
{
	/*font-weight: bold;*/
	color: #000000;
}

ul#MenuList li:hover
{
	background-color: #B2E1F1;
	color: #000000;
}
ul#MenuList li:hover a
{
	color: #000000;
	/*font-weight: bold;*/
}


ul.Unbulleted
{
	list-style-type: none;
}
ul.Unbulleted li
{
	font-family: Arial;
	font-size: 16px;
	color: #000000;
	height: 30px;
	vertical-align: middle;
}
ul.Unbulleted li a
{
	text-decoration: none;
}

/********************************************************/
/* styles for the divs which comprise most of the pages */
/********************************************************/
div#HeaderDiv
{
	float: left;
	width: 1000px;
	height: 132px;
	background-image: url('../images/about_header.gif'); background-repeat: no-repeat;
}

div#MenuDiv
{
	height: 636px;
	width: 150px;
	float: left;
	background-color: #009ACF; /* was #00ADEF; */
}

div#ContentDiv
{
	float: left;
	width: 850px;
	height: 512px;
	background-color: Transparent;
}
div#HeaderTextDiv
{
	width: 830px;
	height: 20px;
	padding-top: 25px;
	padding-left: 20px;
	font-family: Arial;
	font-size: 30px;
	color: #00ADEF;
}
div#InnerContentDiv
{
	padding-left: 20px;
}

div#FooterDiv
{
	float: left;
	width: 850px;
	height: 100px;
	background-color: Transparent;
}

div#FooterDiv table tr td
{
	font-family: Arial;
	color: #000000;
}

/********************************************************/
/*----------------------END-----------------------------*/
/********************************************************/
/* styles for the menu, which are now cross-browserised */
/********************************************************/
ul.MenuFirefox,
ul.MenuExplorer6,
ul.MenuExplorer7,
ul.MenuExplorer8
{
	list-style-type: none;
	padding-top: 20px;
}

ul.MenuFirefox
{
	margin-left: -40px;
	top: -36px;
}
ul.MenuExplorer6
{
	margin-left: 0px;
	top: -21px;
}
ul.MenuExplorer7
{
	margin-left: 0px;
	top: -21px;
}
ul.MenuExplorer8
{
	margin-left: -20px;
	top: -34px;
}

ul.MenuFirefox li,
ul.MenuExplorer6 li,
ul.MenuExplorer7 li,
ul.MenuExplorer8 li
{
	height: 47px;
	border-top: solid 3px #ffffff;
	line-height: 40px;
}
ul.MenuFirefox li.DoubleHeight,
ul.MenuExplorer6 li.DoubleHeight,
ul.MenuExplorer7 li.DoubleHeight,
ul.MenuExplorer8 li.DoubleHeight
{
	padding-top: 5px;
	line-height: 22px;
}
ul.MenuFirefox li.TrebleHeight,
ul.MenuExplorer6 li.TrebleHeight,
ul.MenuExplorer7 li.TrebleHeight,
ul.MenuExplorer8 li.TrebleHeight
{
	height: 50px;
	padding-top: 5px;
	line-height: 16px;
}


ul.MenuFirefox li a,
ul.MenuExplorer6 li a,
ul.MenuExplorer7 li a,
ul.MenuExplorer8 li a
{
	text-decoration: none;
	font-family: Arial; 
	font-size: 14px;
	color: #000000;
}

/********************************************************/
/* highlight selected menu options......................*/

body#About div#MenuDiv ul li a#About,
body#Home div#MenuDiv ul li a#Home,
body#Team div#MenuDiv ul li a#Team,
body#Speciality div#MenuDiv ul li a#Speciality,
body#Commercial div#MenuDiv ul li a#Commercial,
body#Personal div#MenuDiv ul li a#Personal,
body#Financial div#MenuDiv ul li a#Financial,
body#Information div#MenuDiv ul li a#Information,
body#Links div#MenuDiv ul li a#Links,
body#Enquiry div#MenuDiv ul li a#EnquiryForm,
body#Contact div#MenuDiv ul li a#Contact
{
	background-color: #B2E1F1;
	color: #000000;
	font-weight: bold;
}
/* needs to expand to <li> background as well as <a> background */
body#About div#MenuDiv ul li#about,
body#Home div#MenuDiv ul li#home,
body#Team div#MenuDiv ul li#team,
body#Speciality div#MenuDiv ul li#speciality,
body#Commercial div#MenuDiv ul li#commercial,
body#Personal div#MenuDiv ul li#personal,
body#Financial div#MenuDiv ul li#financial,
body#Information div#MenuDiv ul li#information,
body#Links div#MenuDiv ul li#links,
body#Enquiry div#MenuDiv ul li#enquiryForm,
body#Contact div#MenuDiv ul li#contact
{
	background-color: #B2E1F1;	
}
/********************************************************/
/********************************************************/
/********************************************************/