html {
	text-align: center;
	font: 12px/1.3 "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	background-color: #1f1f1d;
	color: #4b4b4b;
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
}

body {
	margin-left: auto;
	margin-top: 20px; 
	margin-right: auto; 
	margin-bottom: 20px;	
	padding: 0;
	width: 800px;
	text-align: left;
	min-height: 800px; 
	height: auto !important; 
	height: 100%;
	background-color: #fff;
	background: url(images/background.jpg) repeat-y;
}

a:link, a:visited {
	cursor: pointer;
	background-color: inherit;
	color: #4b4b4b;
	text-decoration: none;
}

a:hover, a:active {
	cursor: pointer;
	background-color: inherit;
	color: #000;
	text-decoration: none;
}

#top {
	margin-top: -60px;
	height: 310px;
	background: url(images/top.jpg) no-repeat;
}

#b {
	position: absolute;
	margin-left: -208px;
	margin-top: 50px;
}

#idezet {
	height: 10px;
	padding-top: 80px;
	margin-top: -60px;
	margin-bottom: 0px;
	margin-left: 100px;
	margin-right: 30px;
	text-align: right;
	color: #fff;
}

.menu {
		margin-left: 130px; 
		margin-top: 20px; 
		margin-right: 0px; 
		margin-bottom: 0px;
		padding: 0px 0px 0px 0px;
		width: 800px;
		height: 44px;
		background: transparent;
		color: inherit;
		border: 0px solid #cacaca;
}

.menu li{
		float: left;
		margin: 0;
		padding: 15px 52px 0px 10px;
		text-align: center;
		list-style-type: none;
		text-transform: uppercase;
}

.menu li a{
		color: #fff;
		text-decoration: none;
		padding: 0px 0px 0px 0px;
}

.menu li a:visited{
		background-color: inherit;
		color: #fff;
}

.menu li a:hover{
		background-color: inherit;
		color: #c9f381;
}

.menu li a.current{
		background-color: inherit;
		color: #c9f381;

}

.menu li a:active{
		background-color: inherit;
		color: #c9f381;
}

#greeting {
	font-size: 14px;
	text-align: center;
	margin-left: 60px;
	margin-right: 60px;
}

#greeting img {
	float: left;
	background: transparent;
	width: 220px;
	height: 147px;
	margin-right: 30px;
	padding: 5px;
	border: 1px solid #ECECEC;
}

#introduction {
	margin-left: 40px;
	margin-right: 40px;
	text-align: justify;
}

#youtube {
	margin-top: 40px;
	text-align: center;
}

#eletkepek {
	margin-top: 50px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;
}

#eletkepek p {
	margin-bottom: 0px;
}

#eletkepek img {
	height: 90px;
	background: transparent;
	margin-top: 20px;
	margin-right: 0px;
	padding: 5px;
	border: 1px solid #ECECEC;
}

#students {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: -70px;
}

.classpic {
	float: left;
	background: transparent;
}

.classpic img {
	background: transparent;
	width: 220px;
	height: 159px;
	margin-top: 20px;
	margin-right: 30px;
	padding: 5px;
	border: 1px solid #ECECEC;
}

.classpic img:first-child {
	margin-top: 0px;
}

#nevsor {
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 0px;
}

#nevsor1 {
	margin-top: 10px;
	margin-left: 320px;
	width: 300px;
	height: 300px;
	list-style-image: url(images/list.jpg);
	color: #0a3079;
	float: none;
}

#nevsor2 {
	margin-top: -467px;
	margin-left: 520px;
	margin-bottom: 120px;
	width: 300px;
	height: 300px;
	list-style-image: url(images/list.jpg);
	color: #0a3079;
}

#nevsort {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	list-style-image: url(images/list.jpg);
}

#nevsort2 {
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: none;
	list-style-image: url(images/list.jpg);
}

.name {
	color: #0a3079;
}

.ofo {
	font-size: 13px;
}

#vezetoseg {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	list-style-type: none;
}

#downloads {
	margin-left: 40px;
	margin-right: 40px;
	list-style-type: circle;
}


#downloads ul {
	float: left;
	list-style-type: circle;
}

div#footposition {
	position: relative;
	bottom: 0 !important; 
	bottom: -1px; 
}

div#foot {
	margin-top: 50px;
	padding: 0;
	width: 800px;
	height: 71px;
	background: #000 url(images/foot-bg.jpg) no-repeat;
	color: #000;
	text-align: center;
}

div#foot p {
	padding: 5px 0 0 0;
}

div#foot p a {
	text-decoration: none;
}

div#foot p a:link, div#foot p a:visited {
	background-color: inherit;
	color: #000;
}

div#foot p a:hover, div#foot p a:active {
	background-color: inherit;
	color: #000;
}