


#block_navigation {
    width: 100%;
   float:left; height:60px;
   padding:2px 0 0 0;
   vertical-align:text-bottom;
   text-align:center;
 
   }

#block_navigation  ul {
    
    padding-left:0;
    list-style:none;
    
}

#block_navigation  ul li 
{
	width:184px;
    margin: 0;
    padding: 5px 0 5px 0;
	
    display: inline;
    position: relative;
    list-style: none;

	text-align:left ;
   
    
}

#block_navigation  ul li:nth-child(10) {
    margin-left:15px;
}


#block_navigation  ul li:first-child {
   
	 border-left:0px solid #fff;
	  cursor:pointer;
   
}


 


#block_navigation ul li a {
    
    font-weight: bold;
    text-decoration:none;
    padding:1.953%;
    
    color:Navy ;
    font-family: Arial, Helvetica, sans-serif;
    text-transform:capitalize  ;
    font-size: 14px;
     height:26px;
     width:15%;
}

#block_navigation ul li a:hover {
    
    font-weight: bold;
    text-decoration: none;    
   font-family: Arial, Helvetica, sans-serif;
   
     
}

#block_navigation ul li ul li a{cursor: pointer; }


#block_navigation ul li:hover {
 
  
  color:#000; 
  text-transform:lowercase;
    
}
#block_navigation ul li:hover a
{
	color:Navy;
	
}

#block_navigation  li a:active {
    color: #888;
}


#block_navigation i {
    margin-left: 20px;
    font-size: 17px;
    margin-right: 7px;
}

#block_navigation  span.main_links_span {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 16px;
}

#block_navigation ul li ul {
    z-index: 1;
    
    visibility: hidden;
    position: absolute;
    top: 20px; 
    left: 0;
    display: block;
    /*border-radius: none;
	  opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;*/
    width:120%;
}

#block_navigation ul li ul:after {content: ""; 
 position: absolute; float:right; 
    left:10%; top:-7px;
     width:13px; height:7px; background:url(/images/menu-arrow.png) top left no-repeat; }


#block_navigation ul li ul li {
    position: relative;
    display: block;
    float: none;
    font-style:normal;
    border-left:0px solid #b74242;
    
    /*-webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;*/
    
}


#block_navigation ul ul li a {
    color: #fff;
    line-height: 29px;
    padding-left: 10px;
    width: 100%;
}

#block_navigation ul ul li:hover
{
    
    color: #fff;
}
#block_navigation ul ul li:hover a {
     color:#fff;    
}
#block_navigation ul ul li a:hover {
   color: #fff;
}
#block_navigation ul li:hover > ul {
    z-index: 9999;
    opacity: 1;
    visibility: visible;
}

#block_navigation span.span_level_1, span.span_level_2 {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 16px;
}

#block_navigation .icons a {
    background: none;
    background-image: none;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    margin-right: 9px;
    margin-left: 9px;
    margin-bottom: 30px;
    margin-top: 17px;
    opacity: 0.4;
}

#block_navigation .icons a:hover {
    opacity: 1;
}

.image {
    background: gray;
    width: 260px;
    height: 140px;
    font-size: 30px;
    line-height: 130px;
    color: #444;
}
/*
b {
    margin-left: 23px;
}*/

#block_navigation #pull,#block_navigation #pull-t {
    width: 100%;
    font-weight: normal;
    text-decoration: none;
    display: block;
    line-height: 26px;
    color: #eee;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    
 /***for IE**/
    
}

#block_navigation #pull:hover,#block_navigation #pull-t:hover {
   
    background: #433393;
    
}

#block_navigation #pull i, #block_navigation #pull-t i {
    margin-left: 25px;
}

#block_navigation span.pull_span {
   
    padding-left:20%;
    top: 0;
}

#block_navigation  div#pull a,#block_navigation  div#pull-t a {
    display: block; text-align:center; padding-left:0px;
    color: #f69c18;
    text-decoration: none;
    width: 100%;
    height: 100%; cursor:pointer;
}

#block_navigation div#pull a:active,#block_navigation div#pull-t a:active {
    color: #888;
}



navigation {
    background-color: #333 /* darkgrey */;
    width:100%;
}

#block_navigation > ul.navigation > li {
  line-height:26px;    padding-top:10px; padding-bottom:10px;  cursor:default;
}

#block_navigation ul li ul li { line-height:10px;}

#block_navigation > ul.navigation > li > a > img {
  vertical-align:middle;
}



.home-icon { background:url(../../images/But_MainBC.jpg) center top no-repeat;}    
.home-icon:hover { background:url(../images/home-h.png) center top no-repeat; }  
.menul
{
	
	width: 12.5%;
	height: 26px;
	color:White;
	
}    
.menul:hover {background: url('../../images/But_MainBC.jpg') no-repeat center top;
	width: 12.5%;
	height: 26px;
}

.menuM
{
	background: url('../../images/But_MainBC.jpg') no-repeat center top;
	width: 100%;
	height: 26px;
	
}     

.GlBackColor_M
{
	background-color:#765DF9;
}
.GlForeColor_M
{
	background-color:green;
}

.rules { background:url(../images/rules.png) center top no-repeat;}    
.rules:hover { background:url(../images/rules-h.png) center top no-repeat;} 
.o-b { background:url(../images/office-bearers.png) center top no-repeat;}    
.o-b:hover { background:url(../images/office-bearers-h.png) center top no-repeat;} 
.message { background:url(../images/message.png) center top no-repeat;}    
.message:hover { background:url(../images/message-h.png) center top no-repeat;} 
.gallery { background:url(../images/gallery.png) center top no-repeat;}    
.gallery:hover { background:url(../images/gallery-h.png) center top no-repeat;} 
.achi { background:url(../images/achievement.png) center top no-repeat;}    
.achi:hover { background:url(../images/achievement-h.png) center top no-repeat;} 
.contact { background:url(../images/contact-us.png) center top no-repeat;}    
.contact:hover { background:url(../images/contact-us-h.png) center top no-repeat;} 