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

body {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:.75em;
	color:BLACK;
	margin:0;
	padding:0;
	background: #DFDFDF;
	text-align:center;
}

strong {
	font-weight:bold;
}

img {
	border:none;
}
	
h1, .heading1, .maintitle-help, .maintitle-reference, .maintitle-home, .maintitle-admin, .maintitle-career, .maintitle-interact, .maintitle-news {
	font-size: 1.5em;
	font-weight: bold;
	color: #00209F;
	padding-left:18px;
	background-image: url(../../images/heading_icon.gif);
	background-repeat : no-repeat;
	background-position: left;
}

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

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

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

hr	{
	color: #00209F;
	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: BLACK;
}

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

ul {
	list-style-type: square;
}
/*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: #00209F;
	text-decoration: underline;
}
a:link {
	color: #00209F;
	text-decoration: underline;
}
a:visited {
	color: #5E72C2;
	text-decoration: underline;
}
a:hover {
	color: #B5CD8F;
	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: #00209F;
	text-decoration: none;
}
a.subnav:link {
	font-size: .9em;
	font-weight: bold;
	color: #00209F;
	text-decoration: none;
}
a.subnav:visited  {
	font-size: .9em;
	font-weight: bold;
	color: #5E72C2;
	text-decoration: none;
}
a.subnav:hover {
	font-size: .9em;
	font-weight: bold;
	color: #B5CD8F;
	text-decoration: none;
}
/*navigation links which are not footer end*/

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

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

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

a.navlink:hover { 
	color: #B5CD8F;
	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: #00209F;
	text-decoration: underline;
}

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

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

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

.ppv-footer {
	font-size: 1em;
	color: BLACK;
}/* 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;
	text-align:left;
}

.columntwo { 
	background-color: #00209F;
}

.columnthree {
	background-color: #fff;
	text-align:left;
}

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

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

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

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

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

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

a.smalllink:link  {
	font-size: 10px;
	font-weight: bold;
	color: #00209F;
	text-decoration: underline;
}
	
a.smalllink:visited  {
	font-size: 10px;
	font-weight: bold;
	color: #5E72C2;
	text-decoration: underline;
}

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

.smalltext {
	font-size: 10px;
	color: BLACK;
}

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

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

.tabletitle {
	font-size: 1.25em;
	font-weight: bold;
	color: #00209F;
	background-color: #DDECB8;
}/*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: BLACK;
	background-color: #FFFFFF;
}/*alter background color and font color. 
Contains headings of table rows or columns.*/

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

.tabletotal {
	font-size: .9em;
	font-weight: bold;
	color: BLACK;
	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: #00209F;
}

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

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

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

}

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

}
.col-5-contentspacer {
	background-color: #fff;
}

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

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

.columnfive {
	background-color: #fff;
}

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

/*Overall site container styles*/
#container{
	position:relative;
	width:748px;
	background: #fff;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#header {
	height:193px;
	background:url(../../images/topimage.jpg) no-repeat; /*must add full image path or secure header can't find image*/
}

#logo {
	position:absolute;
	top:0;
	right:0;
}

/*When positioning a div absolute, you must have a 'top or bottom' value and a 'right or left' value*/
#utilityNav{
	position:absolute;
	left:5px;
	top:28px !important;
	top: /**/ 40px;
}

#utilityNav a {
	display: block;
	overflow: hidden;
	padding:115px 0 0 0;
	height: 0px !important; 
	height /**/:115px; /* for IE5/Win only */
	text-decoration:none;
}

#utilityNav li {
	float:left;
	margin:0;
	padding:0;
	height:115px;
	list-style:none;
}

#utilityNav a:hover, #utilityNav a:active, #utilityNav a:focus {
	background-position: 0 -115px;
}

#home {
	width: 58px;
}

#home a  {
	width: 58px;
	background: url(../../images/bttn_home.jpg) no-repeat;
}

#about {
	width: 58px;
}

#about a  {
	width: 58px;
	background: url(../../images/bttn_about.jpg) no-repeat;
}

#contact {
	width: 57px;
}

#contact a  {
	width: 57px;
	background: url(../../images/bttn_contact.jpg) no-repeat;
}

#search {
	width: 58px;
}

#search a  {
	width: 58px;
	background: url(../../images/bttn_search.jpg) no-repeat;
}

#links {	
	width: 57px;
}

#links a  {	
	width: 57px;
	background: url(../../images/bttn_links.jpg) no-repeat;
}

#content {
	position:relative;
	height:auto !important; /*keeps footer pushed down below content*/
	height: /**/ 400px;		/*keeps footer pushed down below content*/
	min-height: 400px;		/*keeps footer pushed down below content*/
	padding:15px 0 0 0 !important;
	padding: /**/ 30px 0 0 0;
	margin: 0 30px 20px 210px;
}
/*End overall container styles*/

/*Index page styles*/
#register {
	display:none;
}

#promo {

}

#businessNews {

}

#businessNews th {
	display:none;
}

#busnewstitle {
	display:none;
}

#qbeTable th {
	display:none;
}

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

#mailafriend {

}

#iconMailaFriend {

}

/*End Index page styles*/

/*Footer styles*/
#footerContainer {
	height: 60px;
	background-image: url(../../images/footer.jpg);
}

#footer {
	position: absolute;
	padding:3px 0 5px 0;
	color:#00209F;
	font-size:.9em;
	bottom: 10px;
	left: 59px;
	font-weight: bold;
	text-align:center;
	clear:both;
}

#footer2 {
	position: absolute;
	padding:3px 0 5px 0;
	color:#00209F;
	font-size:.9em;
	bottom: 10px;
	right: 40px;
	font-weight: bold;
	text-align:center;
	clear:both;
}

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

#footer a:link {
	color:#00209F;
	text-decoration:none;
}

#footer a:visited {
	color:#00209F;
	text-decoration:none;
}

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

#footer2 a:active {
	color:#00209F;
	text-decoration:none;
}

#footer2 a:link {
	color:#00209F;
	text-decoration:none;
}

#footer2 a:visited {
	color:#00209F;
	text-decoration:none;
}

#footer2 a:hover {
	color:#90C319;
	text-decoration:none;
}
/*End Footer styles*/

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

#ourservices_content {
	position:relative;
	margin-right: 200px;
}

#ourservices_nav {
	position:relative;
	float:right;
	width:169px;
	background:#E4E5E6;
	margin:0 0 0 20px;
}

#ourservices_nav h3{
	margin-left:3px;
}

#ourservices_nav ul{
	list-style:none;
	margin:4px;
	padding:0;
}
/*End Our Services styles*/

#contactsform {
	position:relative;
	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;
}
/*End Business News Page Styles*/

/* Styles for T & C pop-up within PPV area. Amend if site has background color */

#PPVhelp {
	background: #fff
}

#PPVhelp p, h2 {
  /* color: BLACK; */ 
}

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

#PPVhelp a:link {
	font-size: 1em;
	color: #00209F;
	text-decoration: underline;
}
#PPVhelp a:visited {
	font-size: 1em;
	color: #5E72C2;
	text-decoration: underline;
}
#PPVhelp a:hover {
	font-size: 1em;
	color: #B5CD8F;
	text-decoration: none;
}
/* end */