/*   CSS Document --------- screen.css   */

/*****************************************************************/
/*----------------------SET UP & POSITIONING---------------------*/

/* TOC
------------------------

1 - Setup
2 - Site structure
3 - Headers, Typography, Lists
4 - Navigation 
5 - General
6 - Tabs
7 - Classes, floats and clears

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

/* Colors
------------------------
Dark grey #666
Mid grey #999



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

* {	
	margin: 0;
	padding: 0;
}

html, body, h1, h2, h3, h4, h5, h6, p, ul, li, img {
	margin: 0;
	padding: 0;
	border:0;
}

h2
	{
	float: left;
	margin-bottom: 10px;
		}


h4
	{
	font-weight: normal;
	font-size: 14px;
	margin: 15px 0 5px 0;
		}
		
		
h5
	{
	font-weight: normal;
	font-size: 13px;
	margin: 15px 0 5px 0;
		}

		



body{
	background: url(images/content.jpg) repeat-x;
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color:#000;
	font-weight: normal;
}


#main
	{

	margin: auto;	
	width: 770px;
	}
	
#imgwrap
	{
	width: 770px;
	float: left;
	background: url(images/nav_repeat.gif) 0 0 repeat-y;
		}
		
a
	{
	color: #000;
		}
		
a:hover.txt
	{
	color: #FFF;
	text-decoration: none;
		}
		
a:hover
	{
	color: #004479;
	}
		
#pdf
	{
	list-style-type: none;
	margin: 10px 0 10px 20px;	
	}
	
#pdf li
	{
	padding: 5px 0 5px 30px;	
	background: url(images/pdf.gif) 0 0 no-repeat;
	margin: 10px 0;
	}
	
#topbread .breadlink a
	{
	color: #000;
	text-decoration: none;
		}
		
#topbread .breadlink a:hover
	{
	text-decoration: underline;
	color: #004479;
	}
	
	
#corporate .imgadjust02
	{
	float: left;
	margin: 0 0 3px 2px;	
	}
	
#high_blue .imgadust03
	{
	float: left;
	margin-left: 3px;
		}
		

		




/*-------------------------------TOP HEADER----------------------------------*/



#topheader
	{
	text-align: right;
	width: 770px;
	height: 108px;
		}
		

		
#headerimg
	{
	float: left;
	}
		
/*------all the links and search-------*/



.txt
	{
	font-size: 10px;
	padding: 0;
	text-decoration: none;
	color: #fff;
	margin: 0 5px 0 0;
		}
		
h1 
{
float: right;
position: relative;
top: 7px;
}
		



		
#toplinks input
	{
	width: 90px;
	padding: 3px;
	font-size: 11px;
	border: none;
		}
		
		
#toplinks img
	{
	margin: 0;
	padding: 0;
	position: relative;
	top: 5px;
	}
	
#toplinkrow
{
padding: 10px 3px 0 0;
height: 20px;
float: right;
}

#toplinkrow a
{
text-decoration: none;
font-size: 10px;
}


#toplinkrow a:hover
{
text-decoration: underline;
}




form
{
float: right;
}
	
/*------end of the links and search-------*/


	
/*-------------------------------END OF TOP HEADER----------------------------------*/






/*------------------------------------LEFT NAVIGATION------------------------------*/


ul#nav
	{
	margin: 32px 0 0 0;
	font-size: 12px;
	text-align: left;
	color: #fff;
	list-style: none;
	float: left;
	width: 200px; 
	
		}
		
ul#nav li
	{
	
	padding: 0 0 0 16px;
		}
		
ul#nav li a
	{
	background: url(images/arrow_white.gif) 0.2em 0.3em no-repeat;
	padding: 4px 0 4px 20px;
	border-bottom: 1px solid #fff;
	width: 148px;
	display: block;
	color: #000;
	text-decoration: none;
		}
		
ul#nav li a:hover
	{
	color: #004479;
	background: url(images/arrow_white.gif) 0.2em 0.3em no-repeat;
	background-color: #FFFFFF;
		}
		
ul#nav .topwhite a
	{
	padding-top: 3px;
	border-top: 1px solid #fff;
		}
		
		
/*-----------navigation button states (1st level, 2nd level)----------*/


ul#nav li ul
	{
	font-size: 11px;
	list-style: none;
	padding: 0;
	margin: 0;
		}
		
ul#nav li ul li
	{
	padding: 0;
	margin: 0;
		}
		
ul#nav li ul li a
	{
	padding: 4px 0 4px 30px;
		}
		
ul#nav li ul li a, ul#nav li ul li a:hover
	{
	background-position: 1.4em 0.4em;
		}
		


ul#nav #on a
	{
display: block;
	background-color: #fff;
		}
		
		
ul#nav #on02 a
	{
	width: 138px;
	background: url(images/arrow_blue.gif) 1.4em 0.4em no-repeat;
	color: #003C6B;
	background-color:#F7F7F7;
		}
	

		
#navigation ul#nav .on03 a
	{
	width: 138px;
	background-color: #F7F7F7;
		}
		

		

		

/*---------------------------------------END OF NAVIGATION----------------------------*/





/*-------------------------------START OF MAIN BODY----------------------------------*/


/*---applies to the home page only---*/

/*------------------------welcome header-------------------------*/

#welcome
	{	
	float: left;
	width: 432px;
	}
	
#tag
	{
	position: relative;
	top: 16px;
	height: 30px;
		}
	
#tag a
	{
	float: right;
	text-decoration: none;
	margin: 0 38px 0 0;
	color: #fff;	
	}
	
#tagimg
	{
	width: 12px;
	position: relative;
	top: -13px;
	left: 40px;
		}
	
/*------------------------end of welcome header-------------------------*/

#mainimg
	{
	height: 130px;
	padding: 5px 0 0 0;
	float: left;
	width: 570px;
		}
		
#mainimg img
	{
	float: left;
	margin: 0 10px 0 10px;
		}
		
#mainimg p
	{
	font-size: 13px;
	line-height: 130%;
	padding-right: 10px;
	text-align: left;
	color: #fff;
		}
		
/*-------------------------------------*/


#bodycont
	{
	background-color: #fff;
	float: left;
	width: 570px;
		}
		
/*-------------------top breadcrumb--------------------------*/




		
#topbread
	{
	background-color: #E1E1E1;
	width: 570px;
	text-align: left;
	padding: 3px 0;
		}
		
#topbread p
	{
	line-height: 150%;
	padding: 5px;
		}
		
#topbread a
	{
	border: none;
	text-decoration: none;
	color: #333333;
		}
		

		
		
		
/*----blue highlight in breadcrumb------*/

#topbread #blue
	{
	color: #003C6B;
		}	
		
		
/*-------------------end of the top breadcrumb---------------*/





/*--------------------All styles below apply to the body content-----------*/


		

.header02 img
	{
	margin: 0 0 0 5px;
	float: left;
		}
		
		
	
p#toppara
	{
	text-align: left;
	font-size: 14px;
	line-height: 120%;
	margin: 0 0 10px 10px;
	clear: both;
		}
		
		
#text 
	{
	margin: 0 0 10px 0;
	clear: both;
	text-align: left;
		}

		
#textpos
	{
	margin: 10px 0 10px 10px;
		}
		
#textpos p
	{
	line-height: 120%;
	padding-right: 10px;
		margin: 10px 0;
		}
		
#textpos h3
	{
	font-weight: bold;
	font-size: 12px;
		}
		
h3
	{
	font-weight: 400;
	font-size: 16px;
	/*padding-top:30px;*/
		}
		
h3.firsth3
	{
	/*padding-top: 0;*/
		}
		
		

		
.backlink a
	{
	color: #000;
	text-decoration: none;
		}
		
.backlink img
	{
	margin: 0 3px 0 0;
	float: left;
	}
	
	
#threepods
	{
	margin-left: 10px;
	float: right;
	background: url(images/our_approach_image01.gif) no-repeat;
	width: 310px;
	}
	
	
#pod01
	{
	position: relative;
	top: -3px;
	left: 30px;
	margin: 0 0 0 20px;
	width: 240px;
		}
		
#pod02
	{
	position: relative;
	top: 5px;
	left: 30px;
	margin: 0 0 0 20px;
	width: 240px;
		}
		
#pod03
	{
	position: relative;
	top: 25px;
	left: 30px;
	padding-bottom: 40px;
	margin: 0 0 0 20px;
	width: 260px;
		}



		
		
/*----------------------------------Table styles---------------------------------------*/
		

th, td
	{
	padding: 3px;
		}
		
td
	{
	text-align: right;
		}
		
.topheader
	{
	font-weight: 100;
	font-size: 11px;
	text-align: right;
		}
		
th
	{
	font-weight: 100;
		}
		
.thright
	{
	text-align: right;
		}
		
.thcenter
	{
	text-align: center;
		}
		

/*-------plain table with bottom borders-------*/

.plain_table
	{
	margin: 20px 0;
		}


.plain_table th
	{
	text-align: left;
		}
		
.bott_border
	{
	border-bottom: 1px solid #6d005f;
		}
		
th.rightheader
	{
	text-align: right;
		}
		
th.leftheader
	{
	text-align: right;
		}

		

/*---------------bottom container--------------------*/

#bottomcont
	{
	padding: 5px 5px 10px 5px;
	text-align: left;
	width: 560px;
	float: left;
		}
		
#bottomcont p
	{
	margin: 5px;
	padding: 3px;
	font-size: 13px;
	line-height: 130%;
	color: #fff;
		}
		
#bottomcont02
	{
	text-align: left;
	padding: 10px 5px 0 5px;
	width: 560px;
	float: left;
	border-top: 1px solid #fff;
		}
		
#bottomcont ul
	{
	float: left;
	padding: 0 0 5px 15px;
	width: 40%;
	color: #fff;
	list-style-position: outside;
		}
		
#bottomcont02 ul
	{
	padding: 0 0 5px 15px;
	color: #fff;
	list-style-position: outside;
	width: 40%;
	float: left;
		}
		
#bottomcont02 img
	{
		float: left;
		}
		
#bottomcont02 ul li
	{
	margin: 0 0 15px 0;
		}
		
#bottomcont ul li
	{
	margin: 0 0 15px 0;
		}
		
#bottomtable
	{
	float: right;
	width: 55%;
	color: #fff;
		}
		
.whitebdr
	{
	border-bottom: 1px solid #fff;
		}
		
		
/*------ block colour at the bottom of all regular pages -----*/

		
		
#bottomband, .bottomband02, .bottomband03
	{
	text-align: left;
	line-height: 130%;
	font-size: 13px;
	overflow: hidden;
	padding: 5px;
	width: 560px;
	color: #fff;
		}
		
.bottomband02 p
{
font-size: 11px;
}
		
#bottomband ul
	{
	
	list-style: none;
	padding: 0 0 0 2px;
	float: left;
	list-style-position: outside;
	
	width: 48%;
		}
		
#bottomband ul li
	{
	padding: 0 0 0 18px;
	margin: 10px 0;
		}
		
#bottomband img, .bottomband02 img
	{
	margin: 5px 6px 0 0;
	float: right;
	border: 1px solid #fff;
		}
		
		
.bottomband02 table
	{
	margin: 5px 5px 0 0;
	float: right;
	font-size: 10px;
		}
		
.whiterow td, .whiterow th
	{
	border-bottom: 1px solid #fff;
		}
		
.imagemargin
	{
	margin: 5px 0;
		}
		
.bluetable
	{
	background-color: #CEEBF7;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	}
	
.bluetable td, .bluetable th
	{
	font-size: 11px;
	text-align: left;
		}
		
.darkbluehead th
	{	
	border-bottom: 1px solid #fff;
	background-color: #39BEE7;
	}
	
.white_border_right
	{
	border-right: 1px solid #fff;
		}
	
.lightbluehead th, .lightbluehead td
	{
	border-bottom: 1px solid #fff;
	color: #000;
		}
		
.corp_table .greycell td, .corp_table .greycell th
	{
	background-color: #acaca2;
	text-align: right;
	color: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	
		}
		
.corp_table .bluecell td, .corp_table .bluecell th
	{
	background-color: #A5CFDE;
	color: #000;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	
		}
		
.highlights th
	{
	text-align: right;
		}
		
.bluehigh th
	{
	color: #004479;
		}
		
.plainblack
	{
	color: #000;	
	}

		
		
		
/*---board of directors---*/



div#directors
	{
	width: 550px;
	float: left;
	margin: 20px 0;	
	}
	
div#directors .box
	{
	margin: 0 0 10px 4px;
	width: 130px;
	float: left;
		}
		






/*-------------------------------END OF MAIN BODY----------------------------------*/


/*-------------------------------START OF FOOTER-----------------------------------*/



#footer
	{
	
	clear: both;
	 color: #fff;
	 text-align: right;
	 background-color: #004479;
	 height: 36px;	
	}
	
div.bottom_p p
	{
	font-size: 11px;
	padding-right: 8px;
	text-align: right;
	width: 268px;
	float: right;
	clear: both;	
	}
	
.image_p
	{
	font-size: 11px;
	text-align: right;
	clear: both;
	width: 550px;
		}
		
.right_p
	{
	font-size: 11px;
	margin-left: 5px;
	float: right;
	width: 270px;
		}
		
.left_p
	{
	font-size: 11px;
	text-align: right;
	float: left;
	width: 275px;
		}
	
#footer p
	{
	position: relative;
	top: 7px;
	right: 5px;
	float: right;
		}
		
#footer img
	{
	float: right;
		}
		
		
#footercase a, #footercase02 a
	{
	text-decoration: none;
	color: #fff;
		}
		
#footercase a:hover, #footercase02 a:hover
	{
	text-decoration: underline;
		}
	
	
#footercase, #footercase02
	{
	padding: 3px 15px 0 0;
	width: 15%;
	float: right;
		}
		


#investis
	{
	padding-bottom: 10px;
	margin: 30px 0 10px 20px;
	float: left;
		}
		
.small
	{
	font-size: 10px;	
	}
	
.auditorsig
{
position: relative;
top: 30px;
left: 30px;
}

.tablespace
{
margin: 40px 0;
}
		

#pdfdownload
{
position: relative;
top: -25px;
right: 10px;
float: right;
}

#pdfdownload img
{
margin-right: 3px;
}	

#pdfdownload a:hover
{
text-decoration: underline;
}	
		
/*----------end of footer---------------*/
	
	
	
	
/*-------------------------------END OF THE BOTTOM INFORMATION----------------------------------*/




/*---------Regular styles--------*/

.right
	{
	float: right;	
	}
	
.left
	{
	float: left;	
	}
	
.left_td td
	{
	text-align: left;	
	}
	
.clear
	{
	clear: both;
	}
	
.center
	{
	text-align: center;	
	}
	

	
.txtright
	{
	text-align: right;	
	}
	
.txtleft
	{
	text-align: left;	
	}
	
.white_bottom
	{
	border-bottom: 1px solid #fff;
		}
		
.whitetxt
	{
	color: #fff;	
	}
	
.lineheight
	{
	line-height: 140%;	
	}
	
.lineheight02
{
line-height: 130%;
}
	
p.lineheight
	{
	line-height: 170%;	
	}
	
td.noborder
{
border: none;
}
	
	
.centershft
{
padding-right: 20px;
}

.leftjustify
{
position: relative;
left: -15px;
}

#search02 table td
{
text-align: left;
}

		
		
/*---------End of regular styles--------*/