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


body  {
	background:url(../imgs/bgrnd_gradient.png) repeat-x #CCCCCC;
	margin: 0px 0px 0px 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px 0px 0px 0px;
	color: #aaaaaa;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	text-align:left;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color:#999999;
}

a:hover, a:visited:hover, a:focus {
	color:#003366;
	text-decoration:none;
}

.navActive{ color:#003366; }

img {border:none;}

#wrapper { 
	width: 880px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin:auto; /* the auto margins (in conjunction with a width) center the page */
	padding-top:1%;
	position: relative;
}

/* Header Start */

#header { 
	padding: 0px;
	margin: 0px;
	/*position: relative;*/
	width:887px;
	height:153px;
	background:url(../imgs/header2.png) no-repeat;
}

#top_logo {
	float:left;
	width:108px;
	margin: 30px 0px 0px 60px;
}

#top_logo_bc {
	float:left;
	width:153px;
	height:9px;
	margin: 80px 0px 0px 60px;
}

/*#top_logo_bc_link {
	float:left;
	width:153px;
	height:9px;
	margin: 80px 0px 0px 60px;
	cursor:pointer;
}*/

#top_right {
	float:right;
	width:382px;
	margin:1px 11px 0px 0px;
}

#btm_left {
	float:left;
	width:598px;
	height:183px;
	margin:-125px 0px 0px 3px;
}

/* Main start */

#main { 
	width: 887px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin:0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	background: url(../imgs/main_bgrnd.png) repeat-y;
	z-index:1;
	min-height:350px;
}

#pooleImg { float:left; margin:130px 20px 0px 0px; width:250px; height:178px; }

#bottom_right {
	clear:right;
	float:right;
	width:209px;
	margin:100px 61px 0px 0px;
}

#menu {
	float:left;
	width:175px;
	padding:0px; 
	margin: 10px 0px 0px 20px;
	font-size:11px;
}

ul {
	list-style:none;
}

li {
	margin-bottom:20px;
}

#menu a {
   font-size:11px;
}

h2.body { color:#003366; border:none; margin: -23px 0px 0px 213px; padding: 0px 0px 0px 0px;  font-size:16px; font-weight:normal;}

hr { height:1px; width:70%; border:0; background:#EAEAEA; margin: 5px 0px 5px -137px; }

#body {
	float:left;
	width:380px;
	font-weight:normal;
	margin:-23px 0px 0px 17px;
}

#bodyCL {
	float:left;
	width:380px;
	font-weight:normal;
	margin:-23px 0px 0px 17px;
}


#bodyLegal {
	float:left;
	width:615px;
	/*width:380px;*/
	font-weight:normal;
	margin:0px 0px 0px 17px;
	/*border:1px solid #FF0000;*/
}

#bodyList { width:380px; margin: 18px 0px 0px 173px;}

li.subLink {
	color:#003366;
	margin:0px 0px 10px 25px;
	font-size:10px;
	list-style-type:square;
}

li.subLink a:link, li.subLink a:active, li.subLink a:visited {
	color:#999999;
	text-decoration:none;
	font-size:10px;
}

li.subLink a:hover, li.subLink a:visited:hover, li.subLink a:focus {
	color:#003366;
	text-decoration:none;
	font-size:10px;
}


#bottom_right_text {
	clear:right;
	float:right;
	margin-right:55px;
	font-size:11px;
	font-weight:normal;
} 

.clear {
	clear:both;
}

/* footer Start */

#footer { 
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height: 68px;
	margin: auto;
	width: 887px;
	position: relative;	
	background:url(../imgs/footer.png) no-repeat;
	text-align: left;
}

#bottom_logo {
	float:left;
	margin-left:60px;
}

#footer h2 {
	float:right;
	padding-right:65px;
	font-size:11px;
	margin-top:30px;
	font-weight:normal;
	color:#666666;

}

#footer p {
	float:left;
	font-size:11px;
	margin:30px 0px 0px 60px;
	font-weight:normal;

}s


p a:link, p a:active, p a:visited {
	color:#003366;
	text-decoration:none;
}

p a:hover, p a:visited:hover, p a:focus {
	color:#AAAAAA;
	text-decoration:none;
}

#clientAreaList
{
	margin: 20px 0px 0px 225px;
	padding: 0px 0px 0px 0px;
	width: 200px;
}

#clientAreaList li
{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type:square;
	color:#003366;
}

#chart{
	width:655px;
	padding:0px 0px 0px 0px;
	height:355px;
	float:left;
	margin:5px 0px 0px 20px;
}

#chart_gbp{ width: 100%; height:170px; margin: 0px 0px 0px 0px; }
#chart_usd{ width: 100%; height:170px; margin: -20px 0px 0px 0px; }

#chart h4 { margin:0px 0px 0px 0px; color:#003366; padding:0px 0px 0px 0px; font-size:12px; }

.chartCol { float:left; width: 45px; height: 170px; margin: 5px 1px 10px 0px; padding:0px 0px 0px 0px; text-align:center;}

.chartName { color:#FFF; background:#003366; text-align:center; width:45px;}

.chartData ul{ list-style:none; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; width:45px; color:#666;}

.chartData li { margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; }

#diagram { width:655px; padding: 0px 0px 0px 0px; height:355px; margin:15px 0px 0px 20px; float:left;}

.diaPart1 { width: 100%; height:90px; float:left; background:#99cccc; padding: 10px 0px 0px 0px; }

.diaPart2 { float:left; width:218px; background:#99cccc; height:255px;}

.diaPart3 { float:left; width:218px; background:#6699cc; height:255px;}

.diaPart4 { float:left; width:218px; background:#3399cc; height:255px;}

.block { width:150px; border:2px solid #003366; color: #003366; background:#FFFFFF; height: 45px; text-align:center; margin:auto; padding:10px 0px 0px 0px; }
.block2 { width:150px; border:2px solid #003366; color: #003366; background:#FFFFFF; height: 45px; text-align:center; margin: 9px 0px 0px 33px; padding:10px 0px 0px 0px; }

.lineX1 { width:2px; background:#003366; height:20px; margin:auto; position:relative; z-index:1; }
.lineX2 { width:2px; background:#003366; height:20px; margin:0px 0px 0px 65px; position:relative; z-index:1; float:left;}
.lineX3 { width:2px; background:#003366; height:20px; margin:-22px 64px 0px 0px; position:relative; z-index:1;  float:right;}
.lineX4 { width:2px; background:#003366; height:10px; margin:auto; position:relative; z-index:1; }

.lineXExtra { width:2px; background:#003366; height:105px; margin:-22px 0px 0px 200px; position:relative; z-index:1; }

.lineY { height:2px; background:#003366; width:80%; margin:auto; }
.lineY2 { height:2px; background:#003366; width:94px; margin:10px 0px 0px 108px; }

.depTxt { float:right; color:#FFF; font-weight:bold; margin:85px 10px 0px 0px;}

.depTxtProperty { float:right; color:#FFF; font-weight:bold; margin:160px 10px 0px 0px;}

#app-form { width: 600px; margin: 620px 0px 0px 210px; background:none;}

#app-form > p { width: 380px; }

#app-form label {margin:0px 0px 0px 0px;}

#app-form input[type=text], #app-form select { margin:0px 0px 5px -270px; width:130px;}

#app-form input[type=checkbox]{ margin:0px 0px 5px 0px; width:20px;}

#app-form p.btmTxt { margin: 5px 0px 0px -380px; width:380px;}

#app-form input[type=submit] {float:right; margin:20px 0px 0px 0px;}

#formCon { margin:0px 0px 0px 0px; }

#radio-text {width:380px;}

/*#app-form{ float:left; margin: 0px 0px 0px 212px; width:450px;  }

#app-form label {float:left; width:200px; margin: 0px 0px 0px 0px;}

#app-form br {clear:both;}

#app-form br.input { clear:left; margin: 0px 0px 10px 10px; }
#app-form input {float:left;  width:200px; margin: 0px 0px 0xp 20px;}*/