@charset "utf-8";
/* CSS Document */
*{
padding:0;
margin:0;
}

#background{
margin-top:20px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
width:850px;
height:880px;/*760*/
background-color:#BEBEBE;
}

#header{
margin-top:0px;
margin-bottom:0px;
width:850px;
height:300px;/*270*/
position:absolute;
background-color:#999999;
}

#headerno1{
margin-top:0px;
margin-bottom:0px;
width:850px;
height:150px;
position:absolute;
}

#headerno2{
margin-top:150px;
margin-bottom:0px;
width:850px;
height:100px;
position:absolute;
}

#menu{
margin-top:265px;
font-size:medium;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;
float:left;
margin-left:5px;
}

#middle{
top:320px;/*290*/
bottom:760px;/*730*/
left:auto;
right:auto;
margin-top:0px;
position:absolute;
width:850px;
height:440px;/*kanonika 340px*/
background-color:#BEBEBE;
}

#middleup{
top:0px;
bottom:560px;/*460*/
left:auto;
right:auto;
margin-top:0px;
position:absolute;
width:850px;
height:200px;/*kanonika 340px*/
}

#middleleft{
margin-top:220px;/*220*/
margin-left:20px;
position:absolute;
width:550px;
height:200px;/*200*/
}

#middleright{
margin-top:220px;
margin-left:620px;
margin-right:20px;
position:absolute;
width:200px;
height:200px;
}

#subfooter{
margin-top:0px;
margin-bottom:0px;
margin-left:50px;
margin-right:50px;
top:760px;/*640*/
bottom:850px;/*730*/
position:absolute;
width:750px;
height:90px;
background-color:#E1E1E1;
}

#subfooterright{
margin-top:0px;
margin-bottom:0px;
margin-left:450px;
margin-right:50px;
position:absolute;
width:300px;
height:90px;
background-color:#E1E1E1;
/*text-align:center;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
}

#footer{
margin-top:0px;
margin-bottom:0px;
top:850px;/*730*/
bottom:900px;/*780*/
position:absolute;
width:850px;
height:50px;
background-color:#999999;
}

#footerright{
margin-top:0px;
margin-bottom:0px;
margin-left:650px;
position:absolute;
width:200px;
height:50px;
background-color:#999999;
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:10pt;
}

#menu a{
text-align:center;
display:block;
white-space:nowrap;
/*background: url(line.gif) no-repeat right 100%;*/
padding: 1px 5px 1px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11pt;
color:#FFFFFF;
}

#menu a:link, #menu a:visited, #menu a:active	/* menu at rest */
{/*color: white;*/
background-color:#999999;
text-decoration:none;
}
	
#menu a:hover						/* menu on mouse-over  */
{
/*color:white;*/
background-color:#668CFF;	/* cornflowerblue */
text-decoration:none;
}	

#menu a.top_parent, #menu a.top_parent:hover  /* attaches down-arrow to all top-parents */
{
/*background-image: url(navdown_white.gif);*/
background-position: right center;
background-repeat: no-repeat;
}
	
#menu a.parent, #menu a.parent:hover 	/* attaches side-arrow to all parents */
{
/*background-image: url(nav_white.gif);*/
background-position: right center;
background-repeat: no-repeat;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:140px;/* width of all menu boxes 8em*/
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
}

#menu li{
position:relative;
min-height:1px;		
vertical-align: bottom;		
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
padding:1em;
margin:-1em 0 0 -1em;
}

#menu ul ul ul{
top:0;
left:100%;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}


#subfooter h{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10pt;
color:#333333;
}

#subfooter p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10pt;
color:#333333;
}

#subfooterright h{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10pt;
color:#333333;
}

#subfooterright p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:8pt;
color:#333333;
}

#footer p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14pt;
text-align:center;
color:#333333;
}