*{ margin:0px auto;}

body{
	text-align:center;
	background:url("../img/brick.jpg") repeat;
	font-family:arial;
}

.kep{
	margin-top:15px
}

#ocontainer{
	margin-top:25px;
	padding:40px;
	border-radius:5px;
	width:1000px;
	
	background:rgba(255,255,255,0.7);
	
}

#container{

	text-align:left;
	border-radius:5px;
	
	width:950px;
	background:rgb(255,255,196);
	box-shadow:0px 0px 40px #888888;
	
}

#header{
	text-align:center;
	font-size:30px;
	padding:30px;
	text-shadow:2px 2px 5px grey;
}

.clear{
	clear:both;
}

#search{
	display:none;
}

#left{
	position:fixed;
	padding:15px;
	float:left;
	margin:30 0px;
	width:250px;
}

#left p{
	font-size:larger;
}

#content{
	line-height: 35px;
	padding:15px;
	min-height:600px;
	margin-top:30px;
	margin-right:10px;
	float:right;
	width:630px;
}

#menu{
	position:relative;
	left:-20px;
	text-align:center;
	margin:15 0px;
}
#menu li{
	margin:0 30px;
	width:150px;
	height:40px;
	display:inline;
}


#nav a{
	font-weight:bold;
	font-size:17px;
	line-height:80px;
	border-radius:5px;
	text-align:center;
	padding:20px;
	text-decoration:none;
	background:orange;
	color:black;
	transition:background 0.7s, box-shadow 0.5s;
	-webkit-transition:background 0.7s, box-shadow 0.5s;
	
}



#nav a:hover{
	background:rgb(255,255,128);
	box-shadow:0px 2px 5px #888888;
}

#nav a:active{
	background:rgb(255,255,128);
	box-shadow:0px 2px 5px #888888;
}