/* CSS Document */

body { font: 11px normal Verdana, Arial, Helvetica, sans-serif; color: #666; }

a { text-decoration: none; }

em { font-style: italic; }

#main_container { width: 967px; margin: 0 auto; overflow: visible; background: url(images/bg_shadow.gif) repeat-y; padding-bottom: 20px; }
#inner_container { width: 959px; margin-left: 3px; } 
#bottom_shadow { width: 961px; height: 6px; background: url(images/botborder.png) repeat-x; margin: 0 auto; }

h1 { overflow: auto; }
h1#logo a { background: url(images/SIStation_logo.jpg) no-repeat; width: 214px; height: 36px; text-indent: -10000px; float: right; margin: 10px; }

#nav_bar_upper_border { width: 959px; height: 3px; background: #3a4562; }

#nav_bar { background: #4d5c81; width: 959px; display: block; height: 30px; margin-top: 1px; }


#nav_bar ul { float: right; margin-right: 10px; }


#nav_bar li { overflow: visible; display: block; float: left; margin: 10px 0 0 0; }


#nav_bar li a { display: block; float: left;  }


#nav_bar a#nav_bar_home { background: url(images/home_hi_light.png) no-repeat; text-indent: -10000px; width: 27px; height: 20px; }


#nav_bar li.nav_bar_btn { background: #95a7bd url(images/left_curve.png) no-repeat 0 -1px; padding: 0px 0 0px 20px; margin: 11px 0 0 0; }

#nav_bar li.nav_bar_btn a { background: url(images/right_curve.png) no-repeat right -1px; padding: 2px 20px 2px 0; font-weight: bold; color: #fff; height: 14px; }

#nav_bar li.nav_bar_btn a:hover{ text-decoration: underline;}

#main_content { width: 895px; margin: 20px auto 0 auto; }

h2#TACharts_title { background: #4d5c81 url(images/TACharts.png) no-repeat 20px 12px; width: 100%; height: 40px; text-indent: -10000px; }

h2#threeSteps_title { background: #4d5c81 url(images/3_steps.png) no-repeat 20px 8px; width: 100%; height: 40px; text-indent: -10000px; }

#TACharts { background: #232a3b  no-repeat top right; width: 865px; height: 295px; margin: }
#TACharts p { width: 330px; margin-bottom: 14px; text-align: justify; font-size: 12px; }

#threeSteps { width: 893px; height: 114px; border: 1px solid #4d5c81; margin-top: 3px; }

#footer { width: 910px; margin: 2px auto; background: #3b4662; padding: 10px 20px; color: #7a949c; font-size: 10px; overflow: auto; height:auto; }

#footer a { color: #fff; font-weight: bold; width:100% }
#footer p#designedBy { float: right; }

#nav_bar li.feature{  background: #ffffff url(images/left_curve_white.png) no-repeat 0 -1px; padding: 0px 0 0px 20px; margin: 11px 0 0 0; height: 20px; }

#nav_bar li.feature a{ background: url(images/right_curve_white.png) no-repeat right -1px; padding: 2px 20px 2px 0; font-weight: bold; color:#296fc0; height: 20px;}

h2#TACharts_title_feature {
	width: 100%;
	height: 40px;
	text-indent: -10000px;
	background-color: #4d5c81;
	background-image: url(images/NewFeatures.png);
	background-repeat: no-repeat;
	background-position: 20px 12px;
}

h2#TACharts_title_tutorial {
	width: 100%;
	height: 40px;
	text-indent: -10000px;
	background-color: #4d5c81;
	background-image: url(images/Online.png);
	background-repeat: no-repeat;
	background-position: 20px 12px;
}

h2#TACharts_title_faq {
	width: 100%;
	height: 40px;
	text-indent: -10000px;
	background-color: #4d5c81;
	background-image: url(images/faq.png);
	background-repeat: no-repeat;
	background-position: 20px 12px;
}


h2#TACharts_title_feedback {
	width: 100%;
	height: 40px;
	text-indent: -10000px;
	background-color: #4d5c81;
	background-image: url(images/Feedback.png);
	background-repeat: no-repeat;
	background-position: 20px 12px;
}




#nav_bar a#nav_bar_home_feature {
	text-indent: -10000px;
	width: 27px;
	height: 20px;
	background-image: url(images/home_icon.png);
	background-repeat: no-repeat;
}







#TACharts2 {
	width: 865px;
	height: 100%;
	margin: 3px 0;
	background-color: #232a3b;
	background-repeat: no-repeat;
	background-position: right top;
	padding-top:30px;
	padding-bottom:30px;
}

#TACharts2 p { width: 330px; margin-bottom: 14px; text-align: justify; font-size: 12px; }



#TACharts3 { background: #232a3b  no-repeat top right; width: 865px; height: 295px; margin: 3px 0; padding: 30px 0 0 30px; }

#TACharts3 p { width: 330px; margin-bottom: 14px; text-align: justify; font-size: 12px; }


#TACharts4 {
	width: 865px;
	height: 100%;
	margin: 3px 0;
	padding: 50px 0 0 30px;
	background-color: #232a3b;
	padding-top:30px;
	padding-bottom:15px;
}

#TACharts4 p {
	width: 380px;
	margin-bottom: 14px;
	text-align: justify;
	font-size: 12px;
}


#pic{
	border: thin solid #003366;
}






.Yellow {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #F0C410;
}

.white {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a:link{
	font-family: Arial, Helvetica, sans-serif;
	color: #6a9bf8;
}

a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #6a9bf8;
	text-decoration: underline;
}

a:visited{
	font-family: Arial, Helvetica, sans-serif;
	color: #6a9bf8;
}


#faq_left{
	float:left;
	width:380px;
}

#faq_right{
float:right;
width:380px;

}

#flash{ padding-top:5px;
        padding-bottom:5px;

}