@charset "utf-8";
/* CSS Document */


/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}
 

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */
br { clear:both; height:1px; margin:-1px 0 0 0 }
h1 { font: 1.8em Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif }
li { font: 1em Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif; margin:0; }
a { text-decoration:none; color:#fff }

/* Default */

html,body  {font: 12px/1.4em arial, helvetica, verdana, tahoma, verdana, sans-serif; color: #000; line-height: normal; }
body {		margin: 0;	text-align: center;	background: #1B417C  ;	}


.paleblue {color: #62BAE8;}
/* ------------------------------------ */

/* Global Layout Styles */

/* ------------------------------------ */
/* ------------------------------------ */

/* Hidden elements */

/* ------------------------------------ */
	.hidden, .screen_reader, hr { display: none; }

/* ------------------------------------ */
	
/* ---- Typography ---- */	

/* ------------------------------------ */

/* Paragraph default styling */
p { margin: 0 0 10px 0; font-size: .9em; line-height: 1.3em; }
.spacer { margin: 0 0 25px 0; }
.imageleft { float: left; }

/* Default link styling */
a { color: #00B1F0; text-decoration: none; }
a:hover { color: #003E7E; text-decoration: underline; }

.blue { color:#24ADE3;}
.blue a { color:#1B417C;}

#leftcolumn h1 { font-size: 1.3em; color:#FFFFFF; margin-bottom: 10px;}
#leftcolumn p { font-size: .9em;}
	
/* Float element left with a margin */
.floatLeft { float: left; margin: 0 20px 20px 0; }
	
/* Float element right with a margin */
.floatRight { float: right; margin: 0 0 20px 20px; }


.clear {
	clear:both;
	}
	.clear50 { clear: both;}
	
/* ------------------------------------ */

/* TEMPLATE LAYOUT  */   

/* ------------------------------------ */

#wrapperinner { width: 970px; margin: 0 auto; /* centers content */}
#wrapperheader { width: 970px; margin: 30px 10px 0 10px ; float: left; height: 125px; position: relative; z-index: 100; background: url(../interface/headerBar.jpg) 0 0 no-repeat;  	  }
* html #headerwrap { margin: 0 5px; /* width fix for IE6 */ }
#NEWS #wrapperheader { width: 970px; margin: 30px 10px 0 10px ; float: left; height: 125px; position: relative; z-index: 100; background: url(../interface/headerBarnews.jpg) 0 0 no-repeat;  	  }

#wrapperheaderflash { width: 950px; margin: 10px 10px 0 10px ; float: left; height: 300px; position: relative; z-index: 100; background: #000; border-bottom: 1px solid #000; 	}

#contentwraper { width: 970px;	float: left; position: relative; z-index: 50; text-align: left;	background:url(../interface/backgroundshadow-repeat.jpg) bottom right repeat-Y; }
#NEWS #contentwraper { width: 970px;	float: left; position: relative; z-index: 50; text-align: left;	background:url(../interface/backgroundshadow-repeatnews.jpg) bottom right repeat-Y; }
#contentinerback {width: 970px; float: left; background:url(../interface/backgroundshadow.jpg) bottom right no-repeat; }
#NEWS #contentinerback {width: 970px; float: left; background:url(../interface/backgroundshadownews.jpg) bottom right no-repeat; }

#paddingwraper {width: 960px; float: left; margin: 0 0 0 10px; padding: 25px 0; } /* */


#leftcolumn { float: left;	width: 200px; clear: both; padding-bottom: 10px;  margin: 0 0 0 0; background: url(../interface/left-column-back.png) right bottom repeat-y;  	 }
#leftcolumn .gutter { margin: 10px 20px 10px 10px ;  }
	/* IE6 alternative not so good looking but works! */
	* html #leftcolumn { background: url(../interface/left-column-back.jpg) top left repeat-y; }
		

#rightcolumn { float: right; width: 720px;	margin: 0 0 0 0; padding: 0 0 0 0; position: relative; top: 0; min-height: 590px; 	}
#CONTACT #rightcolumn { min-height: 650px;}
#rightcolumn h1 {  width: 720px; background: url(../interface/dotted-line.gif) bottom left no-repeat;  padding: 12px 0 ; font-weight: normal; font-size: 2em; color:#62BAE8; font-family:  Times, serif; margin-bottom: 20px;   }

#NEWS #rightcolumn { background:url(../interface/dotted-line-vert.gif)  0 0 repeat-y;}


#NEWS #rightcolumn h1 {color: #1B417C ; font-size: 32px;  padding: 12px 0   ; margin-bottom: 0px;  }
#NEWS #rightcolumn h2 {color:#1B417C; font-family:  Times, serif; margin-bottom: 20px; font-size: 32px; font-weight: normal; margin-top: 10px; }
#date {color: #1B417C ; font-size: 12px;}
.newsDivider { background: url(../interface/dotted-line.gif) bottom left no-repeat;  padding: 12px 0 0 0 ; margin-bottom: 12px; width: 100%; clear: left;}

#rightcolumn .right  ul { margin: 0 0 0 10px;}
#rightcolumn .right  li { list-style:square; font-size: .9em; padding: 0 0 5px 15px; color: #24ADE3; }

#NEWS #rightcolumn  .right h2 {   width: 145px; font-size: 24px; padding: 14px 10px  7px 10px; margin: 0; background:transparent; }
#NEWS #rightcolumn .right  ul { margin: 10px 0 0  10px;}
#NEWS #rightcolumn .right li { list-style: none; font-size: .9em; padding: 0 0 10px  0px; color: #1B417C ; }
#NEWS #rightcolumn .right li a {  color: #1B417C ; }

#NEWS #rightcolumn .left a { text-decoration:underline; font-family:  "Times New Roman", Times, serif; }
.BacktoNews a { text-decoration:underline; font-family:  "Times New Roman", Times, serif; color: #1B417C ; font-size: 18px; }
#NEWS #rightcolumn .left .date {   font-family: "Times New Roman", Times, serif; padding-top: 5px; }
#NewsTopSpacing { height: 56px;}
.links  ul { margin: 0 0 0 10px;}
.links  li { list-style:square; font-size: .9em; padding: 0 0 15px 5px; color: #24ADE3; background:url(../interface/linkslistback.gif) 100% 0  no-repeat; width: 250px; }


#rightcolumnContact { position:absolute;}
.left { float:left; width: 40%; }
.right { float: right; width: 43%; padding-right: 110px;/* margin-right: 16%; */}

#NEWS .left { float:left; width: 61%; }
#NEWS .right { float: right; width: 23%; padding-right: 110px;/* margin-right: 16%; */}



.left2 { float:left; width: 52%; margin-bottom: 0px; }
.leftL { float:left;  width: 43%}
.leftR { float: right; width: 54%}
.right2 { float: right; width: 30%; padding-right: 16%; }

.onethird { float: left; width: 200px; margin-right: 5px;}
.onethird h3 a { color: #000; margin: 0; padding: 0;}
.onethird p { color: #24ADE3; margin: 0;}
.onethird p a { color: #24ADE3; margin: 0;}
.onethird strong { color: #05296A; }
.onethird .spacerline { background: url(../interface/dotted-line.gif) bottom left no-repeat; margin-bottom: 15px; }

#rightcolumn h1 strong { font-weight: normal; color:#05296A; }
	#footerwrap { clear: both;
		 
	/*	width: 950px;
		margin: 0 10px;
		float: left;
		position: relative;
		padding-top: 10px;
		 */  
		
		 
	}
/*	* html #footerwrap { margin: 0 20px; }  */
#NEWS #footerwrap { padding-top: 200px;}
 
	#footerlinks {text-align: right; font-size: .8em; color:#A6ADC3; padding-right: 10px;   }
	
	#footerlinks a {   color:#A6ADC3;   }
/* ----------------------------------- */

/* TEMPLATE LAYOUT END  *?

/* ------------------------------------ */

	h1#logo {margin: 0; padding: 0;}
	#logo {	position: absolute;	top: 0;	left: 0; height: 129px;	width: 950px; 	overflow: hidden;  	}
	#logo a {	text-indent: -3000em; font-size: 1px; height: 129px; width: 950px; display: block; background: url(../interface/TopBanner.jpg) no-repeat; }
	
	
/* ------------------------------------ */

/* TOP NAV AND HEADER SECTION STYLES END  */

/* ------------------------------------ */
/* ------------------------------------ */

/* LEFT NAV SECTION STYLES  */

/* ------------------------------------ */

#sideMenuMain { 
		float: left;
		clear: both;
		margin: 0 0 0 0;
		padding: 0px 0 20px 0px;
		overflow: hidden;
		list-style: none;
		width: 200px;
		font-size: 1.1em;
		
	}
#sideMenuMain ul {
		float: left;
		margin: 0 ;
		padding: 0;
		list-style: none;
		width: 200px;
	}
#sideMenuMain li {
		float: left;
		width: 198px;
		padding: 0   ;
		margin: 0 ;
		overflow: hidden;
		text-align: right; display:block; 
	}
#sideMenuMain li a { 
	width: 178px;
	padding: 12px 20px 12px  0 ;
		float: left;
		color: #1B417C; background:url(../interface/button.gif) bottom left no-repeat;
	}
#sideMenuMain li a:hover {
	text-decoration: none;
		color: #24ADE3;
		 background: url(../interface/button_active.gif) bottom left no-repeat;
	}

	#PHILOSOPHY #sideMenuMain li.PHILOSOPHY a{
	text-decoration: none;
		color: #818285;
		 background: url(../interface/button_active.gif) bottom left no-repeat;
	}
	 #sideMenuMain li.PHILOSOPHY a{ color:#818285;}
	
	#THEPRINCIPLES #sideMenuMain li.THEPRINCIPLES a{
	text-decoration: none;
		color: #818285;
		 background: url(../interface/button_active.gif) bottom left no-repeat;
	}
	#sideMenuMain li.THEPRINCIPLES a { color:#818285;}
	
	#BACKGROUND #sideMenuMain li.BACKGROUND a{
	text-decoration: none;
		color: #818285;
		 background: url(../interface/button_active.gif) bottom left no-repeat;
	}
	#sideMenuMain li.BACKGROUND a { color:#818285;}
	
	#TRUSTSERVICES #sideMenuMain li.TRUSTSERVICES a{
	text-decoration: none;
		color: #1B417C;
		 background: url(../interface/button_active.gif) bottom left no-repeat;
	}
	#sideMenuMain li.TRUSTSERVICES a{ color:#1B417C;}
	#FUNDSERVICES #sideMenuMain li.FUNDSERVICES a{
	text-decoration: none;
		color: #1B417C;
		 background: url(../interface/button_active.gif) bottom left no-repeat;
	}
	#sideMenuMain li.FUNDSERVICES a{ color:#1B417C;}
	#PAYROLLSERVICES #sideMenuMain li.PAYROLLSERVICES a{
	text-decoration: none;
		color: #1B417C;
		 background: url(../interface/button_active.gif) bottom left no-repeat;
	}
	#sideMenuMain li.PAYROLLSERVICES a{ color:#1B417C;}
	#PENSIONS #sideMenuMain li.PENSIONS a{
	text-decoration: none;
		color: #1B417C;
		 background: url(../interface/button_active.gif) bottom left no-repeat;
	}
	#sideMenuMain li.RISK a{ color:#1B417C;}
	#RISK #sideMenuMain li.RISK a{
	text-decoration: none;
		color: #1B417C;
		 background: url(../interface/button_active.gif) bottom left no-repeat;
	}
	#sideMenuMain li.RISK a{ color:#1B417C;}
	#MANDATES #sideMenuMain li.MANDATES a{
	text-decoration: none;
		color: #62BAE8;
		 background: url(../interface/button_active.gif) bottom left no-repeat;
	}
	#sideMenuMain li.MANDATES a{ color:#62BAE8;}
	
	#NEWS #sideMenuMain li.NEWS a{
	text-decoration: none;
		color: #62BAE8;
		 background: url(../interface/button_active.gif) bottom left no-repeat;
	}
	#sideMenuMain li.NEWS a{ color:#62BAE8;}


	
	#CAREERS #sideMenuMain li.CAREERS a{
	text-decoration: none;
		color: #62BAE8;
		 background: url(../interface/button_active.gif) bottom left no-repeat;
	}
	#sideMenuMain li.CAREERS a{ color:#62BAE8;}
	
	#CONTACT #sideMenuMain li.CONTACT a{
	text-decoration: none;
		color: #62BAE8;
		 background: url(../interface/button_active.gif) bottom left no-repeat; margin-bottom: 20px;
	}
	#sideMenuMain li.CONTACT a{ color:#62BAE8;}
/* ------------------------------------ */

/* LEFT NAV SECTION STYLES END  */

/* ------------------------------------ */
/* ------------------------------------ */

/* CONTENT SECTION STYLES */

/* ------------------------------------ */



#flashmain { background:url(../interface/flash-promo-large-box-background.png) right bottom no-repeat; margin-right: -10px; padding-right: 10px; padding-bottom: 10px;}


/* ------------------------------------ */

/* CONTENT SECTION STYLES END */

/* ------------------------------------ */


#outerwrap {}
#innerwrap {}
#headerwrap {}
#headerlinks {}


/***********************/	
/* fifth width boxes */

	.fifthwidthbox {
		float: left;	margin: 0 0px 0 0;	padding: 0 0 30px 0;	overflow: hidden;	list-style: none;	width: 650px; font-size: 1em;	}
	.fifthwidthbox li { float: left; list-style: none;	width: 85px;	padding: 0;	height: 200px;	margin: 0 20px 0 0;	overflow: hidden; background: #fff;	}
	.fifthwidthbox li img { float: left; margin-bottom: 5px; }
	.fifthwidthbox li a {
		float: left;
		width: 85px;
		height: 200px;
		display: block;
		padding: 0px;
		color: #007EBD;}
	.fifthwidthbox li a strong { float: left; color:#05296A; font-size: 1em; line-height: 1em; font-weight: bold; width: 84px; }
	.fifthwidthbox li a em { float: left; color: #607B78; font-style:normal; background: url(../interface/small-arrow.gif) 100%  100% no-repeat; padding-right: 10px;}
	.fifthwidthbox li a:hover { text-decoration: none ; color: #000; background: #F8F8F8;	}
.fithwidthbox li a:hover em { text-decoration: underline ; color: #fff; 	}

/***********************/	
/* Quarter width boxes end */


#backtolink {
/*	position:absolute;
	top: 442px;
	right: 83px; padding-left: 40px; */
   padding-top: 40px; padding-bottom: 40px; 
}


/* -----------------------------------------  */

#contactLayer { position: relative;}
blockquote {font-weight: normal; font-size: 1.6em; color:#1B417C; font-family:  Times, serif; margin-bottom: 20px;   }

#rssFeed {
	position: absolute;
	top:106px;
	left: 444px;
	z-index:700;
}

.left50 { float: left; width: 50%;}
.right50 { float: right; width: 50%;}

.left8020 { float: left; width: 76%; margin-right: 2%;}
.right8020 { float: right; width: 22%; font-size: .8em;}