body {	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	background-image: url('images/background1.gif');
	background-repeat: repeat-x;
	text-align: center;
		}

div#cont {margin-left: auto;
	margin-right: auto;
	width: 50em;
	text-align: left;}

#content {
	width:825px;
	margin: 0px;
	padding-top: 20px;
	padding-left: 10px;
	text-align: left;
}
	
#banner {display: inline;
	float: left;
	width: 100%;
	background-color: #ffffff;}
			
#logo {display: inline;
	float: left;
	width: 170px;
	height: 64px;
}

#motto {display: inline;
	float: left;
	width: 400px;
	padding-bottom: 5px;
	padding-left: 2px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em; 
	font-style: italic;
	color: #4ea69f;}
			
#login {font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	display: inline;
	float: right;
	padding-top: 20px;
		}

.para {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	padding-right: 50px;
	padding-left: 50px;
	text-align: left;
	background-color: #ffffff;

}

.para A:link {font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#0000A0;
	text-decoration: underline}


.para A:visited {font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#0000A0;
	text-decoration: underline}

.para A:active {font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#0000A0;
	text-decoration: underline}

.para A:hover {font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#009999;
	background-color: #ffffff;
	}

.para2 {padding-right: 75px;
	padding-left: 75px;
	}
	
.para3 {font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	color:#000000;
	background-color: #ffffff;}

.para4 {font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	color:#000000;
	background-color: #ffffff;
	text-align: center;}

.blue {color: #4ea69f;}

.blue a:link {color: #4ea69f;
	text-decoration: none;}

.blue a:visited {color: #4ea69f;
	text-decoration: none;}

.blue a:hover {color: #aa15c9;
	text-decoration: underline;}

.blue a:active {color: #4ea69f;
	text-decoration: none;}


.indent {font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	margin-left: 15px;
	margin-top: 0px;
	}


.indent2 {font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	margin-left: 100px;
	margin-top: 10px;
	}
	
	
a#button2 {
    display: block;
    width: 158px;
    height: 61px;
    background-image: url('images/learn_button.gif');
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 auto;
}

a#button2:hover {
    background-position: 0 -61px;
}

a#button3 {
    display: block;
    width: 158px;
    height: 61px;
    background-image: url('images/trial_button.gif');
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 auto;
}

a#button3:hover {
    background-position: 0 -61px;
}


a#button1a {
    display: block;
    width: 133px;
    height: 33px;
    background-image: url('images/test_button2_merged.gif');
    background-position: 0 0;
    margin: 0 auto;
    padding: 0;
}

a#button1a:hover {
    background-position: 0 -33px;
}

a .alt { display: none; }


.chart {width: 825px;
	display: inline;
	margin: 0 auto;
}

.chart_lower {width: 650px; 
	display: inline;
	padding-left: 50px;
	padding-bottom: 20px;
	float: left;}

	
.chart1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-style: normal;
	float: left;
	width: 782px;
	background-color: #ffffff;
	border-right: 3px solid #999999;
	border-bottom: 3px solid #999999;
	border-left: 3px solid #999999;
	margin-left: 2px;
	padding-bottom: 20px;}
	
.chart1a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-style: normal;
	float: left;
	width: 782px;
	height: 500px;
	background-color: #ffffff;
	border-right: 3px solid #999999;
	border-bottom: 3px solid #999999;
	border-left: 3px solid #999999;
	margin-left: 2px;
	padding-bottom: 20px;}

.chartimg {margin: 0 auto;
	width: 745px;}

.chartimg2 {margin: 0 auto;
	width: 559px;
	text-align: center;}
	
* html .chart1 {margin-left: 1px; 
			ma/rgin-left: 1px;
			/* to ensure chart1 borders line up with rounded corners in IE6 */ }



#chart1_top {	margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding:  0px;
     background:  URL('images/learn_top.gif') top left no-repeat; /* this will make sure the background doesn't tile and sits in the top left */
     width:  790px;
     height:  32px;
     overflow:  hidden; }


.chart2 {font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-style: normal;
	line-height: normal;
	display: inline;
	float: left;
	width: 200px;
	padding-left: 15px;
	text-align: left;
}

.chart3 {font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-style: normal;
	line-height: normal;
	float: left;
	width: 170px;
	height: auto;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 40px;
	padding-left: 2px;
	text-align: center;
	display: block;
}


.chart3 A:link {border: none;
		text-decoration: none;
		}


.chart3 A:visited {border: none;
		text-decoration: none;
		}

.chart3 A:hover {text-decoration: none;
		border-bottom: 3px solid #aa15c9;
		}
	
.chart3 A:active {border: none;
		text-decoration: none;
		}

.chart4 {width: 565px;
	height: 415px;
	display: inline;
	float: left;
	background-image: url('images/background1b.gif');
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	margin: 0px;}

.chart4a {	width: 544px;
		padding-top: 50px;
		padding-left: 10px;
		float: left;
}

.chart4b {font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color:#0000A0;
	text-align: center;}

.chart5 {width: 235px;
	height: 397px;
	display: inline;
	float: left;
	padding: 0px;}
	

.chart5a {	width: 230px;
		padding: 0px;
		display: inline;
		float: left;}

.chart5b {font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	color:#0000A0;
	padding: 5px;
}

.ital {font-style: italic;}

.small {font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color:#0000A0;
	text-align: center;}

.small a:link {font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color:#0000A0;
	text-decoration: none;}

.small a:visited {font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color:#0000A0;
	text-decoration: none;}

.small a:active {font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color:#0000A0;
	text-decoration: none;}

.small a:hover {font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color:#009999;
	text-decoration: underline;}

img {border: none;
      padding: 0px;}
	
#footer {
	color:#000000;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  .625em;
	padding-top: 30px;
	padding-bottom: 10px; 
	text-align: center;
	width: 625px;
	margin: 0 auto;
        }


#footer A:link {font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#0000A0;
	text-decoration: underline}


#footer A:visited {font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#0000A0;
	text-decoration: underline}

#footer A:active {font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#0000A0;
	text-decoration: underline}


#footer A:hover {font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#009999;
	background-color: #ffffff;
	text-decoration: underline;
	}


.brclear { /* Use a break with this class to clear float containers on both sides */ 
clear:both; 
height:0px; 
margin:0px; 
font-size: 1px; 
line-height: 0; 
}