/***************************************************** 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 */

/* #313131 - used for BODY, P, TD, LI, FOOTER TEXT, FORMS */
/* #194A8F - used for TITLE, H1-H6, TABLE SUB HEADINGS, HR */

/* #001C76 - LINKS:LINK:ACTIVE, FOOTER:LINK, PPV-FOOTER:LINK:ACTIVE */
/* #999999 - used for LINKS:VISITED, FOOTER:VISITED, PPV-FOOTER:VISITED */
/* #DD6A21 - used for LINKS:HOVER, FOOTER:HOVER, PPV-FOOTER:HOVER */

/* #194A8F - used for (ppv/search)COLUMNTWO(dividing line bgcolor), TABLE LINES */
/* #FFFFFF - 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!! */

/* #FFFFFF - 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) */
/* #001C76 - 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;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

body {
	font-family: Arial, Helvetica, sans-serif, Verdana, Geneva, ;
	font-size:.8em;
	color:#313131;
	margin:0;
	padding:0;
}

strong {
	font-weight:bold;
}

img {
	border:none;
}

p {
	margin:1em 0 1em;
}
	
h1, .heading1, .maintitle-help, .maintitle-reference, .maintitle-home, .maintitle-admin, .maintitle-career, .maintitle-interact, .maintitle-news {
	font-size: 1.4em;
	color: #DD6A21;
	font-weight: normal;
	margin:.67em 0;
}

h2,	.heading2 {
	font-size: 1.25em;
	color: #194A8F;
	margin:.75em 0
}

h3, .heading3 {
	font-size: 1em;
	font-weight: bold;
	color: #194A8F;
	margin: .83em 0
}

h6, .heading6 {
	font-size: 1em;
	font-weight: bold;
	color: #194A8F;
}

hr	{
	color: #194A8F;
	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: #313131;
}

li.err-msg {
	font-weight: bold;
	color: RED;
}/*used for form errors on Registration pages etc.*/

ul {
	list-style-type: disc;
	margin-left: 16px;
	margin-bottom: 18px;
}

ol {
	margin-left: 18px;
	margin-bottom: 18px;
}
/*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,
a:active {
	color: #001C76;
	text-decoration: underline;
	font-weight: bold;
}
a:link {
	color: #001C76;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	color: #999999;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #DD6A21;
	text-decoration: none;
	font-weight: bold;
}
/*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: normal;
	color: #DD6A21;
	text-decoration: none;
}
a.subnav:link {
	font-size: .9em;
	font-weight: normal;
	color: #001C76;
	text-decoration: underline;
}
a.subnav:visited  {
	font-size: .9em;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}
a.subnav:hover {
	font-size: .9em;
	font-weight: normal;
	color: #DD6A21;
	text-decoration: none;
}

#ourservices_nav a.subnav:active {
	font-size: .9em;
	font-weight: normal;
	color: #001C76;
	text-decoration: none;
}
#ourservices_nav a.subnav:link {
	font-size: .9em;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
#ourservices_nav a.subnav:visited  {
	font-size: .9em;
	font-weight: normal;
	color: #B2C3DA;
	text-decoration: underline;
}
#ourservices_nav a.subnav:hover {
	font-size: .9em;
	font-weight: normal;
	color: #DD6A21;
	text-decoration: none;
}
/*navigation links which are not footer end*/


/*smalllinks - used in PPV*/
a.smalllink:active  {
	font-size: 10px;
	font-weight: bold;
	color: #001C76;
	text-decoration: underline;
}

a.smalllink:link  {
	font-size: 10px;
	font-weight: bold;
	color: #001C76;
	text-decoration: underline;
}
	
a.smalllink:visited  {
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-decoration: underline;
}

a.smalllink:hover  {
	font-size: 10px;
	font-weight: bold;
	color: #DD6A21;
	text-decoration: none;
}

.smalltext {
	font-size: 10px;
	color: #313131;
}

.smalltextbold {
	font-size: 10px;
	font-weight: bold;
	color: #313131;
}
/* Inktomi Styles End */

/*format tables*/


.tablelines {
	background-color: #194A8F;
}/*color of the narrow line deviding up the table cells*/

.tabletitle {
	font-size: 1.25em;
	color: #ffffff;
	background-color: #194A8F;
	padding: 3px;

}/*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: #313131;
	background-color: #FFFFFF;
	padding: 5px;
}/*alter background color and font color. 
Contains headings of table rows or columns.*/

.tablebody {
	font-size: .9em;
	color: #313131;
	background-color: #FFFFFF;
	padding: 5px;
}/*alter background color and font color. 
Contains main body of the table.*/

.tabletotal {
	font-size: .9em;
	font-weight: bold;
	color: #313131;
	background-color: #FFFFFF;
	padding: 5px;
}/*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: #001C76;
}

.bgTop {
	background-image: url(/images/stylesheets/bg_top.gif);
	font-size: 1.1em;
	text-align:left;
	color: #ffffff;
}

.bgColorContent {
	font-size: 1em;
	background-color: #FFFFFF;
}

.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: #F42A41;
}

/*vvvv PLEASE ADD ANY SITE SPECIFIC STYLES BELOW vvvv*/




/**************************************************************************************************************************************************************/
/*XHTML Layout Styles*/
/**************************************************************************************************************************************************************/

/*Overall site container styles*/
#container{
	float: right;
	width: 100%;
	margin-left: -197px;
	background: url(../../images/bg_nav.gif) repeat-y;
}

#header {
	text-align: right;
}

#logo {
	position: absolute;
	top: 73px;
	left: 210px;
}

#logoPrint {
	display: none;
}

#search {
	float:right;
	margin:22px 17px 0 0;
	display:inline;
}

#go {
	margin-top: 2px;
	margin-left: 0 !important;
	margin-left: /**/ -4px;
}

/*When positioning a div absolute, you must have a 'top or bottom' value and a 'right or left' value*/
#utilityNav {
	font-size: 0.8em;
	padding: 28px 0 8px 18px;
	border-bottom: 1px solid #001C76;
}

#homeButton{
	width:144px;
	margin: 24px 0 5px 51px;
	height: 20px !important; 
}

#homeButton a {
	display: block;
	overflow: hidden;
	padding:20px 0 0 0;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	text-decoration:none;
}

#homeButton ul {
	margin: 0;
}

#homeButton li {
	float:left;
	margin:0;
	padding:0;
	height:20px;
	list-style:none;
}

#homeButton a:hover, #homeNav a:active, #homeNav a:focus {
	background-position: 0 -20px;
}

#home {
	width: 144px;
}

#home a  {
	width: 144px;
	background: url(../../images/bttn_home.gif) no-repeat;
}

#nav {
	float: left;
	width: 195px;
	background-image: url(../../images/bg_nav.gif);
	background-repeat : repeat-y;
	border-right: 1px solid #001C76;
}

#register_text {
	background: url(../../images/bg_register.gif) repeat-y;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	padding: 22px;
	color: #FFFFFF;
	text-align: right;
	font-size: .85em;
	line-height : 145%;
	height: 114px;
}

#register_text a:hover {
	color: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
}

#register_text a:link {
	color: #FFFFFF;
	text-decoration:underline;
	font-weight: bold;
}

#register_text a:visited {
	color: #FFFFFF;
	text-decoration:underline;
	font-weight: bold;
}

#register_text a:active {
	color: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
}

#content {
	margin-left: 195px;
	height:auto !important; /*keeps footer pushed down below content*/
	height: /**/ 500px;		/*keeps footer pushed down below content*/
	height /**/: 500px;
	min-height:500px;		/*keeps footer pushed down below content*/	
}

#contentInner {
	border-top: 1px solid #001C76;
	margin-top: 0 !important;
	margin-top: /**/ -4px;
	padding: 30px 18px 30px 18px;
}
/*End overall container styles*/

/*Index page styles*/
#register {
	display:none;
}

#promo {
	margin-bottom: 8px;
}

#businessNews {
	text-align: right;
	margin: 24px 22px 30px 22px ;
	color: #FFFFFF;
}

#businessNews a:active {
	color: #FFFFFF;
	font-weight: bold;
	font-size: .85em;
}
#businessNews a:link {
	color: #FFFFFF;
	font-weight: bold;
	font-size: .85em;
}
#businessNews a:hover {
	color: #FFFFFF;
	font-weight: bold;
	font-size: .85em;
}
#businessNews a:visited {
	color: #FFFFFF;
	font-weight: bold;
	font-size: .85em;
}

#businessNews h3 {
	color: #FFFFFF;
}

#businessNews th {
	display:none;
}

#newsDate {
	font-size: 0.9em;
	padding-top: 5px;
}

.newsDate {
	font-size: 0.9em;
	padding-top: 5px;
}

#newsTitle {
	padding-top: 5px;
}

.newsTitle {
	padding-top: 5px;
} 

 
#qbeTable td.newsTitle {
	padding-left: 8px;
}

#firmNews {
	text-align: right;
	padding: 24px 22px 0 22px;
	border-top: 1px solid #FFFFFF;
	margin-top: 210px !important;
	margin-top: /**/ 0;
	color: #FFFFFF;
}

#firmNews a:active {
	color: #FFFFFF;
	font-weight: bold;
	font-size: .85em;
}
#firmNews a:link {
	color: #FFFFFF;
	font-weight: bold;
	font-size: .85em;
}
#firmNews a:hover {
	color: #FFFFFF;
	font-weight: bold;
	font-size: .85em;
}
#firmNews a:visited {
	color: #FFFFFF;
	font-weight: bold;
	font-size: .85em;
}

#firmNews h3 {
	color: #FFFFFF;
}

#firmNews th {
	display:none;
}

#printNews {
	margin:0 20px 20px 20px;
}

#mailafriend {
	float: right;
	text-align: right;
	padding: 0;
	margin: -16px 0 0 0 !important;
	margin: /**/ -23px 10px 0 0;
	width: 150px;
}

#iconMailaFriend {
	vertical-align : bottom;
}

/*End Index page styles*/

/*Footer styles*/
#footer {
	padding: 0;
	color:#001C76;
	text-align:left;
	font-size:1em;
	clear:both;
	font-size: 0.8em;
	border-bottom: 1px solid #001C76;
}

#footer a:active {
	color:#001C76;
	text-decoration:none;
}

#footer a:link {
	color:#001C76;
	text-decoration:underline;
}

#footer a:visited {
	color:#999999;
	text-decoration:underline;
}

#footer a:hover {
	color:#DD6A21;
	text-decoration:none;
}

#copyright {
	float: left;
	background: #194A8F;
	width: 172px;
	color: #FFFFFF;
	text-align: right;
	padding: 18px 24px 10px 0;
	border-top: 1px solid #FFFFFF;
}

#copyright a:active{
	color: #FFFFFF;
	text-decoration: none;
}

#copyright a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#copyright a:link{
	color: #FFFFFF;
	text-decoration: underline;
}

#copyright a:visited{
	color: #FFFFFF;
	text-decoration: underline;
}

#footerLinks {
	border-top: 1px solid #001C76;
	padding: 18px 24px 10px 210px;
}
/*End Footer styles*/

/*Our Services styles*/
#ourservices {
	position: relative;
	padding:0;
	height:auto !important;
	height /**/:570px;
	min-height: 570px;
}

#ourservices_content {
	margin-right: 200px;
}

#ourservices_nav {
	position: absolute;
	top: 0;
	right: 18px;
	width:153px;
	background:#194A8F;
	margin:0 0 0 20px;
	padding: 16px 6px 15px 6px;
}

#ourservices_nav ul{
	list-style-type:none;
	margin:6px;
	padding:0;
}

#ourservices_nav h3{
	color: #FFFFFF;
	margin-left: 4px;
}

#officeStaff {
	border: 1px dashed;
	margin-right: 200px;
}

/*End Our Services styles*/

#contactsForm {
	margin:0 200px 0 0;
}

#contacts {
	padding:0;
	margin:0;
}

#contacts_content {
	margin-right: 200px;
}

#contacts_nav {
	float: right;
	width:165px;
	background:#194A8F;
	margin:0 0 0 20px;
	padding: 10px 6px 15px 10px;
}

#contacts_nav h3{
	color: #FFFFFF;
}

#contacts_nav a:link{
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: normal;
}

#contacts_nav a:hover{
	color: #DD6A21;
	font-size: 0.9em;
	font-weight: normal;
}

#contacts_nav a:visited {
	color:  #B2C3DA;
	font-size: 0.9em;
	font-weight: normal;
}

#contacts_nav a:active {
	color: #DD6A21;
	font-size: 0.9em;
	font-weight: normal;
}

/*Start News Detail Styles*/
#newsOptions img {
	vertical-align:middle;
}
/*End News Detail Styles*/

/*Start Business News Page Styles*/
#businessNewsPage th {
	display:none;
}

#qbeTable th {
	display:none;
}
/*End Business News Page Styles*/

#welcome {
	margin-right: 125px;
	background: none;
}

#bttnHome {
	width: 117px;
	float: right;
	margin: 30px -18px 0 0 !important;
	margin: /**/ 30px -9px 0 0;
	padding: 0;
}

#bttnInner {
	width: 97px;
	height: 48px;
	background: url(../../images/bg_homebttn.gif) no-repeat;
	text-align: center;
	padding: 12px 10px 0 10px;
}

#bttnInner a,
#bttnInner a:link {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

#bttnInner a:visited {
	color:#FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

#bttnInner a:active {
	color: #F07D34;
	font-weight: normal;
	text-decoration: none;
}

#bttnInner a:hover {
	color: #F07D34;
	font-weight: normal;
	text-decoration: none;
}


#bttnPay {
	width: 97px;
	height: 48px;
	text-align: center;
	padding: 0px 0px 12px 0px;
}




#menuAbout1 {
	margin: 10px 0 30px;
}

#thumbnail {
	postition: relative;
	float: left;
	vertical-align : bottom;
	margin: 10px 20px 10px 0;
	width: 200px;	
}

#thumbnailPhoto {
	float: left;
	padding-right: 10px;
	width: 54px;
}

#largePhoto {
	float: left;
	padding-right: 16px;
	height: 400px;
}

#profileText {
	float: left;
	width: 280px;
}
