/* @group Text CSS */
/*
Theme Name:     Sc4project
Description:    Custom built for Sc4project
Author URI:     
Template:       twentyeleven
Version:        1
*/
/* CSS Document */


#top-menu{ width: 1180px; margin: 0 auto; height:auto; }
.glossymenu{position: relative;	list-style: none; height:26px;}
.glossymenu >li:first-child {padding-left:0px;}
.glossymenu >li:last-child {padding-right:0px; border-right: none;}
.glossymenu >li{
	float: left;
    padding: 0 13px;
    position: relative;
    height: 24px;
    line-height: 19px;
    border-right: 1px solid #d1d2d4;}
.glossymenu .li-last-child{padding-right:0; background:none;}
.glossymenu >li >a{
	display: block;
	color:#fff;
	text-decoration: none;
	cursor: pointer; font-size:14px;  
}
/*hover*/
.glossymenu >li >a:hover{
	color:#023a78;
}
.glossymenu >li.current >a {
	color:#fff !important;
}


.glossymenu >li >ul{display:none; position:absolute; top:24px; left:18px; z-index:999999; border-top:none; padding:10px 0; width:240px; background-color:#919090;
}
.glossymenu >li >ul >li{padding:0; line-height:20px; border-bottom:1px dotted #999999; padding:5px 0; position:relative;}
.glossymenu >li >ul >li >a{color:#fff; padding:0 10px;display: inline-block; }
.glossymenu >li >ul >li >a:hover{color:#FFFF00;}
.glossymenu >li:hover >ul{display:block; z-index:999;}

.glossymenu >li >ul >li >ul{display:none; position:absolute; top:0; left:100%; width:220px; background-color:#3d1789;}
.glossymenu >li >ul >li >ul >li{padding:0; line-height:20px; border-bottom:1px solid #4c1caa; padding:5px 0; position:relative;}
.glossymenu >li >ul >li >ul a{color:#fff !important; padding:0 10px; display:inline-block;}
.glossymenu >li >ul >li >ul a:hover{color:#ff0 !important;}
.glossymenu >li >ul >li:hover >ul{display:block;}


.glossymenu >li >ul >li >ul >li >ul{display:none; position:absolute; top:0; left:100%; width:220px; background-color:#810005;}
.glossymenu >li >ul >li >ul >li >ul >li{padding:0; line-height:20px; background:url(../images/li-sub-menu-3.png) repeat-x left bottom; padding:5px 0; position:relative;}
.glossymenu >li >ul >li >ul >li >ul a{color:#fff !important; padding:0 10px; display:inline-block;}
.glossymenu >li >ul >li >ul >li >ul a:hover{color:#ff0 !important;}
.glossymenu >li >ul >li >ul >li:hover >ul{display:block;}



.menu_active, .grid{display:none;}
.back{ color: #fff;}

