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

* {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color:#6a6a6a;
	font-size:12px;
	line-height:1.4;
}
ul{ margin-left: 30px; list-style-position: outside
}

html, body {
	height: 100%;
}


body {
	text-align: center;
	background:#FBFBFB;
}

body#intro{background:#E5E5E5}

h1{
	font-size:22px;
	font-weight:normal;
	margin-bottom:10px;
}


.content img, .content p, .content br{clear:both; margin:auto; padding:auto;}

a{color:#433298; text-decoration:underline}
a:hover{color:#6a6a6a; text-decoration:underline}

.wrapper {
	position: relative;
	width: 100%;
	font-size: 12;
	margin: 0 0px -115px 0px;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background:#FBFBFB url(../img/chartbox_new/bg.gif) top repeat-x;
}

.wrapper_intro {
	position: relative;
	width: 100%;
	font-size: 12;
	margin: 0 0px -115px 0xp;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../img/chartbox_new/intro_bg.gif) top repeat-x;
}


.bottom, .push {
	height: 115px; 
}


.header {
	height: 163px;
	width:895px;
	margin:0px 0px 0px 0px;
}


.middle{
	width: 895px;
	margin: 35px 0px  35px 0px ;
	position:relative;
	display:block
	
}

.menu{
	width:224px;
	background: url(../img/chartbox_new/menu.png) bottom center no-repeat ;
	float:left;
	display:inline;
	margin-bottom:30px;
	clear:both;
	height:auto;
	text-align:left
	
}
.menu_content{
	width:180px;	
	overflow:hidden;
	margin:20px;
	margin-top:15px;
	color:#0f034f
}

.menu_content a, .menu_content span{
	color:#0f034f;
	padding-left:10px;
	text-decoration:none;
	font-size:15px;
}


.menu_content a:hover{color:#796ac5}

.menu_content div{
	font-size:15px;
	padding-top:4px;
	font-weight:bold;
	padding-bottom:4px;
	color:#0f034f;
	border-bottom:1px solid #e5e5e5
}

.menu_content .sel a,
.menu_content .sel span{
	color:#796ac5;
}

.menu_content .sub a,
.menu_content .sub span{
	font-size:12px;
	border-bottom:0px;
}


.menu_content div.sub a,
.menu_content div.sub span{
	margin-left:20px;
	}
	
.content{
	float:left;
	margin-left:60px;
	padding-bottom:30px;
	display:inline;
	width:545px;
	text-align:left
}


.bottom {
	position: relative;
	width: 100%;
	margin: 0 auto;
	clear:both;
	background: url(../img/chartbox_new/bg_bottom.gif) top repeat-x;
}


.footer_content{
	width:895px;
	margin:0px 0px 0px 0px;
	padding-top:10px;
	text-align:right;
	color:#888888;
	font-size:10px;
}


.footer_content a{color:#888888;font-size:10px; text-decoration:none}


.selected *
{
	color: #000000 !important;
	
}