/*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;
	border-left:10px solid #FFF;
	border-right:10px solid #FFF;
	margin-top:10px;
}

a {	color: #007770;  text-decoration: underline; }
a:hover { color: #5da0a4; text-decoration:none; }
p { margin: 0 0 15px 0; }
h1, .Heading { font: normal 30px "Arno Pro", Arial, Sans-Serif; margin: 0 0 7px; color:#007770; }
h2 { font: bold 20px Arial, Sans-Serif; margin: 0 0 12px; color:#80b280; }
h3 { font: bold 16px Arial, Sans-Serif; margin-bottom: 10px;}
h4 { color: #808080; background: inherit; font-weight: normal; font-size: 10px; margin-bottom: 5px; }
h5 { background: inherit; font-weight: normal; font-size: 11px; margin-bottom: 5px; }
h6 { font: bold 20px Arial, Sans-Serif;  margin: 20px 0 0; color: #007770;}
ul { margin: 0 0 20px 30px; }
.searchOuter { margin-bottom:15px; }
input.searchfield { width: 160px; padding: 6px; border: 2px solid #ccc; font-size: 11px; }
input.searchbutton { background: #007770; border: 1px solid #007770; padding: 6px; color: #fff; font-weight: bold; font-size: 11px; }
.floatr { margin:0 0 10px 10px; float:right; }
#topSpacer { margin-top:10px; }
#content { width: 900px; margin: 0 auto; }

#logo { margin: 10px 0 25px 0; height: 66px; width: 260px; float: left;}

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

#menuWrap {
margin-top:35px;
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: #007770; 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:#007770;
	font-weight:bold;
	text-decoration:none;
	background-color:#FFFFFF;
	border-right:1px solid #007770; /* Borders as appropriate */
	}

#menu a:hover{
	background-color: #007770;
	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;
	font-weight:normal;
	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:#5da0a4;
	}
	
#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 10px; padding: 45px 40px 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 40px 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 40px 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 40px 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 40px 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 40px 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 40px 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 40px 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 40px 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 40px 0 0; text-align: right; }
#servicesBanner { clear: both; background: #fff url(/images/servicesBanner.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 10px; padding: 45px 40px 0 0; text-align: right; }

#mainBanner p, #generalBanner p, #aboutBanner p, #complianceBanner p, #supportBanner p, #servicesBanner p, #consultancyBanner p, #taxationBanner p, #investmentBanner p, #startupBanner p, #contactBanner p { margin: 0; color: #4C8734;}
	
#quickLinks { font-size: 11px; margin: 40px 0 0; }
#quickLinks a { color: #fff; background: #4C8734; padding: 4px 20px 6px; height:30px; line-height:30px;}
#quickLinks a:hover { color: #fff; background: #62ab44; }
#quickLinks a.budget { color: #fff; background:#a50808; padding: 4px 20px 6px; height:30px; line-height:30px;}
#quickLinks a.budget:hover { color: #fff; background:#770e0e; }

#primary { clear: left; float: left; width: 240px; padding: 0 34px 0 15px; font-size: 11px; margin: 0 0 10px; }
#primary p { font-size:11px; font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; }
	#primaryLinks { list-style: none; margin: 0 0 20px 0; }
	#primaryLinks li { margin: 0; padding: 0 0 0 12px; background: #fff url(/images/bullet.gif) no-repeat center left; color: #669966; }

	#primary h2 { font-size:16px; }
	#primary h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	
#secondary {
	margin: 0 15px 10px 0;
	padding: 0 0 0 35px;
	border-left: 1px solid #ccc;
	float: right;
	width: 560px;
	text-align: justify;
}
#secondary td { padding:2px 3px; }
#secondary table { margin-bottom:5px; }
#highlight { padding: 12px 14px 1px; background: #f4f4f4 url(/images/noticebg.gif) no-repeat bottom right; color: #808080; margin-bottom:10px;  }

#columnHeader { width: 120px; float: left; padding-right:10px; font-weight:bold; }
#columnAnswer { width: 400px; float: left; }
.clear { clear: both; }
.Tax_Heading { padding: 2px; }
.Tax_Row { padding: 2px; }

#footer { clear: both; border-top: 1px solid #ccc; padding: 10px 0; margin: 0 0 15px; font-size: 10px; color: #808080; background: #fff; display:block; overflow:hidden; }
#footer p { font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; font-size:10px; }
	#footer a { color: #669966; }
	#footer a:hover { color: #666666; }
	#col1 { float: left; width: 274px; padding: 7px 0 0 15px; margin: 0 0 10px; }
	#col2 { float: left; width: 475px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
#seo { border-top: 1px solid #007770; padding:10px; background-color:#F3F3F3; }
#seo h1, #seo p { font-size: 9px; font-weight:normal; color:#666666; font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; margin:0 auto; text-align:center; }
#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; }