/* CSS Document */

	#scrollingContainer{
		width:350px;	/* 170 pixels in width */
		height:250px;	/* Height of box */
		
		border:1px solid #000;	/* Black border around box */
		background-color: #009900;	/* Light blue background color */

		padding:5px;	/* A little bit of space between border of box and text inside */
		float:left;	/* I want the text to wrap around the box */
		margin-right:10px;	/* Right margin of 10 pixels */
		font-size:0.9em;	/* Smaller font size than the rest of the page */
		
		overflow:hidden;	/* Hide overflow content */
	}
	/* End css for my first scrolling box */
	
	
	/* CSS for my second scrolling box */
	#scrollingContainer2{
		width:100px;	/* Width of second box */
		height:150px;	/* Height of second box */
		
		border:1px solid #000;
		background-color: #DDD;

		padding:2px;	/* A little bit of space between border of box and text inside */
		float:right;	/* I want the text to wrap around the box */
		margin-left:10px;	/* Space at the left of the box */
		color:red;	/* red text color */
		font-size:0.9em;
	}	
		
body {
	color: #FFFFFF;
	background: #4563AC;
	margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px; 
  margin-bottom: 0px;

}

.cim1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: italic;
	color: #0D192F;
	text-align: center;
	line-height: 32px;
	font-weight: bold;
	text-decoration: none;
	left: 20px;

}

.feher {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	vertical-align: top;
	text-align: center;
}
.feherv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	vertical-align: top;
}

.cim2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: italic;
	color: #0D192F;
	text-align: center;
	line-height: 32px;
	font-weight: bold;
	text-decoration: blink;
}
.topic {
  color: #fff;
  font-weight: bold;
  background-color: #009900;
}

.link {
  color: #000;
}
#menucontainer
{
	position:relative;
	border-bottom: 0px solid navy;
	color:#E0E0E0;
	background:#526DB0;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}
#menunav
{
	position:relative;	
	height:33px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#49639C url('nav/menu_bg.gif') repeat-x bottom left;
	padding-left:10px; 
	padding-right:0; 
	padding-top:0; 
	padding-bottom:0
}
#menunav ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;
	}
#menunav ul li
{
	display:block;
	float:left;
	margin:0 1px;
	}
#menunav ul li a
{
	display: block;
	float: left;
	color: #0F1A21;
	text-decoration: none;
	padding: 0 0 0 10px;
	height: 33px;
}
#menunav ul li a span
{
	padding: 12px 10px 0 0;
	height: 21px;
	float: left;
}
#menunav ul li a:hover
{
	color:#fff;
	background:url('nav/menu_bg-OVER.gif') repeat-x bottom left;
	}
#menunav ul li a:hover span
{
	display:block;
	width:auto;
	cursor:pointer;
	}
#menunav ul li a.current, #menunav ul li a.current:hover
{
	color:black;
	background:#1D6893 url('nav/menu_left-ON.gif') no-repeat top left;
	
	line-height:275%
	}
#menunav ul li a.current span
{
	display:block;
	width:auto;
	background:#1D6893 url('nav/menu_right-ON.gif') no-repeat top right;
	height:33px; 
	padding-left:0; 
	padding-right:10px; 
	padding-top:0; 
	padding-bottom:0
	}

#menu_sub
{
	color: #00B0E9; 
	padding: 5px; 
	font-size: 12px; 
	height: 1em
	}

#menu_sub a:link, #menu_sub a:visited, #menu_sub a:active
{
	color: Black;
}
#menu_sub a:hover
{
	color: white
	}

.submenu1{display: none;text-align: left;padding-left:20px;}
.submenu2{display: none;text-align: left;padding-left:10px;}
.submenu3{display: none;text-align: left;padding-left:60px;}
.submenu4{display: none;text-align: left;padding-left:5px;}
.submenu5{display: none;text-align: left;padding-left:380px;}
.submenu6{display: none;text-align: left;padding-left:510px;}
.submenu7{display: none;text-align: left;padding-left:540px;}




h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: italic;
	color: #0D192F;
	text-align: center;
	line-height: 42px;
	font-weight: bold;
	text-decoration: none;
}

h2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: top;
}
h3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	vertical-align: top;
	text-align:center;
}

a:link {
	color: #060A0D; /* 660000 volt*/
	text-decoration: none;
	
}
a:visited {
	text-decoration: none;
	color: #060A0D; /* 660000 volt*/
}
a:hover {
	text-decoration: none;
	color: #FFFFFF; 

}
a:active {
	text-decoration: none;
	color: #060A0D; 
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
	vertical-align: top;
	text-align: center;
	cursor: hand;

}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	vertical-align: top;
	text-align: center;
	cursor: hand;

}
h6 {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: italic;
	color: #0D192F;
	text-align: center;
	line-height: 25px;
	font-weight: bold;
	text-decoration: none;
}

.photo {
	padding: 0px;
	border-top: 1px solid #334A83;
	border-right: 2px solid #334A83;
	border-bottom: 2px solid #334A83;
	border-left: 1px solid #334A83;



}
/*uj menu proba 
.jqueryslidemenu{
font: bold 12px Verdana;
background: #414141;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}