*{ margin: 0; padding: 0; }* 

body {
	font: 11px Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif;
	line-height: 16px;
	color: #444;
	background-color: #bfcdd8;
	background-image: url(../images/bodyTile.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0;
	padding: 0;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: red;
	border-bottom-color: red;
}
#bodyTile { background-image: url(../images/bodyBg.jpg); background-repeat: no-repeat; background-position: center top; }

img { border:0; }
input { font: 10px Tahoma, Arial, "Trebuchet MS", sans-serif; }
blockquote { padding-left: 30px; }

a {
	color: red;
	text-decoration: none;
}
a:hover {
	color: #333399;
}

a.vcard { border: 1px solid #CCCCCC; padding:5px 7px 5px 15px; background-image:url(../images/cardarrow.gif); background-position:left; background-repeat:no-repeat; }
a.vcard:hover { border: 1px solid #CCCCCC; background-color:#333399; color:#FFFFFF; padding:5px 7px 5px 15px; background-image:url(../images/cardarrow.gif); background-position:left; background-repeat:no-repeat; }


A.noline {
	color: red;
	text-decoration: none;
}
A.noline:hover {
	color: red;
	text-decoration: none;
}
.blue { color: #60bba5; }
.white { color: #fff; }
p { margin: 0 0 15px 0; text-align:justify;}
h1 {
	font: normal 20px Georgia, Arial, Sans-Serif;
	margin: 15px 0 0 5px;
	color:#333399;
}
#primary h1, #primaryFullwidth h1 { font: bold 22px Arial, Sans-Serif; margin: 0 0 12px; }
h1 a:hover {
	color: red;
	background: inherit;
}
h2 {
	font: bold 18px Arial, Sans-Serif;
	margin: 0 0 12px;
	color:red;
}
#primary h2 {
	font: normal 18px Arial, Sans-Serif;
	margin: 0 0 12px;
	color:red;
}
h4 { color: #808080; background: inherit; font-weight: normal; font-size: 10px; margin-bottom:5px; }
ol { font-family: Tahoma, Arial, "Trebuchet MS", sans-serif; color: #444; line-height: 21px; }
ul { font-family: Tahoma, Arial, "Trebuchet MS", sans-serif; color: #444; line-height: 21px; list-style-type: square; padding:0 0 15px 0px; margin-left:0; }
#primary li, #secondary li { background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:left top; list-style-type:none; padding-left:20px; line-height: 20px; }
#secondary ul { margin-left:20px; }
.heading {
	margin-bottom: 10px;
}
.photo { padding:1px; margin: 0 0 10px 10px; border:2px solid #CCCCCC; }
.testimonial-logos { padding:1px; margin: 0 10px; }
.pad { margin-bottom:40px; }
.pad-large{ margin-bottom:70px; }

#search { margin: 145px 0 10px; }
input.searchfield {
	width: 160px;
	padding: 4px;
	border: 2px solid red;
	font-size: 11px;
}
input.searchbutton {
	border: 1px solid #FFF;
	padding: 4px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	background-color: #333399;
}
.divider { border-bottom: 1px solid #CCC; margin: 10px 0 10px 0; }
.breadcrumb { margin: 5px 0 5px 0; }
.color {
	color: red;
}
.image { border: 1px solid #ccc; padding: 1px; float: left; margin: 0 15px 5px 0;}
.border { border: 1px solid #ccc; padding: 1px; }
.imageSecondary { border: 1px solid #ccc; padding: 1px; margin: 0 0 5px 10px;}

#content { width: 920px; margin: 0 auto; background-image: url(../images/contentBg.gif);
	background-repeat: no-repeat; background-position: center top; }
#logo {
	float: left;
	height: 111px;
	width: 250px;
	margin-left:20px;
	padding-top: 0px;
}
#contact { float:left; padding-top:23px; }
#contact p { color:#394196; font-size:16px; font-weight:800; }

#register { float: right; width: 262px; padding: 7px 24px 7px 0; }
#register p { margin-bottom:5px; }
.login {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: red;
}

#officeBanner { clear: both; background: url(../images/officeBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#mainBanner { clear: both; background: url(../images/mainBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#aboutBanner { clear: both; background: url(../images/aboutBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#complianceBanner { clear: both; background: url(../images/complianceBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#auditBanner { clear: both; background: url(../images/auditBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#financialBanner { clear: both; background: url(../images/financialBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#consultancyBanner { clear: both; background: url(../images/consultancyBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#supportBanner { clear: both; background: url(../images/supportBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#startupBanner { clear: both; background: url(../images/startupBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#taxationBanner { clear: both; background: url(../images/taxBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#investmentBanner { clear: both; background:url(../images/investmentBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#contactBanner { clear: both; background: url(../images/contactBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#generalBanner { clear: both; background: url(../images/generalBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#cosecBanner { clear: both; background: url(../images/cosecBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#vacBanner { clear: both; background: url(../images/vacBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#forensicBanner { clear: both; background: url(../images/forensicBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#agricultureBanner { clear: both; background: url(../images/agricultureBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#teamBanner { clear: both; background: url(../images/teamBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#legalBanner { clear: both; background: url(../images/legalBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#charityBanner { clear: both; background: url(../images/charityBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#servicesBanner { clear: both; background: url(../images/servicesBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#careersBanner { clear: both; background: url(../images/careersBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#hrBanner { clear: both; background: url(../images/hrBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#vatBanner { clear: both; background: url(../images/vacBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#capitalBanner { clear: both; background: url(../images/capitalBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#payrollBanner { clear: both; background: url(../images/payrollBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#medicalBanner { clear: both; background: url(../images/medicalBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#newsBanner { clear: both; background: url(../images/newsBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#taxTeamBanner { clear: both; background: url(../images/taxTeamBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#taxTeamTwoBanner { clear: both; background: url(../images/taxTeamTwoBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#aismaBanner { clear: both; background: url(../images/aismaBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#resourcesBanner { clear: both; background: url(../images/resourcesBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#amandaBanner { clear: both; background: url(../images/amandaBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#itBanner { clear: both; background: url(../images/itBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#jlBanner { clear: both; background: url(../images/jlBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#dwBanner { clear: both; background: url(../images/dwBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#educationBanner { clear: both; background: url(../images/educationBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#businessSupportBanner { clear: both; background: url(../images/businessSupportBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }
#sageBanner { clear: both; background: url(../images/sageBg.jpg) no-repeat; height: 235px; padding: 25px 0 0 20px; border-top: 1px solid #FFFFFF; }

#mainBanner p, #aboutBanner p, #complianceBanner p, #consultancyBanner p, #supportBanner p, #startupBanner p, #taxationBanner p, #investmentBanner p, #contactBanner p, #generalBanner p, #cosecBanner p, #auditBanner p, #financialBanner p, #vacBanner p, #forensicBanner p, #agricultureBanner p, #legalBanner p, #charityBanner p, #officeBanner p, #servicesBanner p, #taxTeamTwoBanner p, #careersBanner p, #hrBanner p, #vatBanner p, #capitalBanner p, #payrollBanner p, #medicalBanner p, #newsBanner p, #businessSupportBanner p, #taxTeamBanner p, #teamBanner p, #itBanner p, #amandaBanner p, #jlBanner p, #dwBanner p, #educationBanner p, #aismaBanner p, #resourcesBanner p, #sageBanner p {
	margin: 0;
	display: inline;
	color: #FFFFFF;
	padding: 2px 5px;
	font-size:24px;
	font-family:Tahoma, Arial, "Trebuchet MS", sans-serif;
	font-weight:bold;
	background-color: #333399;
	
}

#quickLinks { font-size: 10px; margin: 150px 0 10px; font-weight:bold; }
#quickLinks a {
	font-size: 10px;
	color: #FFF;
	padding: 4px 20px 6px;
	border: 1px solid #FFFFFF;
	background-color:#333399;
}
#quickLinks a:hover { color: #fff; background: #92cfc0; }

#mainSurround { padding: 0 15px 0 15px; }

#primary { clear: left; float: left; width: 570px; padding: 10px; margin: 15px 0 15px 0px; background-color:#FFFFFF; border: 1px solid #95aec2; min-height:380px; }
#primary td { padding:0 2px 0 2px; }
#primaryFullwidth { clear: left; float: left; width: 868px; padding: 10px; margin: 15px 0 15px 0px; background-color:#FFFFFF; border: 1px solid #95aec2; }
#primary h3, #primaryFullwidth h3 { padding: 0; margin: 0; font-size:14px;}
#primary ul, #primaryFullwidth ul { font: 11px Tahoma, Arial, "Trebuchet MS", sans-serif; color: #4b4b4b; list-style-type: square; margin: 0 20px 0 0px; }

#columnHeader { width: 120px; float: left; padding-right:10px; font-weight:bold; }
#columnAnswer { width: 430px; float: left; }
#column { width: 45%; float: left; padding-right:2%; }

#articles { margin: 20px 0 0 0; }
#articles li { border-top: 1px solid #cecece; list-style: none; float: left; width: 245px; background: #f8f8f8 url(../images/newslist.jpg) repeat-x bottom; padding: 4px 8px; margin: 0 15px 0 0;}
#articles li a { display:block; background: url(../images/menuarrow.jpg) no-repeat 0 5px; padding: 0 0 0 8px; border-bottom: 1px solid #CCCCCC; }
#articles li.last { margin: 0; }

#secondary {
	float: right;
	width: 250px;
	font-size: 11px;
	background: #fff;
	border: 1px solid #333399;
	margin-top: -240px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 8;
	padding-left: 15px;
}
#secondary img { border: 1px solid #ccc; padding: 1px; margin: 0 0 8px; }
#secondary h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; font-size:18px; }
#secondary li a { color:#271257; } #secondary li a:hover { color:#555555; }
#secondary .info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }
.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }

#footer { font-family: Tahoma, Arial, "Trebuchet MS", sans-serif; clear: both; padding: 0px 15px 0px 15px; margin: 0; font-size: 10px; color: #FFFFFF; }
#footer p {
	font-family: Tahoma, Arial, "Trebuchet MS", sans-serif;
	font-size: 10px;
	margin:0;
	padding:0;
	color: red;
}
.clear { clear: both; }
#footer a {
	font-family: Tahoma, Arial, "Trebuchet MS", sans-serif;
	font-size: 10px;
	color:#333399;
	font-weight: bold;
} 
#footer a:hover {
	font-family: Tahoma, Arial, "Trebuchet MS", sans-serif;
	font-size: 10px;
	color:#FF0000;
	font-weight: bold;
}
	
.footSecondary{ float: right; padding: 0 0 0 15px; }
.footerDivide {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333399;
	color: #333333;
}

#printLogo { display:none; }

#RHCAcc_1_DIV, #RHCAcc_2_DIV, #RHCAcc_3_DIV {
	font-family: Tahoma, Arial, "Trebuchet MS", sans-serif;
	color:#FFFFFF;
	font-size:11px;
	margin: 7px 0 0 0;
	width:auto;
	border: 1px solid #e0e0e0;
	padding: 8px;
	color:#FFFFFF;
	min-height:50px;
	height:auto !important;
	height:50px;/*Needs to match the min height pixels above*/
	background-color: #333399;
}

#RHCAcc_4_DIV {
	font-family: Tahoma, Arial, "Trebuchet MS", sans-serif;
	color:#FFFFFF;
	font-size:11px;
	margin: 7px 0 10px 0;
	width:auto;
	border: 1px solid #e0e0e0;
	padding: 8px;
	color:#FFFFFF;
	min-height:50px;
	height:auto !important;
	height:50px;/*Needs to match the min height pixels above*/
	background-color: #333399;
}

.RightPanelBody { margin: 0; padding:0; }
#RHC_Body { margin:0 0 10px 0; padding:0; background:none; width:248px; }
#RHC_Body img { float:right; border:none; margin: 0 0 7px 7px; }
#RHC_Body a {
	color:#FFFFFF;
}
#RHC_Body a:hover {
	color:red;
	text-decoration:none;
}
#menuWrap {	
	clear: both;
	position:relative;
	display:block;
	height:34px;
	background:#333399; /* add background (this can be added directly to the #menu */
	position:relative;
	border-bottom: 3px solid #7998b7; 
	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:34px; /* 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 */
	position:relative;
	border:0;
	}
#menu li:hover { background-color: #271257; } /* keeps the original button highlighted */
#menu li.noborderl a { border-left:none;  }/* Borders as appropriate */
#menu li.noborderr a { border-right:none;  } 


#menu a{
	display:block;
	padding:0px 19px 0px 18px; /* set padding will affect padding on all a tags in menu */
	line-height:32px; /* set line height DONT use just height */
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border-right:1px solid #FF0000; /* Borders as appropriate */
	}

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

#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:194px; /* Width will need to be updated inline with all the padding on the menus */
	top:32px;
	background-color:#FF0000;
	}

#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;
	background-color:#271257;
	border-bottom:1px solid #FFFFFF;
	line-height:18px;
	padding:8px 22px;
	}
#menu li ul a:hover{ background-color:#FF0000;}
#menu ul ul{
	top:auto;
	}	

#menu li ul ul { /* styles for sub drop downs */
	left:184px; /* left needs to be the overall width of the main drop down  */
	margin:0px 0 0 10px;
	width:204px;
	}
#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;
	}