html {
  	height: 100%;
  	padding: 0;
  	margin: 0;
}
img {
  	border: 0px;
  	padding: 0px;
}

body {
  	height: 100%;
  	padding: 0;
  	margin: 0;
  	background-color: #E1DDD3;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: small;
  	color: #3D5630;
}

#page {
	margin: 0 auto;
	min-height: 100%;
	min-width: 800px;
}

* html #page {
	height: 100%;
}

#canvas {
  	position: relative;
	min-height: 100%;  	
	margin: 0;
	padding: 0;
  	border: 0px solid #000;
}

* html #canvas {
  	height: 100%;
}

#header {
  	margin: 0 10px 0 0;
  	padding: 0;
  	height: 134px;
  	background-image: url(../design/top_bg.jpg);
  	background-repeat: repeat-x;
  	border: 0px solid #FF0000;
  	text-align: right;
}

#pofi {
  	float: left;
  	padding: 0 0 0 30px;
}

#address {
	position: absolute;
	top: 25px;
	right: 55px;
	color: #FFF;
}

#headerRight {
  	float: right;
}

#content {
  	position: relative;
  	z-index: 10;
  	margin: -17px 45px 30px 30px;
  	padding: 10px 10px 5px 10px;
  	background-color: #E1DDD3;
  	border: 2px solid #7D959F;
}

#iskola {
  	background-color: #C9D7DC;
  	/*background-color: #646c6f;*/
  	background-image: url(../design/suli.jpg);
  	background-position: center center;
  	background-repeat: no-repeat;
  	margin: 0px 0px 6px 0px;
  	padding: 0;
  	height: 206px;
  	border: 2px solid #3B474E;
  	text-align: center;
}

#menu {
  	font-family: "Arial Black", Helvetica, sans-serif;
  	font-size: 1.2em;
  	text-align: center;
  	height: 27px;
  	border: 2px solid #87A93E;
  	background-image: url(../design/menu_bg.jpg);
  	background-position: 0 0;
  	background-repeat: repeat-x;
  	margin: 0 0px 10px 0px;
  	padding-top: 2px;
  	padding-bottom: 0;
}

#menu ul {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  	border: 0px solid #FF0000;
}

#menu ul li {
  	display: inline;
  	margin: 0 2% 0 2%;
  	padding: 0 0px 0 0px;
  	border: 0px solid #000;
}

#menu a:link, #menu a:visited {
  	text-decoration: none;
  	color: #3D5630;
}

#menu a:hover, #menu a:active {
  	text-decoration: none;
  	color: #233842;
}

#submenu {
  	position:relative;
  	z-index: 11;
  	float: left;
  	margin: 10px 15px 0 0px;
  	padding: 0;
  	width: 190px;
  	border: 0px solid #FF0000;
  	font-weight: bold;
}

ul#sliding-navigation {
	list-style: none;
	font-size: 0.9em;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0px solid #FF8800;
}

ul#sliding-navigation li.sliding-element a {
	display: block;
	width: 89%;
	padding: 3px 5px;
	margin: 0;
	color: #2C3438;
	border-bottom: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #7CA042; }

#main {
  	margin: 0 179px 0 190px;
  	padding: 10px 10px 10px 15px;
  	position: relative;
  	border: 0px solid #FF0000;
  	border-right: 2px solid #7D959F;
  	min-height: 400px;
}

h1 {
  	margin: 0;
  	padding: 0;
  	font-size: 1.4em;
}

p {
  	margin: 0;
  	margin-top: 10px;
  	padding: 0;
}

#rightColumn {
  	position: absolute;
  	top: 270px;
  	right: 10px;
  	margin: 0;
  	padding: 0px 0px 10px 5px;
  	width: 170px;
  	text-align: center;
  	border: 0px solid #000;
}

#footer {
  	position: relative;
  	width: 100%;
  	z-index: 0;
  	clear: both;
  	margin: -62px 10px 0 0;
  	padding: 0;
  	height: 62px;
  	background-image: url(../design/footer_bg.jpg);
  	background position: 0 0;
  	background-repeat: repeat-x;
  	border: 0px solid #FF0000;
  	bottom: 0;
}

#footer img {
  	float: right;
}

#fmenu {
  	clear: left;
  	width: 60%;
  	text-align: center;
  	margin: 15px 20% 0px auto;
  	padding-top: 15px;
  	padding-bottom: 0;
  	border: 0px solid #FFF;
  	font-weight: bold;
  	font-size: 0.9em;
}

#fmenu ul {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  	border: 0px solid #FF0000;
}

#fmenu ul li {
  	display: inline;
  	margin: 0 1% 0 1%;
  	padding: 0 0px 0 0px;
  	border: 0px solid #000;
}

#fmenu a:link, #fmenu a:visited {
  	text-decoration: none;
  	color: #3D5630;
}

#fmenu a:hover, #fmenu a:active {
  	text-decoration: none;
  	color: #7CA042;
}

#copy {
  	float: right;
  	width: 60%;
  	text-align: center;
  	margin: 30px 20% 0px auto;
  	padding-top: 10px;
  	padding-bottom: 0;
  	border: 0px solid #FFF;
  	color: #7CA042;
}

#copy a:link, #copy a:visited {
  	text-decoration: none;
  	color: #5A8021;
}

#copy a:hover, #copy a:active {
  	text-decoration: none;
  	color: #E1DDD3;
}
