/*Demo 20 Template */
*{ margin: 0; padding: 0; }* 
body { 
	font: 12px Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
	line-height: 18px;
	color: #444;
	margin-top:10px;
}

a {	color: #004091; text-decoration: none; }
a:hover { color: #017dc3; text-decoration: none; background: #fff; }
p { margin: 0px 0px 15px 0px; }
h1 { font: bold 20px Arial, Sans-Serif; margin: 20px 0 10px 0; color:#004091; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 17px Arial, Sans-Serif; margin: 0 0 12px; color:#017dc3; }
h3 { font: bold 16px Arial, Sans-Serif; border-left: 10px solid #017dc3; padding-left: 5px; margin-bottom: 4px;}
h4 { color: #808080; background: inherit; font-weight: normal; font-size: 10px; margin-bottom: 5px; }
ul { margin: 0 0 20px 30px; }
#secondary ul { margin: 0 0 20px 30px; }
#content ol { margin: 0 0 20px 30px; }
input.searchfield { width: 175px; padding: 6px; border: 2px solid #ccc; font-size: 11px; }
input.searchbutton { background: #017dc3; border: 1px solid #017dc3; padding: 6px; color: #fff; font-weight: bold; font-size: 11px; }
.imgborder { margin: 0 0 10px 10px; }
.small { font-size: 11px;}
#topSpacer { margin-top:10px; }
#content { width: 900px; margin: 0 auto 10px auto; }

#logo { margin: 10px auto 0px auto; height: 100px; width: 900px; }

#menuOuter {clear: both; position:relative;display:block;font-size:12px;font-weight:bold;background:transparent url(../images/menuBg.gif) repeat-x top left;font-family:Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; margin-bottom:10px; }
#menu { margin: 1px 0 0 25px; padding: 0; height:42px; }
#menu li { list-style: none; float: left; border: none; }
#menu li a { display: block; padding: 11px 12px; line-height: 20px; background-color: #017dc3; color: #ffffff; text-decoration: none; border-right: 1px solid #FFFFFF; }
#menu li a:hover { display: block; padding: 11px 12px; background-color: #004091; color: #fff; text-decoration: none; background-image:none; }
#menu li ul { display: none; background-color: #004091;}
#menu li:hover ul, #menu li.hover ul { display: block; position: absolute; margin: 0; padding: 0; }
#menu li:hover li, #menu li.hover li { float: none; line-height:10px; }
#menu li:hover li a, #menu li.hover li a { background-color: #004091; border-bottom: 1px solid #fff; color: #fff; }
#menu li li a:hover { background-color: #004091; background-image:none; }

#vertMenu { margin: 0 0 10px 0; padding: 0; }
#vertMenu li { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #FFFFFF; }
#vertMenu li a { display: block; padding: 8px 0px 8px 5px; color: #FFFFFF; text-align:left; text-decoration:none; list-style:none; text-indent:20px; border-bottom: 1px solid #FFFFFF; font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; font-size:12px; background-image:url(../images/vertMenuBg.gif); background-repeat:no-repeat; background-position:left; height:18px; }
#vertMenu li a:hover { display: block; padding: 8px 0px 8px 5px; color: #FFFFFF; text-align:left; text-decoration:none; list-style:none; text-indent:20px; border-bottom: 1px solid #FFFFFF; font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; font-size:12px; background-image:url(../images/vertMenuBgHover.gif); background-repeat:no-repeat; background-position:left; }
#vertMenuSub { margin: 0 0 5px 0; padding: 0; }
#vertMenuSub li { list-style: none; margin: 0; padding: 0; font-size:11px; }
#vertMenuSub li a { background-color:#FFFFFF; background-image:none; color:#004091; padding: 4px 0px 4px 5px; height:20px; }
#vertMenuSub li a:hover { background-image:url(../images/vertMenuBgSub.gif); background-repeat:no-repeat; background-position:left; color:#004091; height:20px; padding: 4px 0px 4px 5px; }
#mainBanner { clear: both; background: #fff url(../images/mainBanner.jpg) no-repeat; color: #4C8734; height: 176px; margin: 0 0 10px; padding: 35px 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; }
#mainBanner h1, #generalBanner h1, #aboutBanner h1, #complianceBanner h1, #supportBanner h1, #consultancyBanner h1, #taxationBanner h1, #investmentBanner h1, #startupBanner h1, #contactBanner h1 { margin: 0 0 0 30px; color: #FFF; text-align:left; font-size:24px; }
#mainBanner p, #generalBanner p, #aboutBanner p, #complianceBanner p, #supportBanner p, #consultancyBanner p, #taxationBanner p, #investmentBanner p, #startupBanner p, #contactBanner p { margin: 0; color: #4C8734;}
	
#quickLinks { font-size: 11px; margin: 0 0 0 30px; text-align:left; padding-top:80px; }
#quickLinks a, #quickLinks a:hover { background:none; }

#primary { clear: left; float: left; width: 240px; padding: 0 34px 10px 15px; font-size: 11px; margin: 0 0 10px; }

#primary2 { clear: left; float: left; width: 240px; padding: 0 0 10px 15px; font-size: 11px; margin: 0; }

#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: #46852F; }
#primaryLinks li a { color: #46852F; }
#primaryLinks li a:hover { background: #fafef9; color: #46852F; }
#primary h2 { font-size:16px; margin:20px 0 0 0; color:#1cab15; }
#primary h3 { border: none; padding: 0; margin: 0; font-size:14px; color:#469fd2; }
	
#secondary { margin: 0 15px 10px 0; padding: 0 0 0 35px; border-left: 1px solid #ccc; float: right; width: 560px; text-align: justify; min-height:800px; }

#secondary2 { margin: 0 0 0 0; padding: 0 0 0 10px; border-left: 1px solid #ccc; float: right; width: 625px; text-align: justify; min-height:800px; }

#secondary td { padding:0 2px 0 2px; }
#secondary img { border:none; }
#highlight { padding: 12px 14px 1px; background: #f4f4f4 url(../images/noticebg.gif) no-repeat bottom right; color: #808080; margin-bottom:10px; }
#primary a, #secondary a { color: #004091;  }
#primary a:hover, #secondary a:hover { color: #017dc3; }

#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; }
#footer p { color:#004091; }
#footer a { color: #017dc3; }
#footer a:hover { color: #555555; }
#col1 { float: left; width: 274px; padding: 7px 0 0 15px; margin: 0 0 10px; color:#004091; }
#col2 { float: left; width: 300px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; color:#004091; }
#col2a { float: left; width: 242px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; color:#004091; }
#col3 { float: right; width: 175px; border-left: 1px solid #ccc; padding: 7px 0 10px 40px; }
#col3a { float: right; width: 244px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
#col1 p, #col2 p, #col3 p { color: #004091; }
#dotted-divider { display: block; width: auto; border-bottom: dashed 1px #CCCCCC; margin: 0 0 15px 0;  }
#printLogo { display:none; }

#hpnews { }
#hpnews A.alt { color: #444444; text-decoration: none; }
#hpnews A.alt:hover { color: #017dc3; text-decoration: none; }

#social-media { margin: 0; padding: 0; display: block; }
.social-media-box { padding: 10px; margin: 0 0 14px 0; border: solid 1px #4dccf2; background-color: #bbe9f5; }
a.twitter { margin: 0 0 5px 5px; display: block; float: right; border: none; width: 40px; height: 40px; background: url(/images/twitter-icon.png) left no-repeat; background-color: transparent; }
a.twitter:hover { margin: 0 0 5px 5px; display: block; float: right; border: none; width: 40px; height: 40px; background: url(/images/twitter-icon.png) right; background-color: transparent; }
a.linkedin { margin: 0 0 5px 5px; display: block; float: right; border: none; width: 40px; height: 40px; background: url(/images/linkedin-icon.png) left no-repeat; background-color: transparent; }
a.linkedin:hover { margin: 0 0 5px 5px; display: block; float: right; border: none; width: 40px; height: 40px; background: url(/images/linkedin-icon.png) right; background-color: transparent; }
a.facebook { margin: 0 0 5px 5px; display: block; float: right; border: none; width: 40px; height: 40px; background: url(/images/facebook-icon.png) left no-repeat; background-color: transparent; }
a.facebook:hover { margin: 0 0 5px 5px; display: block; float: right; border: none; width: 40px; height: 40px; background: url(/images/facebook-icon.png) right; background-color: transparent; }
a.wordpress { margin: 0 0 5px 5px; display: block; float: right; border: none; width: 40px; height: 40px; background: url(/images/wordpress-icon.png) left no-repeat; background-color: transparent; }
a.wordpress:hover { margin: 0 0 5px 5px; display: block; float: right; border: none; width: 40px; height: 40px; background: url(/images/wordpress-icon.png) right; background-color: transparent; }

#wnaa { padding: 10px; margin: 0 0 14px 0; border: solid 1px #4d4d4d; background-color: #4d4d4d; color: #FFF; height: auto !important; height: 90px; min-height: 90px; }
a.wnaa-logo { margin: 0 0 0 5px; display: block; float: right; border: none; width: 100px; height: 90px; background: url(/images/wnaa-logo.gif) left no-repeat; background-color: transparent; } 
a.wnaa-logo:hover { margin: 0 0 0 5px; display: block; float: right; border: none; width: 100px; height: 90px; background: url(/images/wnaa-logo.gif) left no-repeat; background-color: transparent; }

#video { margin: 0 0 14px 0; padding: 0; height: 220px; background-color: #017dc3; }

#events-panel { margin: 0 0 14px 0; padding: 10px; border: solid 1px #4dccf2; background-color: #bbe9f5; }
.title { font-size: 15px; color: #017dc3; }

/* clientZONE fix for background anomally */

.DocumentBody
{
    background-color: White;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 0px;
    border-bottom: none;
    border-left: none;
    border-right: none;

}
table#CZDocumentBody
{
    background-color: white;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 0px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}
#pagebody { background-color: white; }