﻿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;
} 

#CentralOffset
{
    margin-left:50px;
}

#CentralDown  
{
position: relative;
margin-top:10px;
margin-bottom:7px;
width: 893px;
height: 189px;
} 

#CentralLeft  
{
position: absolute;
margin-top:10px;
margin-bottom:7px;
width: 250px;
height: 421px;
} 

#CentralRight  
{
position: relative;
left: 290px;
margin-bottom:7px;
width: 588px;
} 

#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:23px;
margin-left:15px;
}

#Trustee
{
position:relative;
display:block;
padding-bottom:25px;
}


#Member_Table td
{
padding-left:10px;
padding-right:10px;

}

#Thumb
{
	border:1px dotted #9EB337;
}

/* 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;
}

#rounded 
{
left:10px;
border-color:#9EB337;
border-width:1px;
border-style:dashed;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
border-radius: 10px;
}


#readmore
{
	font-size:12px;
	color:#FFFFFF;
	font-weight:lighter; 
	text-align:justify;
}

#readmore strong
{
    font-weight:bold;
    color:#9EB337;
}

	
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:120px;
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:#99CA3C;}

#navigation ul ul li ul#mm {
left:100%; 
top:-34px;
background-color:#99CA3C;}

#navigation ul ul li:hover ul {
display:block;
}

.container { width:500px; height:375px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:500px; display:none; }



