/***************************************************** Import menu stylesheet *********************************************************************************/
@import url(menu.css );
@import url(shared.css );
@import url(form.css );
@import url(inktomi.css );
@import url(ppv.css); /*amend if site with coloured background */
/**************************************************************************************************************************************************************/

/* Search and replace the following colors ON ALL OF THE ABOVE CSS */

/* BLACK - used for BODY, P, TD, LI, FOOTER TEXT, FORMS */
/* #01436B - used for TITLE, H1-H6, TABLE SUB HEADINGS, HR */

/* #005BAA - LINKS:LINK:ACTIVE, FOOTER:LINK, PPV-FOOTER:LINK:ACTIVE */
/* LIGHTBLUE - used for LINKS:VISITED, FOOTER:VISITED, PPV-FOOTER:VISITED */
/* BLUE - used for LINKS:HOVER, 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!! */

/* ORANGE - 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) */
/* YELLOW - 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 */

*
{
	margin:0;
	padding:0;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.clear_both
{
	clear: both;
}

body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#3C4B59;
	margin:0;
	padding:0;
	background-image: url( ../../images/body_bg.png );
	background-color: #fff;
}

strong {
	font-weight:bold;
}

img {
	border:none;
}

p
{
	background-image: url( ../../images/underlines.png );
	color: #374d60;
	/*font-size: 0.95em;*/
	line-height: 20px;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 14px 0px;
}
	
h1, .heading1, .maintitle-help, .maintitle-reference, .maintitle-home, .maintitle-admin, .maintitle-career, .maintitle-interact, .maintitle-news {
	font-size: 1.5em;
	font-weight: normal;
	color: #01436B;
	background-color: #F4F7FA;
	border-top: 1px solid #D6E9EF;
	border-bottom: 3px solid #CCD9E4;
	padding: 1px 0px 1px 5px;
	margin: 0px 0px 3px 0px;
}

h2,	.heading2 {
	font-size: 1.25em;
	font-weight: normal;
	color: #01436B;
	background-color: #F4F7FA;
	border-top: 1px solid #D6E9EF;
	border-bottom: 3px solid #CCD9E4;
	padding: 1px 0px 2px 4px;
	margin: 23px 0px 3px 0px;
}

h3, .heading3 {
	font-size: 1.1em;
	font-weight: normal;
	color: #01436B;
}

h6, .heading6 {
	font-size: 1em;
	font-weight: normal;
	color: #01436B;
}

hr	{
	color: #01436B;
	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: #3C4B59;
}

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

ul {
	list-style-type: circle;
	padding: 0px 10px 0px 30px;
	margin: 10px 0px 10px 0px;
	
}

ol
{
	padding: 0px 0px 0px 30px;
	margin: 10px 0px 10px 0px;
}
/*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: #005BAA;
	text-decoration: underline;
}
a:link {
	color: #005BAA;
	text-decoration: underline;
}
a:visited {
	color: #005BAA;
	text-decoration: underline;
}
a:hover {
	color: #080;
	text-decoration: underline;
}
/*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: #005BAA;
	text-decoration: none;
}
a.subnav:link {
	font-size: .9em;
	font-weight: bold;
	color: #005BAA;
	text-decoration: none;
}
a.subnav:visited  {
	font-size: .9em;
	font-weight: bold;
	color: #005BAA;
	text-decoration: none;
}
a.subnav:hover {
	font-size: .9em;
	font-weight: bold;
	color: #080;
	text-decoration: none;
}
/*navigation links which are not footer end*/


/*smalllinks - used in PPV*/
a.smalllink:active  {
	font-size: 10px;
	font-weight: bold;
	color: #005BAA;
	text-decoration: underline;
}

a.smalllink:link  {
	font-size: 10px;
	font-weight: bold;
	color: #005BAA;
	text-decoration: underline;
}
	
a.smalllink:visited  {
	font-size: 10px;
	font-weight: bold;
	color: #005BAA;
	text-decoration: underline;
}

a.smalllink:hover  {
	font-size: 10px;
	font-weight: bold;
	color: #080;
	text-decoration: none;
}

.smalltext {
	font-size: 10px;
	color: #374d60;
}

.smalltextbold {
	font-size: 10px;
	font-weight: bold;
	color: #374d60;
}
/* Inktomi Styles End */

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

.tabletitle {
	font-size: 1.25em;
	font-weight: normal;
	color: #01436B;
	background-color: #F4F7FA;
	border-top: 1px solid #D6E9EF;
	border-bottom: 3px solid #CCD9E4;
	padding: 1px 0px 2px 4px;
	margin: 23px 0px 3px 0px;
}/*alter background color and font color. 
Not on all tables, only present if table has an extra heading*/

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

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

.tabletotal {
	font-size: .9em;
	font-weight: bold;
	color: #374d60;
	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: #005BAA;
}

.bgTop {
	/*background-image: url(/images/stylesheets/bg_top.gif);*/
	font-size: 1.5em;
	font-weight: normal;
	color: #01436B;
	background-color: #F4F7FA;
	border-top: 1px solid #D6E9EF;
	border-bottom: 3px solid #CCD9E4;
	padding: 1px 0px 1px 5px;
	margin: 0px 0px 3px 0px;
}

.bgColorContent {
	font-size: 1em;
	/*background-color: SILVER;*/
}

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

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

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

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

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

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

.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: #F42A41;
}

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




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

/*Overall site container styles*/


a.register
{
	font-size: 0.75em;
}

div#register
{
	font-size: 0.75em;
}

div#register a.register
{
	font-size: 1em;
}

#outerContainer
{
	background-image: url( ../../images/content_bg.png );
	background-repeat: repeat-y;
}

#container{
	width: 770px;
	background-image: url( ../../images/container_bg.png );
	background-repeat: no-repeat;
}

#header {
	
	/*border: 1px solid green;*/
	height: 101px;
	/*border: 1px solid red;*/
}

#logo {
	
	margin: 30px 0px 0px 25px;
}

/*When positioning a div absolute, you must have a 'top or bottom' value and a 'right or left' value*/
#utilityNav{
	position:absolute;
	left:10px;
	top:10px;
	display: none;
}

#homeContent
{
	position:relative;
	margin:0 0 0px 0px;
	height:auto !important; /*keeps footer pushed down below content*/
	height: /**/ 527px;		/*keeps footer pushed down below content*/
	height /**/: 527px;
	min-height:527px;		/*keeps footer pushed down below content*/
	padding: 0px 125px 0px 25px;
	width: 620px;
	/*border: 1px solid blue;*/
}

#content {
	position:relative;
	margin:10px 0 0 0px;
	height:auto !important; /*keeps footer pushed down below content*/
	height: /**/ 527px;		/*keeps footer pushed down below content*/
	height /**/: 527px;
	min-height:527px;		/*keeps footer pushed down below content*/
	padding: 0px 125px 0px 35px;
	width: 610px;
	
	/*border: 1px solid blue;*/
}

#content ul
{
	color: #374d60;
	font-size: 0.95em;
	border-top: 1px solid #CCD9E4;
	border-bottom: 3px solid #CCD9E4;
	background-color: #F9FAFF;
	margin-top: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#tabsNav
{

}

div#homeTab
{
	position: absolute; 
	top: 46px;
	left: 670px;
	background-image: url( ../../images/homeTab.png );
	background-repeat: no-repeat;
	height: 98px;
	width: 22px;
	z-index: 10;
}

div#homeTab a
{
	display: block;
	overflow: hidden;
	padding: 0px 0px 0px 22px;
	width: 0px !important;
	width: /**/: 22px;
	height: 98px;
}

div#sitemapTab
{
	position: absolute; 
	top: 144px;
	left: 670px;
	background-image: url( ../../images/sitemapTab.png );
	background-repeat: no-repeat;
	height: 76px;
	width: 22px;
	z-index: 10;
}

div#sitemapTab a
{
	display: block;
	overflow: hidden;
	padding: 0px 0px 0px 22px;
	width: 0px !important;
	width: /**/: 22px;
	height: 76px;
}



div#searchTab
{
	position: absolute; 
	top: 220px;
	left: 671px;
	background-image: url( ../../images/searchTab.png );
	background-repeat: no-repeat;
	height: 94px;
	width: 22px;
	z-index: 10;
}

div#searchTab a
{
	display: block;
	overflow: hidden;
	padding: 0px 0px 0px 22px;
	width: 0px !important;
	width: /**/: 22px;
	height: 94px;
}

#leftContent
{
	float: left;
	/*border: 1px solid green;*/
	width: 221px;
	margin: 0px 0px 0px 0px;
	height:auto !important; /*keeps footer pushed down below content*/
	height: /**/ 400px;		/*keeps footer pushed down below content*/
	height /**/: 400px;
	min-height:400px;		/*keeps footer pushed down below content*/
	display: inline;
}



.homePromo
{
	margin: 10px 0px 20px 15px;
	width: 180px;
}

.homePromo h2
{
	color: #475D70;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 6px 0px;
	border: none;
	background-color: transparent;
}

.homePromo p
{
	background-image: url( ../../images/underlines.png );
	color: #374d60;
	font-size: 0.95em;
	line-height: 20px;
}

.businessNews
{
	margin: 10px 0px 20px 15px;
	width: 180px;
}

.businessNews h2
{
	color: #475D70;
	background-image: url( ../../images/business_news.gif );
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 6px 0px;
	border: none;
	background-color: transparent;
}

.businessNews li
{
	background-image: url( ../../images/underlines.png );
	color: #374d60;
	font-size: 0.95em;
	line-height: 20px;
	margin-left:-15px;
}

h2.calcPromo
{
	background-image: url( ../../images/calculatorBullet.png );
}

h2.registerPromo
{
	background-image: url( ../../images/regBullet.png );
	padding: 0px 0px 0px 21px;
	margin: 0px 0px 6px -1px;
}

h2.guidesPromo
{
	background-image: url( ../../images/memResBullet.png );
	padding: 0px 0px 0px 21px;
	margin: 0px 0px 6px -1px;
}





#rightContent
{
	float: right;
	/*border: 1px solid blue;*/
	width: 396px;
	margin: 15px 0px 0px 0px;
	display: inline;
}

#homeContent div#rightContent h1
{
	
	padding: 1px 0px 1px 33px;
	background-image: url( ../../images/homeBullet.png );
	background-repeat: no-repeat;
	background-position: 8px 5px;
	
}

#homeContent div#rightContent p
{
	background-image: url( ../../images/underlines.png );
	color: #374d60;
	font-size: 0.95em;
	line-height: 20px;
	padding: 0px 5px 0px 5px;
}

#homeContent div#rightContent br
{
	line-height: 0px;
}

#homeContent div#rightContent a.register
{
	/*font-size: 0.75em;*/
}

#homeContent div#rightContent h2
{
	background-color: #F4F7FA;
	border-top: 1px solid #D6E9EF;
	border-bottom: 3px solid #CCD9E4;
	padding: 1px 0px 2px 33px;
	background-image: url( ../../images/keyServicesBullet.png );
	background-repeat: no-repeat;
	background-position: 8px 4px;
	margin: 23px 0px 3px 0px;
}

div.homeService
{
	margin: 15px 0px -10px 0px;
}

div.homeService h3
{
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 5px 5px;
	color: #374d60;
	background-repeat: no-repeat;
	background-position: 5px 0px;
}

div.homeService p
{
	width: 190px;
	font-size: 0.9em;
}

h3#bookkeepingH3
{
	background-image: url( ../../images/bookkeepingBullet.png );
	float: left;
}

h3#payrollH3
{
	background-image: url( ../../images/payrollBullet.png );
	float: left;
}

/*End overall container styles*/

/*Index page styles*/
#register {
	color: #666;
	font-size: 1.1em;
	padding: 5px 0px 5px 5px;
}

#register a
{
	color: #666;
}

#userNav
{
	float: right;
	color: #666;
	font-size: 0.8em;
	padding: 5px 70px 5px 0px;
}

#userNav a
{
	color: #666;
}

#promo {
	display: none;
}

#businessNews {
	display: none;
}

#businessNews th {
	display:none;
}

#firmNews {
	display: none;
}

#firmNews th {
	display:none;
}

#printNews {
	margin:0 20px 20px 20px;
}

#mailafriend {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#iconMailaFriend {
	vertical-align : bottom;
}

/*End Index page styles*/

/*Footer styles*/
#footer {
	padding:0px 0 0px 0;
	color:#005BAA;
	text-align:center;
	font-size:1em;
	clear:both;
	/*border: 1px solid orange;*/
	width: 770px;
	height: 63px;
	background-image: url( ../../images/footer_bg.png );
	background-repeat: no-repeat;
}

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

#footer a:link {
	color:#005BAA;
	text-decoration:underline;
}

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

#footer a:hover {
	color:BLUE;
	text-decoration:none;
}

#copyright
{
	margin: -20px 0px 0px 10px;
	font-size: 0.8em;
}

#copyright p
{
	background-image: none;
}
/*End Footer styles*/

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

#ourservices_content {
	margin-right: 176px;
}

#ourservices_content h3
{
	margin: 0px 0px 0px 5px;
}

#ourservices_content h1
{
	padding: 1px 0px 1px 33px;
	background-image: url( ../../images/keyServicesBullet.png );
	background-repeat: no-repeat;
	background-position: 8px 5px;
	height: 23px;
}

#ourservices_content p
{
	/*background-image: url( ../../images/underlines.png );
	color: #374d60;
	font-size: 0.95em;
	line-height: 20px;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 14px 0px;*/
}

#ourservices_content ul
{
	/*color: #374d60;
	font-size: 0.95em;
	border-top: 1px solid #CCD9E4;
	border-bottom: 3px solid #CCD9E4;
	background-color: #F9FAFF;
	margin-top: 18px;
	padding-top: 10px;
	padding-bottom: 10px;*/
}

#ourservices_content br
{
	line-height: 0px;
}

#ourservices_content a.register
{
	font-size: 0.75em;
}

#ourservices_nav {
	float: right;
	width:169px;
	margin:0px 0 0 20px;
	background-image: url( ../../images/ourservices_nav_middle.png );
	background-repeat: repeat-y;
}

#ourservices_nav h2
{
	background-image: url( ../../images/ourservices_nav_header.png );
	background-repeat: no-repeat;
	padding: 30px 30px 0px 0px;
	text-align: right;
	margin: 0px 0px -14px 0px;
	height: 49px;
	border: none;
	background-color: transparent;
}

#ourservices_nav h3
{
	margin: 0px 0px 5px 0px;
	padding: 0px 17px 0px 25px;
	text-align: left;
}

#ourservices_nav ul{
	list-style-type:none;
	margin:0px 0px 5px 0px;
	padding:0px 17px 0px 25px;
	text-align: left;
	border-top: none;
	border-bottom: none;
	background: none;
}

#ourservices_nav li
{
	
}

#ourservices_nav_foot
{
	height: 13px;
	width: 169px;
	background-image: url( ../../images/ourservices_nav_footer.png );
	background-repeat: no-repeat;
	margin: -5px 0px 0px 0px;
	font-size: 0px;
}
/*End Our Services styles*/

#contactsForm {
	margin:0 200px 0 0;
}

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

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

#businessNewsPage table#qbeTable
{
	margin: 5px 0px 0px 4px;
}

#businessNewsPage table#qbeTable tr td
{
	padding: 3px 3px 3px 3px;
}

#linksArray ul
{
	margin-right: 10px;
	margin-left: 10px;
}

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

/* Resources Styles */

h1.resources 
{
	padding: 1px 0px 1px 33px;
	background-image: url( ../../images/memResBullet.png );
	background-repeat: no-repeat;
	background-position: 8px 5px;
	height: 23px;
}

/* end resources styles */

/* Search styles */ 

#searchEngines
{
	margin: 15px 0px 0px 0px;
}

/* end search styles */


/* contacts styles */

ul.contactsLeftCol, .contactsRightCol
{
	font-size:.95em;
	line-height:1.4em;
	padding: 0px 4px 0px 20px;
	background-color: #F4F7FA;
	border-top: 1px solid #D6E9EF;
	border-bottom: 3px solid #CCD9E4;
	margin: 0px 0px 18px 0px;
	float: left;
	width: 45%;
	height:auto !important; /*keeps footer pushed down below content*/
	height: /**/ 65px;		/*keeps footer pushed down below content*/
	height /**/: 65px;
	min-height: 65px;		/*keeps footer pushed down below content*/
}


ul.contactsLeftCol
{
	margin: 0px 13px 0px 0px;
}

/* end contacts styles */