/*Demo 20 Template */
*{ margin: 0; padding: 0; }* 
body { 
	font: 12px Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
	line-height: 18px;
	background: #fff url(/images/bg.gif) repeat-x; 
	color: #444;
	margin-top:20px;
}
HTMl { overflow: scroll; }
img { border:none; }
a {	color: #003779;  text-decoration: none; }
a:hover { color: #00b1ac; }
p { margin: 0 0 15px 0; }
h1, .Heading { font: bold 20px Arial, Sans-Serif; margin: 0 0 12px; color:#003779; }
h2 { font: normal 18px Arial, Sans-Serif; margin: 0 0 12px; color:#00b1ac; }
h3 { font: bold 16px Arial, Sans-Serif;  margin-bottom: 12px;}
h4 { color: #00b1ac; background: inherit; font-weight: normal; font-size: 13px; margin-bottom: 5px; font-weight:bold; }
h5 { color: #444444; background: inherit; font-weight: normal; font-size: 12px; margin-bottom: 5px; }
h6 { font: bold 19px Arial, Sans-Serif;  margin: 25px 0 0; color: #00b1ac;}
ul { margin: 0 0 20px 30px; }
.searchOuter { margin-bottom:15px; }
input.searchfield { width: 215px; padding: 6px; border: 2px solid #ccc; font-size: 11px; }
input.searchbutton { background: #00b1ac; border: 1px solid #00b1ac; padding: 6px; color: #fff; font-weight: bold; font-size: 11px; }
.highlight { font-weight:bold; color:#003779; }
.boxOuter { background-color:#FEFEFE; border:1px solid #003779; margin-bottom:12px; padding:10px; }
.textleft { text-align:left; }
.color { color:#003779; }
#profile { width: auto; height: 205px; min-height: 205px; height: auto !important; border-bottom: dotted 1px #444; margin: 0 0 15px 0; }
.profile-image { float: right; margin: 3px 0 10px 15px; border: solid 1px #00b1ac; }

#topSpacer { margin-top:10px; }
#content { width: 900px; margin: 0 auto; }
#header { display:block; clear:both; background-color:#FFFFFF; height:120px; margin:0px 0 35px 0; }
#logo { float: left; }

#slideshow { clear: both; position: relative; background-color: #fff; color: #4C8734; width: 900px; height: 198px; margin: 0 0 10px 0; padding: 0; text-align: right; z-index: 10; }
.slideshow-overlay { position: absolute; padding: 0; margin: 0; top: 25px; left: 550px; z-index: 100; }

#menuOuter {float: right; margin-top:43px; padding:inherit; }

#menuWrap {
margin-top:40px;
margin-right:15px;
float: right;
	display:block;
	height:32px;
	background:#505050; /* add background (this can be added directly to the #menu */
	position:relative;
	z-index:100;/* this makes sure that the menu appears on top of all elements of the page mainly things like JS banners and flash files */
	}

#menu, #menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; /* add line height  DONT USE HEIGHT */
	font-weight:normal;
	font-size:13px;
	}
	
#menu { margin-left:0px; /* add any padding - separate so you don’t add margin to the all the ul elements */ }

#menu li { 
	list-style:none;
	float:left; /* float needed */  
	}
#menu li:hover a { background-color: #00b1ac; color:#FFFFFF; } /* keeps the original button highlighted */	
	
#menu li.noborderr a { border-right:none;  } #menu li.noborderl a { border-left:none;  }/* Borders as appropriate */

#menu a{
	display:block;
	padding:0px 12px; /* set padding will affect padding on all a tags in menu */
	line-height:32px; /* set line height DONT use just height */
	color:#003377;
	text-decoration:none;
	background-color:#FFFFFF;
	border-right:1px solid #003377; /* Borders as appropriate */
	}

#menu a:hover{
	background-color: #00b1ac;
	color:#fff;
	}

#menu li{
	float:left; /* IMPORTANT */
	position:relative;
	border:0;
	}

#menu ul {
	position:absolute; /* Menu uses position ab to set drop downs so top: needs to be the same height as the menu */
	display:none; /*display none so menu is not visable until user hovers over the li*/
	width:174px; /* Width will need to be updated inline with all the padding on the menus */
	top:32px;
	background-color:#999999;
	}

#menu li ul a{
	width:150px; /* Width will need to be updated inline with all the padding on the menus */
	height:auto;
	float:left;
	border:0;
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	line-height:normal;
	padding-bottom:8px;
	padding-top:8px;
	}
	
#menu li ul a:hover {
	float:left;
	border:0;
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	background-color:#003377;
	}
	
#menu ul ul{
	top:auto;
	}	

#menu li ul ul { /* styles for sub drop downs */
	left:164px; /* left needs to be the overall width of the main drop down  */
	margin:0px 0 0 10px;
	width:184px;
	}
#menu li ul ul a { 
	width:160px; /*update width inline with all the overs*/
	}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
	display:none;
	}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
	display:block;
	}

#mainBanner { clear: both; background: #fff url(/images/mainBanner.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 0px; padding: 45px 30px 0 0; text-align: right; }
#generalBanner { clear: both; background: #fff url(/images/generalBanner.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 10px; padding: 45px 30px 0 0; text-align: right; }
#aboutBanner { clear: both; background: #fff url(/images/aboutBanner.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 10px; padding: 45px 30px 0 0; text-align: right; }
#complianceBanner { clear: both; background: #fff url(/images/complianceBanner.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 10px; padding: 45px 30px 0 0; text-align: right; }
#supportBanner { clear: both; background: #fff url(/images/supportBanner.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 10px; padding: 45px 30px 0 0; text-align: right; }
#consultancyBanner { clear: both; background: #fff url(/images/consultancyBanner.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 10px; padding: 45px 30px 0 0; text-align: right; }
#taxationBanner { clear: both; background: #fff url(/images/taxationBanner.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 10px; padding: 45px 30px 0 0; text-align: right; }
#investmentBanner { clear: both; background: #fff url(/images/investmentBanner.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 10px; padding: 45px 30px 0 0; text-align: right; }
#startupBanner { clear: both; background: #fff url(/images/startupBanner.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 10px; padding: 45px 30px 0 0; text-align: right; }
#contactBanner { clear: both; background: #fff url(/images/contactBanner.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 10px; padding: 45px 30px 0 0; text-align: right; }
	
#quickLinks { font-size: 11px; margin: 20px 0 0; }
#quickLinks a { font-size: 11px; color: #fff; background: #003377; padding: 4px 20px 6px; height:30px; line-height:30px;}
#quickLinks a:hover { font-size: 11px; color: #fff; background: #3a72bc; }
#quickLinks a.budget { color: #fff; background:#00b1ac; padding: 4px 20px 6px; height:30px; line-height:30px;}
#quickLinks a.budget:hover { color: #fff; background:#16ccc7; }
#contentOuter { display:block; clear:both; overflow:hidden; background-image:url(/images/maincontentbg.gif); background-repeat:repeat-y; background-position:left; }


#primary { clear: left; float: left; width: 285px; padding: 0 30px 0 15px; font-size: 11px; margin: 0 0 10px; }
#primary p { font-size:11px; font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; }
#primary ul { margin:0 0 10px 0px; padding:0; }
#primary li { background-color:#d6e7e6; list-style-type:none; margin-bottom:10px; padding:4px; font-weight:bold; color:#003779;  }
#primaryLinks { list-style: none; margin: 0 0 20px 0; }
#primary h2 { font-size:18px; }
#primary h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	
#secondary {
	margin: 0 15px 10px 0;
	padding: 0;
	float: right;
	width: 525px;
	text-align: justify;
}
#secondary li { text-align:left; }
#secondary td { padding:2px 3px; }
#secondary table { margin-bottom:5px; }

#columnHeader { width: 120px; float: left; padding-right:10px; font-weight:bold; }
#columnAnswer { width: 400px; float: left; }

.clear { clear: both; }
.newsdate { width: auto; display: block; border-bottom: dotted 1px #AAA; font-family: Verdana; font-size: 10px; color: #AAA; text-align: right; text-transform: uppercase; }

.Tax_Heading { padding: 2px; }
.Tax_Row { padding: 2px; }

#footer { display:block; clear: both; overflow:hidden; border-top: 1px solid #ccc; padding: 15px 0; font-size: 10px; color: #808080; background: #00b2b0; border-top:2px solid #003779; }
#footerText { margin:0 auto; width:890px; }
#footer p { font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; font-size:11px; color: #FFFFFF; }
#footer a { color: #FFFFFF; }
#footer a:hover { color:#FFFFCC; }
#footerPrimary { float:left; width:620px; }
#footerPrimary img { margin-bottom:6px; }
#footerSecondary { float:right; width:220px; text-align:right; }

#printLogo { display:none; }

/* clientZONE fix for background anomally */

table#CZDocumentBody
{
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}
#FAQBody ul { margin:0 0 10px 30px; }
.DocumentBody p { margin-bottom:15px; }
.FormButton { margin-bottom:15px; }