.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: " ";
    display: table;
}
   
.cf:after {
    clear: both;
}

.header {
	background: dimgray;
	clear: both; 
	    border-bottom: 3px groove red;
}

.logo {
	float: left;
	width: 30%;
	padding: 10px;
	padding-bottom: 3px;
}

.logo2 {
	color: white;
	font-family: 'Elephant';
	font-size: 35px;
	font-weight: none;
	text-decoration: none;
	padding-top: 50px;
	padding-bottom: 0px;
	vertical-align: center;
}

.nav {padding-top: 0px;
	padding-bottom: 0px;
}

.nav ul li {
	display: inline;
}

.nav ul li a {
	color: yellow;
	font-family: Ariel;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}

.nav ul li a:hover {
	color: rgb(255, 0, 255);
}

.div1 h1 {color: dimgray};

.div1 {font-family: Ariel;
	color: black;
}

.container h2:hover {
	color: red;
}

.container .container_content {
	display: none;
	font-family: Ariel;

}

.container .container_item:first-child .container_content {
	display: block;
}

p{
	font-family: Ariel;
	font-size: 14pt;	
}