/*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: #007ac2;  text-decoration: underline; }
a:hover { color: #333333; text-decoration: none; }
p { margin: 0 0 15px 0; }
h1, .Heading { font: bold 22px Arial, Sans-Serif; margin: 0 0 12px; color:#007ac2; }h1 a { color: #fff; background: inherit; }
h2 { font: normal 18px Arial, Sans-Serif; margin: 0 0 12px; color:#309dde; }
h3 { font: normal 16px Arial, Sans-Serif; margin-bottom: 4px; color:#309dde;}
h4 { color: #808080; background: inherit; font-weight: normal; font-size: 10px; margin-bottom: 5px; }
h5 { color: #808080; background: inherit; font-weight: normal; font-size: 10px; margin-bottom: 5px; }
h6 { font: normal 24px Impact, Arial, Sans-Serif;  margin: 20px 0 0; color: #007ac2;}
ul { margin: 0 0 20px 30px; text-align:left; }
.searchOuter { margin-bottom:15px; }
.photoBorder { margin: 0 0 10px 10px; }
input.searchfield { width: 160px; padding: 6px; border: 2px solid #ccc; font-size: 11px; }
input.searchbutton { background: #009933; border: 1px solid #009933; padding: 6px; color: #fff; font-weight: bold; font-size: 11px; }
#topSpacer { margin-top:10px; }
#content { width: 900px; margin: 0 auto; }

#logo { margin: 25px 0 12px 15px; float: left; text-align: center;}

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

#menuWrap {
margin-top:35px;
float: right;
	display:block;
	height:32px;
	background:#007ac2; /* 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:12px;
	}
	
#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 { 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 10px; /* set padding will affect padding on all a tags in menu */
	line-height:32px; /* set line height DONT use just height */
	color:#FFFFFF;
	text-decoration:none;
	background-color:#007ac2;
	border-right:1px solid #FFFFFF; /* Borders as appropriate */
	}

#menu a:hover{
	background-color: #a1d1f1;
	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:170px; /* 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:#a1d1f1;
	}
	
#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; }
#profilesBanner { clear: both; background: #fff url(../images/profilesBanner.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 10px; padding: 45px 40px 0 0; text-align: right; }
#resourcesBanner { clear: both; background: #fff url(../images/resourcesBanner.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 10px; padding: 45px 40px 0 0; text-align: right; }
#backgroundBanner { clear: both; background: #fff url(../images/backgroundBanner.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 10px; padding: 45px 40px 0 0; text-align: right; }
#philosophyBanner { clear: both; background: #fff url(../images/philosophyBanner.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; }
#advisoryBanner { clear: both; background: #fff url(../images/advisoryBanner.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, #consultancyBanner p, #profilesBanner p, #resourcesBanner p, #taxationBanner p, #investmentBanner p, #startupBanner p, #contactBanner p, #backgroundBanner p, #philosophyBanner p, #servicesBanner p, #advisoryBanner p { margin: 0; color: #007ac2;}
	
#quickLinks { font-size: 12px; margin: 50px 0 0; }
#quickLinks a { color: #fff; background: #70b0da; padding: 6px 10px 6px; height:30px; line-height:30px; text-decoration:none; }
#quickLinks a:hover { color: #fff; background: #248cca; }

#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: #007ac2; }
	#primaryLinks li a { color: #007ac2; }
	#primaryLinks li a:hover { color: #007ac2; }
	#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; background: #fff; }
#footer p { font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; font-size:10px; }

	#col1 { float: left; width: 624px; padding: 7px 0 0 15px; margin: 0 0 10px; }
	#col3 { float: right; width: 175px; padding: 7px 0 0 40px; }

#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; }