/*
Theme Name: HQB Custom
Theme URI: http://www.roganartu.com/
Description: Custom WordPress theme for HQB Chartered Accountants
Version: 1.0
Author: Roganartu Designs
Author URI: http://www.roganartu.com/
*/
body {padding:0;margin:0;}
* html body {text-align:center;}
img {border:none;}

h1 {color:#660000;text-decoration:none;font-weight:bold;font-size:18pt;font-family:Arial,Helvetica,sans-serif;}

h2 {color:#660000;text-decoration:none;font-size:16pt;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;}

h3 {color:#660000;text-decoration:none;font-weight:bold;font-size:14pt;font-family:Arial,Helvetica,sans-serif;}

h4 {color:#660000;text-decoration:none;font-weight:bold;font-size:12pt;font-family:Arial,Helvetica,sans-serif;}

h5 {color:#660000;text-decoration:none;font-weight:bold;font-size:10pt;font-family:Arial,Helvetica,sans-serif;}

#wrap {
	width:1000px;
	background:#FFFFFF;
	margin:0 auto;
	min-height:10%;
}
* html #wrap {height: 10%;text-align:left;}
#header {
	width:1000px;
	height:117px;
	background:#CCCCCC;
	float:left;
}
#header img {
	float:left;
	margin-top:8px;
	margin-right:4px;
}
#midwrap {
	width:996px;
	margin:0 auto;
	min-height:10%;
	float:left;
	background:url(images/bgrep.gif) repeat-y;
	border-right:4px solid #660000;
}
* html #midwrap {height: 10%;width:1000px;}
.scroller {
	height:25px;
	width:100%;
	background:#FFFFFF;
}
* html .scroller {border-right:none;}
.sectitle {
	float:left;
	min-height:28px;
	padding-top:3px;
	background:#660000;
	width:166px;
}
* html .sectitle {height:28px;}
.sectitle h2 a, .sectitle h2 a:visited {
	color:#FFFFFF;
}
.sectitle h2 a:hover, .sectitle h2 a:active {
	color:#CCCCCC;
}
.navwrap {
	float:left;
	margin:0;
	width:166px;
}
.dateformatslider {
	float:left;
	height:28px;
	width:830px;
	padding-top:2px;
	background-color:#999999;
}
* html .dateformatslider {width:830px;border:none;}
.date {
	background-color:#999999;
	text-align:center;
	padding-top:4px;
	color:#FFFFFF;
	height:28px;
	width:166px;
}
.omniscroller {
	width:820px;
	padding-left:10px;
	float:left;
	background:#FFFFFF;
	height:31px;
}
* html .omniscroller {width:830px;border:none;}
#navigation {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:166px;
	background:#999999;
}
#navigation li {
	text-indent:0;
	border-bottom:1px solid #CCCCCC;
}
.sectitle h2 {
	width:166px;
	text-align:center;
}
.content  {
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	line-height : 16px;
	width:830px;
	float:left;
}
.innercontent {
	width:800px;
	float:left;
	font:11px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:22px;
	margin-top:0;
	letter-spacing:.1em;
	margin-left:10px;
}
.innercontent p {margin-left:10px;}
#footer {
	float:left;
	width:1000px;
	margin:0 auto;
	height:25px;
	background:#660000;
}
.footerwhite {
	height:25px;
	margin-top:5px;
}
* html .footerwhite {margin-top:0;padding-top:5px;}
.otd_contacts p {
	width:550px;
	float:left;
}
.otd_contacts_list {
	list-style:none;
	float:left;
}
.otd_contacts_list * {
	float:left;
	width:550px;
}
.otd_contacts {
	width:100%;
}
.otd_contact_name {
	width:100%;
}
.otd_contact_img {
	width:150px;
}
.otd_contacts_list ul {width:520px;}
}
.otd_contacts_list li {
	width:100%;
	list-style:none;
}
.otd_contacts_list img {width:auto;}
.otd_contacts_list a, .otd_contacts_list br, .otd_contacts_list span {float:none;}
.otd_contacts_list h5 {margin:0;width:100%;}
.otd_contacts_list h3 {margin:15px 0;}
.otd_contact_details {margin-top:5px;width:100%;}
.right {
	float:right;
	text-align:right;
}

.errorText  {
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	line-height : 16px;
	color : #cc3300;
	}

.leftnavi  {
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	line-height : 16px;
	color : #330066;
	}
	
.leftnavigrey  {
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	line-height : 16px;
	color : #7E828D;
	}
	
a.leftnavi {
	text-decoration: none;
	color : #330066;
	}

a.leftnavi:Hover {
	text-decoration: underline;
	color : #330066;
	}

.dropmenu {
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	display:block;
	text-decoration:none;
	}

a.dropmenu {
	text-decoration: none;
	color : #330066;
	}

a.dropmenu:Hover {
	text-decoration: none;
	color : #330066;
	}

.dropmenuwhite {
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	line-height : 14px;
	color : #ffffff;
	}

.menu {
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	line-height : 14px;
	color : #ffffff;
	}

.hdg {
	font-size : 14px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	line-height : 20px;
	color : #330066;
	}

.subhdg {
	font-size : 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	line-height : 18px;
	color : #330066;
	}

.quote {
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : italic;
	line-height : 18px;
	color : #5D7599;
	}

.crumbtrail {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #5C769B; 
	}
	
.crumbtrailcurr {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #7E828D; 
	}
	
a.crumbtrail {
	text-decoration: none;
	color : #5C769B;
	}

a.crumbtrail:Hover { 
	text-decoration: underline;
	color : #5C769B;
	}	

.footer { 
	font-family: Verdana, Geneva, Arial, sans-serif;
  	font-size: 9px;
	line-height: 14px;
	color: #3F5680;
	}

a.footer {
	text-decoration: none;
	color : #3F5680;
	}

a.footer:Hover {
	text-decoration: underline;
	color : #3F5680;
	}

.footerwhite { 
	font-family: Verdana, Geneva, Arial, sans-serif;
  	font-size: 9px;
	line-height: 14px;
	color: #FFFFFF;
	}

td {
	font:11px Arial, Helvetica, sans-serif;
	color:#333333;
	}
	
a {
	color: #333333;
	font-weight:bold;
	text-decoration:none;
	}
	
a:hover {
	color: #cc0000;
	}

/* ID Styles */

#navigation td {
	border-bottom: 1px solid #cccccc;
	}
	
#navigation a {
	font:12px  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	}
	
#navigation a:hover {
	color:#ffffff;
	border-right: 10px solid #660000;
	}
#navigation2 a {
	font:12px  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:11px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:4px 3px 5px 10px;
	}
	
#navigation2 a:hover {
	color:#ffffff;
	border-left: 10px solid #660000;
	}


#navigation2 td {
	border-bottom: 1px solid #cccccc;
	}
		
#navheader {
	font:24px georgia;
	color: #E07176;
	letter-spacing:.4em;
	padding:10px;
	line-height:30px;
	}
	
#rightcol {
	border-left: 3px double #333333;
	}
	
#logo 	{
	font:16px Georgia, Times New Roman, Times, serif;
	color: #ffffff;
	letter-spacing:.3em;
	line-height:30px;
	}

#tagline 	{	
	font:10px Arial, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing:.5em;
	line-height:14px;
	}
	
#monthformat td {
	border-bottom: 3px double #333333;
	}
	
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:.4em;
	vertical-align: middle;
	}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #5b6c86;
	letter-spacing:.1em;
	}

/* Class Styles */
	
.pageName{
	font:18px Arial, Helvetica, sans-serif;
	color: #660000;
	line-height:24px;
	letter-spacing:.2em;
	}
	
.subHeader {
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #333333;
	line-height:16px;
	letter-spacing:.2em;
	}

.detailText {
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:18px;
	}
	
.accentText {
	font:11px Arial, Helvetica, sans-serif;
	color:#336699;
	line-height:16px;
	}
	
.navText {
	font:12px Georgia, Times New Roman, Times, serif;
	color: #FFFFFF;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}

.navText2 {
	font:10px Georgia, Times New Roman, Times, serif;
	color: #FFFFFF;
	line-height:12px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
.headerBttn {
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style : normal;
	text-align: center;
	vertical-align: top;
	width: 50px;
}

.headerTextSmall {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 10px;
	width: 112px;
	color : #330066;
}

.formTextLarge {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	width: 200px;
	color : #330066;
}

.formTextSmall {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	width: 60px;
	color : #330066;
}

.formSelectLarge {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	width: 200px;
	color : #330066;
}

.formSelectSmall {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	width: 100px;
	color : #330066;
}

/* Clearing the floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

div.box {
  position:relative;
  padding:0 0 20px 0;
  margin:0 0 30px 0;
/*  font-size:1em;*/
  line-height:140%;
	}
  
/*	  .box h2 {
  		margin:0 0 0 0;
  		padding:0 8px 0px 8px;
		font: bold 1.5em Verdana;
  		color:#008977 !important;
  		letter-spacing: 1px;
  		border-bottom: 1px solid #E1E6F3;
		
  	}
  
  	.box h3 {
  		font:bold .7em/150%; !important;
  		margin: 5px 0 0 0 !important;
  		padding: 0px !important; 
   	}*/

.box img {
			float:left;
			margin:0 10px 0 0;
			padding:0;
			}


.box a  {
    	color:#2E6FB5;
   /* 	font-size: 1.3em;*/
			text-decoration:none;
	}

	/*	.box p {
			font:normal .7em/150%;
			padding:3px 0 0 0;
			}*/
	
  /*
	.box table, tr, td{
	  	padding: 0px !important;
	  }
 
  .box tr {
  	border: 0px solid black;
 		border:none;
	 	}
	 	 
  .box td {
  	border: 0px solid black;
 		border:none;
	 	} 
 */ 
/*h3 {
	margin:0;
	padding:0;
	font-size:.7em;
}