﻿html {
overflow-x: hidden;
}

body {
font-family: Myriad Pro, Tahoma;
text-align:center;
margin: 0;
padding: 0;
padding-top:5px;
}
 
/* Positioning */ 
  
#GlavenDiv {
position: relative; 
width: 1024px; 
margin: 0 auto; 
text-align: left; 
}  

#Header {
position: relative; 
width:893px;
height:163px;
}

#HeaderBackground 
{
position: absolute;
vertical-align:bottom;
z-index: 1;
} 

#Logo  
{
position: absolute; 
left:28px;
top:21px;
z-index: 2
} 

#Navigacija  
{
position: absolute; 
left:35px;
top:20px;
z-index: 2
} 

#CentralContainer  
{
position: relative;
width:   893px;
height: 421px;
background-image:url(../images/bluepixel.png);
} 

#CentralContainerStandalone  
{
position: relative;
width:   857px;
background:#22205F;
padding:18px;
min-height:421px;
background-image:url(../images/bluepixel.png);
}

#CentralUp  
{
overflow-x:hidden;
overflow-y:auto;
position: relative;
margin-left:15px;
margin-right:10px;
width: 858px;
height: 231px;
padding-right:10px;

} 

#CentralDown  
{
position: relative;
margin-top:10px;
margin-bottom:7px;
width: 893px;
height: 189px;
} 

#CentralUpLeftPane  
{
position: absolute;
width: 250px;
height: 231px;

} 

#CentralUpRightPane  
{
position: absolute;
left:270px;
width:588px;
height: 221px;
max-height: 221px;
padding-right:10px;
} 

#CentralDownLeftPane  
{
position: absolute;
display:table-cell;
margin-left:15px;
width: 250px;
height: 189px;
} 

#CentralDownRightPane  
{
position: absolute;
left: 270px; 
width:  623px;
height: 189px;
} 

#Trustees
{
position:absolute;
left:893px;
width:131px;
height:503px;
top:83px;
margin-left:15px;
}

#Trustee
{
position:relative;
display:block;
padding-bottom:25px;
}


/* Formatting */ 
	
h1
{
	font-size:16px;
	color:#9EB337;
	font-weight:lighter;
}

h2
{
	font-size:14px;
	color:#FFFFFF;
	font-weight:lighter; 
	text-align:justify;
}

h3
{
	display:inline;
	font-size:16px;
	color:#9EB337;
	font-weight:lighter;
}

h4
{
    display:inline;
	font-size:14px;
	color:#FFFFFF;
	font-weight:lighter; 
	text-align:justify;
}

h5
{
	display:inline;
	font-size:14px;
	color:#FFFFFF;
	font-weight:lighter; 
	text-align:justify;
}

h6
{
	font-size:14px;
	color:#FFFFFF;
	font-weight:lighter; 
	text-align:justify;
}

h7
{
	font-size:16px;
	color:#9EB337;
	font-weight:lighter;
}

h8
{
	font-size:12px;
	color:#FFFFFF;
	font-weight:lighter; 
	text-align:justify;
}

#readmore
{
	font-size:12px;
	color:#FFFFFF;
	font-weight:lighter; 
	text-align:justify;
}


	
a 
{
text-decoration:none;
color:#9EB337;
font-size: 12px;
}

a:hover {
text-decoration:none;
color:#9EB337;
font-size: 12px;
}

a:visited {
text-decoration:none;
color:#9EB337;
font-size: 12px;
}



/* Navigation */

#navigation {
position:absolute;
left:140px;
top:20px;
width:134px; 
font-size:12px;
z-index:3;
}

#navigation ul {
margin:0px; 
padding:0px;}

#navigation ul li {
height:17px;
line-height:17px;
list-style:none;
padding-left:29px;
color:#4E4D7F;
border-width:1px;
cursor:pointer;
}  

#navigation ul li:hover {
font-size:14px;
position:relative;
background:#99CA3C url(../images/plus.png) left no-repeat;
}

#navigation ul li a {
text-decoration:none;
color:#4E4D7F;
}

#navigation ul li a:visited {
text-decoration:none;
color:#4E4D7F;
}

#navigation ul ul {
display:none;
position:absolute;
left:100%;
top:0px;
background:#99CA3C;
} 

#navigation ul ul#about {
top:-17px;
}   

#navigation ul ul#training {
top:-34px;
}   

#navigation ul ul#member {
top:-51px;
}  

#navigation ul ul#contact {
top:-68px;
}  

#navigation ul li:hover ul {
display:block;
}

#navigation ul ul li {
font-size:12px;
border:none; 
width:130px; 
float:left; 
display:inline;
color:#FFFFFF;
}

#navigation ul ul li a {
text-decoration:none;
color:#FFFFFF;
}

#navigation ul ul li a:hover {
text-decoration:none;
color:#4E4D7F;
}

#navigation ul ul li a:visited {
text-decoration:none;
color:#FFFFFF;
}

#navigation ul ul li:hover {
text-decoration:none; 
border:none;
}

#navigation li:hover ul li ul {
display:none;
}

#navigation ul ul li ul {
left:100%; 
background-color:background:#99CA3C;;}

#navigation ul ul li ul#mm {
left:100%; 
top:-34px;
background-color:background:#99CA3C;;}

#navigation ul ul li:hover ul {
display:block;
}