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

body {
	background-color: #669ACC;
	margin: 0;
	}

p, h1, h2, h3, h4, h5 {
	margin: 0 0 20px 0;
	}
	
h1 {
	font-size: 20px;
	color: #ffffff;
	}
		
h2 {
	font-size: 18px;
	color: #0099cc;
	}
	
img {
	border: 0;
	display: block;
	display: inline;
	}
	
img a {
	border: 0;
	}
	
img {
	margin: 0px;
	}
	
table {
	border: 0px;
	}
	
td {
	min-height: 20px;
	}
	
blockquote {
	margin: 0;
	}

#container {
	width: 760px;
	padding: 0px;
	background-color: #ffffff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
#topBar {
	background-color:#FFFF33;
	padding: 3px;
	text-align:center;
}		

#aa,
#bb,
#cc,
#dd,
#ee,
#ff,
#gg,
#hh,
#ii{
	width: 750px;
	padding: 5px;
	background-color: #99CCFF;
	margin: 0 auto;
	}		

#container2{
	width: 750px;
	padding: 5px;
	background-color: #99CCFF;
	margin: 0 auto;
	align: right
	}	
	
/* general divs and classes */
	
#ks1 {
	float: right;
	padding: 0;
	margin: 0;
	height: 299px;
	width:158;
	background: transparent url(images/ks.png) top left no-repeat;
	}

hr {
	clear: both;
	margin: 20px auto;
	width: 99%;
	color: #0099cc;
	height: 1px;
	}
	
/* masthead */

#masthead {
	width: 760px;
	height: 55px;
	margin: 0 auto;
	background-color: #FFFFFF;
	}
	
#masthead img {
	display: inline;
	margin: 0;
	}
	
.return {
	display: inline;
	float: right;
	margin: 5px 0 0 0;
	}
	
a.return {
	font-size: 11px;
	text-decoration: none;
	}

/* header */

#header {
	height: 182px;
	width: 760px;
	margin: 0 auto;
	background: url(images/header.jpg) top right no-repeat;
	}
	
#headtext {
	width: 500px;
	float: left;
	display: inline;
	margin: 20px 15px;
	text-align: center;
	}
	

/* content */

#content {
	width: 500px;
	padding: 20px;
	display: inline;
	float: left;
	}
	

#textblock {
	margin: 10px;
	text-align: left;
	clear: both;
	padding: 10px;
	width: 540px;
	display: inline;
	float: left;
	}	

ul.text {
	margin-top: 0px;
	margin-left: 30px;
	margin-bottom: 0px;
	text-align: left;
	clear: both;
	padding: 3px;
	display: inline;
	float: left;
	}
	
.buttonleft {
	display: inline;
	float: left;
	}

.buttonright {
	display: inline;
	float: right;
	}
	
/* footer */

	
#footer {
	height: 50px;
	background-color: #0099cc;
	margin: 20px 0 0 0;
	text-align: center;
	clear: both;
	}

#footer2 {	
	width: 760px;
	padding: 0px;
	background-color: #ffffff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	
#footer ul {
	width: 760px;
	height: 30px;
	margin: 0 auto;
	}
	
#footer li {
	display: inline;
	}
	
#footer a:link {
	color: #ffffff;
	}
	
#footer a:visited{
	color: #ffffff;
	}
	
#footer a:hover {
	color: #ffcc00;
}

/* main navigation */
	
#nav {
	clear: both;
	background: #99CCFF;
	font-weight: bold;
	text-align: center;
	color: #003399;
	font-size: 11px;
	width: 760px;
	margin: 0 auto;
	}
	
#nav ul.subsection_tabs {
	height: 40px;
	width: 760px;
	margin: 0 auto;
	background-color:#99CCFF
	}
	
#nav ul.subsection_tabs li.tab {
	display: inline;
	background-color:red
	}

#nav ul.subsection_tabs li.tab a{
	text-decoration:none;
	color: #FFFFFF;
	float: left;
	width: auto;
	height: 30px;
	padding: 3px 5px 1px 5px;
	margin: 2px;
	border: 2px solid #003399;
	background-color: #669ACC;
}

#nav ul.subsection_tabs  li.tab a:hover{
	color: #003399;
	text-decoration: none;
	float: left;
	width: auto;
	height: 30px;
	padding: 3px 5px 1px 5px;
	border: 2px solid #ffcc00;
	margin: 2px;
	vertical-align: middle;
	text-align: center;
	background-color:yellow
}

#nav ul.subsection_tabs  li.tab a.active{
	color: #003399;
	text-decoration: none;
	float: left;
	width: auto;
	height: 30px;
	padding: 3px 5px 1px 5px;
	border: 2px solid #99ccff;
	margin: 2px;
	vertical-align: middle;
	text-align: center;
	background-color:#99CCFF
}

#nav ul.subsection_tabs  li.source_code {
	color: #ffcc00;
	text-decoration: none;
	float: left;
	width: auto;
	height: 30px;
	padding: 3px 5px 1px 5px;
	border: 2px solid #ffcc00;
	margin: 2px;
	vertical-align: middle;
	text-align: center;
	background-color:red
}

/* tooltip */

* {margin:0; padding:0}
#text {margin:50px auto; width:500px}
.hotspot {color:#006699; padding-bottom:1px; border-bottom:1px dotted #006699; cursor:pointer}

#tt {position:absolute; display:block;}

#ttcont {display:block; padding: 10px; margin-left:5px; border: 1px solid #999999; background:#eaf7fb;; color:#000000}