/* This rule resets a core set of elements so that they will appear consistent across browsers. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
  background-color: #FFFFFF;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: left; /* Centers the page content container in IE 5 browsers. */
}

}
#header {
	width: 100%;
}
#Footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-right: 320px;
	margin-left: 40px;
	font-size: 75%;
	color: #777777;
}

#logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
#header-top {
	background: #003bb2;
	vertical-align: bottom;
	height:100px;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
}

.tagline {
	color: #FFFFFF;
	float: left;
	padding-top: 2em;
	padding-left: 380px;
	margin: 0px 0px 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
}
#controls {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #72746d;
	text-align: right;
	margin-top: 0.2em;
	margin-right: 60px;
}
#header-bottom li {
	font: italic bold 90% Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	margin-right: 2.4em;
}
#Header p {
	margin: 0px;
	padding: 0px;
}
#Header li {
	display: inline;
}
#header-bottom ul {
	margin: 0px 0px 0px 12px;
	padding-top: 5px;
	padding-left: 380px;
}
#controls ul {

	margin: 0px;
	padding: 0px;
}
#header-bottom li a:link {
	color: #000000;
	text-decoration: none;
}
img {
	border-width: 0px;
}
#header-bottom {
	font-weight: bold;
	background: #ffffcc;
	height: 32px;
}

#header-bottom li a:visited {

	color: #00468c;
	text-decoration: none;
}
#Ticker {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	padding-left: 380px
}
#Ticker .Ticker-box {
	float: right;
	width: 100%;
	border-top: 1px solid #8a9877;
}


#Content {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-right: 320px;
	margin-left: 40px;
}
#Content .homepage-box {
	float: right;
	width: 100%;
	border-top: 1px solid #8a9877;
}
.clear {
	clear: both;
}
#Content h1 {
	font: italic bold 110% Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0px;
	padding: 0px 0px 0.2em;
	color: #00468c;
}
#Content h2 {
	font: italic bold 120% Verdana, Arial, Helvetica, sans-serif;
	color: #00468c;
	margin: 1.5em 0.5em 0px;
	padding: 0px 0px 0.1em;
}
#Content .homepage-box .picture {
	float: left;
	width: 280px;
	margin-right: 20px;
	margin-left: 4px;
}
#Navigation {
	background: #003bb2;
	position: absolute;
	width: 275px;
	top: 132px;
	right: 0;
}
.displayblock {
	display: block;
}

#Navigation .section {
	margin-top: 30px;
	padding-top: 20px;
	background: #003bb2;
}
#Navigation h1 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding: 0px;
	margin-top: 0.2em;
	margin-left: 0.2em;
}
#Navigation ul.topics li {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #00468c;
	background: #ffffcc;
	border-top: 1px solid #eaeae2;
	padding: 0.2em 0.4em 0.2em 26px;
	border-bottom: 1px solid #003bb2;
}
#Navigationul.topics li a:visited {
	font-weight: bold;
	color: #00468c;
	text-decoration: none;
}

#Navigation ul.topics li a:link {
	font-weight: bold;
	color: #00468c;
	text-decoration: none;
}
#Navigation ul.topics {
	padding: 0px;
	margin-right: 20px;
	margin-left: 35px;
	list-style: none;
}
#Footer .footer-box {

	float: left;
	width: 100%;
	border-top: 1px solid #8a9877;
}
#Footer .footer-box .picture {
	float: left;
	height: 50px;
	margin-right: 4px;
	margin-left: 4px;
}
#Content .homepage-box .picture-right {
	float: right;
	width: 280px;
	margin-right: 4px;
	margin-left: 20px;
	margin-top: 4px;
}
#Base {

	font: 80% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-right: 320px;
	margin-left: 40px;
}
#Base h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-style: normal;
	font-weight: bold;
}
#Base h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-style: normal;
	font-weight: bold;
}


#Base  .team-box {
	float: right;
	width: 49%;
	border-top-style: solid;
	border-top-color: #00468c;
}
#Base .team-box .fee-pic {
	width: 20px;
	margin-right: 20px;
	margin-left: 4px;
	float: left;
	height: 23px;
}
#Base .bpic {
	width: 280px;
	float: left;
	margin-right: 4px;
	}

/* CSS Document */


body {
	background-color: #ffffff;

/* for pull-down menu to work in IE6*/
behavior:url("csshover2.htc");

}

/* pull-down mainmenu css */
.mainmenu{
	float: left;
	width: 100%;
	padding: 0;
	height: 100%;
}
.mainmenu ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	color:#ffffcc;
	background: #003bb2;
	padding: 0;
	border: solid #A0A0A4;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}

.mainmenu a, .mainmenu a:visited {
	display: block;
font-family:Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:bold;font-style:normal;text-decoration:underline;
	color: #ffffcc;
	text-decoration: none;
	padding: 1em 1em;
}
.mainmenu ul ul a{
	width:100%;
	height:100%;
}
.mainmenu ul a{
	width:1%;
}


.mainmenu li  {
	float: left;
	margin:0;
	padding:0;
}

.mainmenu ul li {float:left; position:relative;  }
.mainmenu ul li a {white-space:nowrap;}
	
.mainmenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:15em;	
	background: #003bb2;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}

.mainmenu li li {
	width:15em ;
}

.mainmenu li li a{
	width:13em ;
}

.mainmenu li ul  {
	margin: 0;
}
.mainmenu li ul ul {
	margin: -2.8em 0 0 13.5em;
}
.ul_ch, 
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
	left: auto;
}
.mainmenu li:hover>ul.ul_ch   
{
	left: auto;
}

.mainmenu li:hover{
	background: #ffffcc;
}

.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
	color:#003bb2;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a, 
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited, 
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
	color:#ffffcc;
}
.mainmenu li li:hover, .mainmenu li li li:hover, 
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover 
{
	background: #ffffcc;
	z-index:9999;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a, 
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
	color: #003bb2; 
}

.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
	color: #003bb2;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #003bb2;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
	color: #ffffcc;
}


/* end of mainmenu css */

.item1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	text-decoration: none;
	display: block;
	width: 230px;
	font-weight: normal;
	color: #003bb2;
	line-height: 19px;
	float: none;
	padding-left: 16px;
	background-color:   #ffffcc;
	margin-left: 10px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #003bb2;
	height: 19px;
}
.item1:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	text-decoration: none;
	display: block;
	width: 230px;
	font-weight: normal;
	color: #ffffcc;
	line-height: 19px;
	float: none;
	padding-left: 16px;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: left center;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #ffffcc;
	background-color: #003bb2;
	height: 19px;
}
/* Forms */
form.enquiry fieldset {
	border: 2px solid navy;
	padding: 10px;
	}
	
form.enquiry legend {
	color: navy;
	padding: 5px;
	}
	
form.enquiry {
	padding: 0;
	margin: 0;
	line-height: 250%;
}
form.enquiry  label{
	color: navy;
	}
	
form.enquiry label.fixedwidth {
width: 200px;
float: left;
}