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

div.section {

	width: 580px;

}

#menu  {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 1.7em;
	padding-left : 5px;
	font-size: 110%;
	

}

#menu ul, #menu li 	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;

}

	
#menu a:link, #menu a:visited	{
	text-decoration: none;
	float: left;
	top: 1px;
	margin-right : 6px;
	padding : 2px 10px 2px 10px;
	font: bold 0.9em sans-serif;
	background-color: #e9e9e9;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	cursor: pointer;
	color: black;
	line-height : 1.5em;
	margin-bottom: 1em;

}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;

}

#menu a:hover	{
	background-color: #CCC;
}

	
div.section-1 #menu li#nav-1 a, 
div.section-2 #menu li#nav-2 a,
div.section-3 #menu li#nav-3 a,
div.section-4 #menu li#nav-4 a,
div.section-5 #menu li#nav-5 a,
div.section-6 #menu li#nav-6 a,
div.section-7 #menu li#nav-7 a {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	font-size: 110%;
	
}

div.section-1, div.section-2, div.section-3, div.section-4, div.section-5, div.section-6, div.section-7 {
	float: left;
	width: 565px;
	margin-top: 1em;
	
}


 #menu ul a:hover {
	background-color: #CCC; 
}

.tabcontent {
	float: left;
	width: 540px;
	
}