/*
	menu.css		1.0.6
	Please use the CSS Menu Button Wizard at
		http://www.thesitewizard.com/wizards/css-menu-buttons.shtml
	to generate your own customized menu buttons.
*/

#menu ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	display: inline ;
}
#menu ul li {
	margin: 0 ;
	padding: 0 ;
	display: inline ;
	text-align: center ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
}
#menu li a {
	color: #00ff00 ;
	background-color: #006600 ;
	border: 1px solid #006600 ;
	padding: 10px ;
	text-decoration: none ;
	display: inline ;
}
#menu li a:hover {
	color: #000000 ;
	background-color: #ccffcc ;
 	border: 1px solid #00ff00;
}
#diymenu ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	display: inline ;
}
#diymenu ul li {
	margin: 0 ;
	padding: 0 ;
	display: inline ;
	text-align: center ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
}
#diymenu li a {
	color: #000000 ;
	background-color: #F5F5F5 ;
	border: 1px solid #F5F5F5 ;
	padding: 10px ;
	text-decoration: none ;
	display: inline ;
}
#diymenu li a:hover {
	color: #000000 ;
	background-color: #FFCC99 ;
 	border: 1px solid #FF9933;
}
#diylog ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	display: inline ;
}
#diylog ul li {
	margin: 0 ;
	padding: 0 ;
	display: inline ;
	text-align: center ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
}
#diylog li a {
	color: #000000 ;
	background-color: #ffffff ;
	border: 1px solid #ffffff ;
	padding: 10px ;
	text-decoration: none ;
	display: inline ;
}
#diylog li a:hover {
	color: #000000 ;
	background-color: #f0f0f0 ;
 	border: 1px solid #000000;
}

.tabs {
  position: relative;   
  min-height: 600px; /* This part sucks */
  clear: both;
  margin: 25px 0;
}
.tab {
  float: left;
}
.tab label {
  background: #eee; 
  padding: 10px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
}
.tab [type=radio] {
  display: none;   
}
.content {
  position: absolute;
  top: 28px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border-top: 1px solid #ccc; 
}
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid #ccc;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}