/***************************************************** Import menu stylesheet *********************************************************************************/
@import url(menu.css );
@import url(shared.css );
@import url(utility.css );
@import url(form.css );
@import url(inktomi.css );
/**************************************************************************************************************************************************************/

/* Search and replace the following colors */

/* #000 - used for BODY, P, TD, LI, FOOTER TEXT, FOOTER:LINK, FOOTER:VISITED, PPV-FOOTER:LINK, PPV-FOOTER:ACTIVE, PPV-FOOTER:VISITED */

/* #627281 - used for TITLE, H1-H6, HEADING1-HEADING6, TABLE SUB HEADINGS, HR, LINKS:LINK */
/* #AB5F7D - used for LINKS:VISITED */
/* #A3B5C9 - used for LINKS:HOVER, LINKS:ACTIVE, FOOTER:HOVER, PPV-FOOTER:HOVER */

/* GRAY - used for (ppv/search)COLUMNTWO(dividing line bgcolor), TABLE LINES */
/* SILVER - used for (ppv/search)COLUMNONE(bgcolor), (ppv/search)COLUMNTHREE(bgcolor), bgColorContent - NOTE; Please ensure that bgLeft, bgRight and bgBottom images are edited to match the color chosen for this class!! */

/* #AB5F7D - used for (ppv/search)COL-1-MAINTITLE BGCOLOR, (ppv/search)COL-3-MAINTITLE BGCOLOR, (ppv/search)COL-1-SUBTITLE BGCOLOR, (ppv/search)COL-3-SUBTITLE BGCOLOR, BUTTON(all colors) */
/* #fff - used for (ppv/search)COL-1-MAINTITLE FONT, BGTOP, (ppv/search)COL-3-MAINTITLE FONT, (ppv/search)COL-1-SUBTITLE FONT, (ppv/search)COL-3-SUBTITLE FONT, BUTTON FONT */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#000;
	margin:0;
	padding:0;
	background:url(../../images/background.gif) repeat-y;
}

b {
	font-weight:bold;
}
	
h1, .heading1, .maintitle-help, .maintitle-reference, .maintitle-home, .maintitle-admin, .maintitle-career, .maintitle-interact, .maintitle-news {
	font-size: 1.5em;
	font-weight: bold;
	color: #627281;
	border-bottom:1px solid #ccc;
	width:90%;
}

h2,	.heading2 {
	font-size: 1.25em;
	font-weight: bold;
	color: #627281;
}

h3, .heading3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #627281;
}

h6, .heading6 {
	font-size: 1em;
	font-weight: bold;
	color: #627281;
}

hr	{
	color: #627281;
	height: 1px;
}/* Height does not work in NS4, as SIZE is used as property in tag (same in IE but appears to work)/

/*list items*/
li {
	color: #000;
}

li.err-msg {
	font-weight: bold;
	color: RED;
}/*used for form errors on Registration pages etc.*/

ul {
	list-style-type: circle;
	font-size:1em;
}
/*list-style-image: url(/images/stylesheets/list_icon.gif);*/
/*list image can be changed in the images folder or can be removed and list style type can 
be used (square, circle, disc). List image does not work in NS4 but list-style-type does so
leave in when using list-style-image.*/

/*links*/
a:active {
	color: #627281;
	text-decoration: underline;
}
a:link {
	color: #627281;
	text-decoration: underline;
}
a:visited {
	color: #AB5F7D;
	text-decoration: underline;
}
a:hover {
	color: #A3B5C9;
	text-decoration: none;
}
/*navigation links which are not footer links*/
/**DO NOT MAKE THIS FONT SIZE SMALLER AS IT APPEARS IN TABLES VERY SMALL**/
a.subnav:active {
	font-size: .9em;
	font-weight: bold;
	color: #627281;
	text-decoration: none;
}
a.subnav:link {
	font-size:.9em;
	font-weight: bold;
	color: #627281;
	text-decoration: none;
}
a.subnav:visited  {
	font-size:.9em;
	font-weight: bold;
	color: #AB5F7D;
	text-decoration: none;
}
a.subnav:hover {
	font-size:.9em;
	font-weight: bold;
	color: #A3B5C9;
	text-decoration: none;
}
/*navigation links which are not footer end*/

/*start navlink used for PPV*/
a.navlink:active { 
	color: #627281;
	text-decoration: underline;
}

a.navlink:link { 
	color: #627281;
	text-decoration: underline;
}

a.navlink:visited  {
	color: #AB5F7D;
	text-decoration: underline;
}

a.navlink:hover { 
	color: #A3B5C9;
	text-decoration: none;
}

.navlink {
	color: #000000; /* Set font colour */
	background-color: #ffffff; /* Set BG Colour Of Nav Bar */
}

a.ppv-footerlink:active {
	font-size: 1em; 
	color: #627281;
	text-decoration: underline;
}

a.ppv-footerlink:link {
	font-size: 1em; 
	color: #627281;
	text-decoration: underline;
}

a.ppv-footerlink:visited  {
	font-size: 1em;
	color: #AB5F7D;
	text-decoration: underline;
}

a.ppv-footerlink:hover {
	font-size: 1em;
	color: #A3B5C9;
	text-decoration: none;
}

.ppv-footer {
	font-size: 1em;
	color: #000;
}/* Add a background color in this class to change ppv footer color */

.printfooter {
	font-size: 0.8em;
}

/*start column classes - used in PPV & Search*/
.columnone {
	background-color:#FFF;
}

.columntwo { 
	background-color:#FFF;
}

.columnthree {
	background-color:#FFF;
}

.col-1-maintitle {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	text-indent: 6px;
	background-color: #AB5F7D;
}

.col-1-subtitle {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	text-indent: 6px;
	background-color: #AB5F7D;
}

.col-3-maintitle {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	text-indent: 6px;
	background-color: #AB5F7D;
}

.col-3-subtitle	{
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	text-indent: 6px;
	background-color: #AB5F7D;
}

#PPVhelp {
	color: #000000;
}

/*end column classes - used in PPV & Search*/

/*smalllinks - used in PPV*/
a.smalllink:active  {
	font-size:.9em;
	font-weight: bold;
	color: #A3B5C9;
	text-decoration: underline;
}

a.smalllink:link  {
	font-size:.9em;
	font-weight: bold;
	color: #A3B5C9;
	text-decoration: underline;
}
	
a.smalllink:visited  {
	font-size:.9em;
	font-weight: bold;
	color: #ccc;
	text-decoration: underline;
}

a.smalllink:hover  {
	font-size:.9em;
	font-weight: bold;
	color: #ccc;
	text-decoration: none;
}

.smalltext {
	font-size:.9em;
	color: #000;
}

.smalltextbold {
	font-size:.9em;
	font-weight: bold;
	color: #000;
}
/* Inktomi Styles End */

/*format tables*/
.tablelines {
	background-color: GRAY;
}/*color of the narrow line deviding up the table cells*/

.tabletitle {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	background-color: #AB5F7D;
}/*alter background color and font color. 
Not on all tables, only present if table has an extra heading*/

.tablehead {
	font-size:0.95em;
	font-weight: bold;
	color: #000;
	background-color: #FFFFFF;
}/*alter background color and font color. 
Contains headings of table rows or columns.*/

.tablebody {
	font-size:0.95em;
	color: #000;
	background-color: #FFFFFF;
}/*alter background color and font color. 
Contains main body of the table.*/

.tabletotal {
	font-size:0.95em;
	font-weight: bold;
	color: #000;
	background-color: #FFFFFF;
}/*alter background color and font color. 
Contains total, or highlighted areas.*/

/* styles to make round cornered boxes, can also be square depending on images used*/
.tableSubHeading {
	font-weight: bold;
	color: #627281;
}

.bgTop {
	background-image: url(/images/stylesheets/bg_top.gif);
	font-size: 1.4em;
	font-weight: bold;
	text-align:left;
	color: #fff;
}

.bgColorContent {
	font-size:1em;
	background-color: #fff;
}

.cornerTopLeft {
	background-image: url(/images/stylesheets/corner_top_lft.gif);
}

.cornerTopRight {
	background-image: url(/images/stylesheets/corner_top_rgt.gif);
}

.cornerBottomLeft {
	background-image: url(/images/stylesheets/corner_bottom_lft.gif);
}

.cornerBottomRight {
	background-image: url(/images/stylesheets/corner_bottom_rgt.gif);
}

.bgLeft {
	background-image: url(/images/stylesheets/bg_lft.gif);
}

.bgRight {
	background-image: url(/images/stylesheets/bg_rgt.gif);
}

.bgBottom {
	background-image: url(/images/stylesheets/bg_bottom.gif);
}
/* styles to make round cordered boxes end*/

/* styles to make borders/dotted lines start*/ 
.borderhorizontal {
	background-image: url(/images/stylesheets/borderhorizontal.gif);
}

.bordervertical {
	background-image: url(/images/stylesheets/bordervertical.gif);
}
/* styles to make borders/dotted lines end*/

.redtext {
	color: RED;
}

/*vvvv PLEASE ADD ANY SITE SPECIFIC STYLES BELOW vvvv*/


/*START TEMP STYLES*/

.col-4-maintitle	{
	background-color: GRAY;
}

.col-5-subtitle	{
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	text-indent: 6px;
	background-color: #AB5F7D;

}

.col-5-maintitle {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	text-indent: 6px;
	background-color: #AB5F7D;

}
.col-5-contentspacer {
	background-color: SILVER;
}

.col-5-contenttable {
	padding : 6px
}

.columnfour {
	width:1px; 
	background-color: #FFF;
}

.columnfive {
	background-color: #FFF;
}

#PPVhelp {
	background: #fff;
}

#PPVhelp p, h2 {
    color: #000;  
}

#PPVhelp a:active {
	font-size: 1em;
	color: #000; 
	text-decoration: underline;
}

#PPVhelp a:link {
	font-size: 1em;
	color: #000; 
	text-decoration: underline;
}
#PPVhelp a:visited {
	font-size: 1em;
	color: #000; 
	text-decoration: underline;
}
#PPVhelp a:hover {
	font-size: 1em;
	color: #ff0000; 
	text-decoration: none;
}

/**************************************************************************************************************************************************************/
/*XHTML Layout Styles*/
/**************************************************************************************************************************************************************/

/*Overall site container styles*/
#container{
	position:absolute;
	top:0;
	left:0;
	background:url(../../images/left_column_grad.jpg) no-repeat left top;
	border:none;
}

/*#leftColumn {
	margin:0;
	background:url(../../images/left_column_grad.jpg) no-repeat left top;
}*/

#logo {
	position: absolute;
	top:9px;
	left:8px !important;
	left: /**/ 6px;
}

/*When positioning a div absolute, you must have a 'top or bottom' value and a 'right or left' value*/


#content {
	position:relative;
	height:auto !important; /*keeps footer pushed down below content*/
	height/**/: 500px;		/*keeps footer pushed down below content*/
	height: auto;
	padding:60px;
	/*margin:25px 26px 100px 179px;*/
	border:1px solid #6E7C84;
	background:#FFF;
	width:auto !important;  /*Remove if your using a fixed width site*/ 
	width /**/:100%;  /*Remove if your using a fixed width site*/

}

#content p {
	padding:0 10px;
}

#content table {
	/*width: auto;*/
}
#contentContainer{
	position:relative;
	margin:20px 3px 100px 182px;
	padding:0 0 0 2px;
	background: #fff url(../../images/cont_left.gif) repeat-y;
	border:none;
	width:1000px;
	height: auto! important;
	
}

#sslcontentContainer{
	position:relative;
	margin:75px 26px 100px 179px;
	padding:0 0 0 2px;/*to make space for the left borderstlye*/
	background: #fff url(../../images/cont_left.gif) repeat-y;
	border:none;
}

.contentTop{
	background:url(../../images/cont_top.gif);
}
.contentBottom{
	background:url(../../images/cont_bot.gif);
}
.leftAlign{
	left:-2px;
	margin: 0 0 0 -2px;
}
.rightAlign{
	float:right;
	width:2px;
	margin: 0 -2px 0 0 ;
}
#rightBorder{
	padding: 0 2px 0 0;
	background: #fff url(../../images/cont_right.gif) top right;
	border:none;
}
/*End overall container styles*/
#welcomeh1{
	width:auto;
	border-bottom:1px solid #ccc;

}
#welcomeh1:first-letter {
	line-height:24px !important;
	line-height: /**/ 37px;	
	padding:5px 6px 6px 6px !important;
	padding: /**/ 25px 6px 6px 6px;
	background:url(../../images/w.gif) no-repeat;
	font-size:24px;
	width:35px !important;
	height: 35px !important;
	height: /**/ 39px;
	color:#FFF;
}

#searchtext{
	font-size: 10px;
	/*height:12px !important;
	height /**/ /*:18px;*/
	margin: 17px 0 0 0 !important;
	margin: /**/ 16px 0 0 0px;
}

#searchBox {
	position:relative;
	float:right;
	margin:-40px 5px 0 0 !important;
	margin: /**/ -40px 3px 0 0;
	width: 200px;
	padding:0;
	overflow:visible;
}

#searchsubmit{
	float:right;
	width:35px;
	height:35px;
	/*margin: -27px 0 0 28px !important;*/
	/*margin: /**/  /*-28px 0 0 28px;*/
	position:absolute;
	top:10px;
	right:5px;
	z-index:10;
}
.breaker{
	margin:0 auto;
	clear:both;
}

#icaew {
	position:absolute;
	top:480px;
	left:58px;
}

#bwc {
	position:absolute;
	top:568px;
	left:48px;
}
/*Index page styles*/
#register {
	display:none;
}

#promo {
}

#businessNews {
width:50%;

}

#businessNews th {
	display:none;

}

#firmsnews {
width:50%;
margin-bottom:15px;
}

#firmNews th {

}

#printNews {
	margin: 0 20px 20px 20px;
	font-size:.8em;
}
/*End Index page styles*/

/*Toplinks styles*/

#toplinks {
	position: absolute;
	top: 55px;
	left: 0px;
	padding: 3px 0 5px 0;
	margin: 0 0 0 185px ;
	color:	#627281;
	text-align: left;
	font-size: 1em;
	clear: both;
	border:none;

}

#toplinks a:active {
	color: #A9637F;
	text-decoration: none;
}

#toplinks a:link {
	color: #016FB1;
	text-decoration: underline;
}

#toplinks a:visited {
	color: #A9637F;
	text-decoration: underline;
}

#toplinks a:hover {
	color: #003263;
	text-decoration: none;
}
/*End Toplinks styles*/

/*Footer styles*/
#footer {
	padding: 3px 0 5px 0;
	margin: 50px 5px 0px 200px;
	color:	#627281;
	text-align: left;
	font-size: 1em;
	clear: both;
	border: 0px solid Green;
	position: bottom;

}

#footer a:active {
	color: #A9637F;
	text-decoration: none;
}

#footer a:link {
	color: #016FB1;
	text-decoration: underline;
}

#footer a:visited {
	color: #A9637F;
	text-decoration: underline;
}

#footer a:hover {
	color: #003263;
	text-decoration: none;
}
/*End Footer styles*/

/*Our Services styles*/
#ourservices {
	position: relative;
	padding:0;
	margin:0;
	height:auto !important;
	height /**/:450px;
	min-height: 450px;
}

#ourservices_content {
	position: relative;
}

#subNav {
	text-align:center;
	position:relative;
	margin: 40px auto;
	border:1px solid #ccc;
	width: auto;
	
	margin: 50px 0px 0px 30px;
}

#subNav ul{
position:relative;
	list-style:none;
	padding:0;
	margin:1%;
	border-top:1px solid #ccc;
}
#subNav div{
	text-align:left;
	position:relative;
	margin:7px;
	width:30%;
}
#subNav h3{
	margin:0;
}
#OSbusServices{
	float: left;

}
#OSspecServices{
	float: left;

}
#OSperServices{
	float:left;
	}
#clientsection{
	float:left;
}
.spacer{
	width:100%;
	margin:0 auto;
	clear:both;
}
/*End Our Services styles*/

#contactsform {
	position: relative;
	margin:0 500px 0 0;
}

/*Start News Detail Styles*/
#newsOptions img {
	vertical-align:middle;
}
/*End News Detail Styles*/

/*Start Business News Page Styles*/
#businessNewsPage th {
	display:none;
}
/*End Business News Page Styles*/

.clientLogo {
	float:right;
	margin:0 0 25px 25px;
}

#location {
	text-align:center;
}

#profiles div {
	height:150px;
}

.staffPhoto {
	float:right;
	margin:0 0 10px 10px;
	clear:right;
}

#qbeTable th {
display:none;
}
#iframe {
padding: 20px 700px 0px 0px;
float: left;
}
.blue-line {
	background-image: url(/images/dotted_line.gif);
	background-position: top center;
	background-repeat: repeat-y;
}

#callout-table {
	
}	

#callout-table img {
	padding: 0 5px 5px 0;
	margin: 5px;
	}
	
#callout-table h2 {
	color:#000000;
	font-size:1em;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
}

#callout-table td.dotted-border {
	border-bottom: 1px dotted #A3B5C9;
}


#callout-table h2 {
font-size: 1.0em;
color: #A3B5C9;
font-weight: bold;
text-decoration: underline;
padding: 0;
margin: 0 0 10px 0;
}
#sign_posts {
	padding: 00px 50px 50px 0px;

}
#sign_posts_2 {
	padding: 20px 0px 0px 0px;

}
#dotted_lines {
	margin: 40px 0px 0px 5px;
}