/*#menu {

width: 12em;

background: #eee;

}



#menu ul {

list-style: none;

margin: 0;

padding: 0;

}



#menu a, #menu h2 {

font: bold 11px/16px arial, helvetica, sans-serif;

display: block;

border-width: 1px;

border-style: solid;

border-color: #ccc #888 #555 #bbb;

margin: 0;

padding: 2px 3px;

}



#menu h2 {

color: #fff;

background: #000;

text-transform: uppercase;

}*/



#menu a {

color: #000;

background: #efefef;

text-decoration: none;
outline: 0;

}



#menu a:hover {

color: #a00;

background: #fff;

}



#menu li {position: relative;}



#menu ul ul ul {

position: absolute;

top: 0;

left: 100%;

width: 100%;

}



div#menu ul ul ul,

div#menu ul ul li:hover ul ul

{display: none;}



div#menu ul ul li:hover ul,

div#menu ul ul ul.level2 li:hover ul

{display: block;}







ul,li {text-align:left;}

li {position: relative;padding: 0px;z-index: 9;}

/*li.folder	{padding: 2px 0 4px 15px;}	

li.folder:hover {z-index: 10;}		

li.folder ul {position: absolute;display: none;left: 130px; top: 5px;}			

li.folder>ul { left: 130px;}	*/



li.folder	{padding: 1px 0 4px 15px;}	

li.folder:hover {z-index: 10;}		

li.folder ul {position: absolute;display: none;left: 150px; /* IE */top:0; border-left:2px solid #fff;}			

li.folder>ul { left: 130px;}	



div#menu  ul.level2{ width:190px}



div#menu ul ul ul,

div#menu ul ul li:hover ul ul

{display: none;}



ul.level1 li.folder:hover ul.level2 {display: block;width: 200px;}

a {padding: 2px;text-decoration: none;width: 100%; /* IE */}

li>a { width: auto;}

li a.submenu {padding-left: 10px;display: block;padding-top: 3px;padding-bottom: 4px;}		

li.explain {color: #6699CC;padding-left: 10px;padding-top: 4px;padding-bottom: 4px;width: 190px;	}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html li.explain { width: 202px;}

/* End hide from IE5/mac */



/*#menu { border: 1px solid #ccc;margin: 0;padding: 0;width: 150px;}*/

#link {padding: 0px 0px 0px 20px;margin-top: 15px;}

#menu{width:150px; float:left;margin-left:2px; margin-top: -15px;}

#menu ul{margin:0px;padding:0px;}

#menu li {text-align:left; color:#5b9ed6; font-family:Arial, sans-serif; font-size:12px;list-style-type:none; border-bottom:1px solid #518ec4;padding:0px 5px 0px 0px; margin:0px; width: 144px;}

#menu .folder li {padding-right: 10px; width: 139px;}

#menu li.home {border-top:1px solid #518ec4;}

/* #side_nav li a{color:#2d3a5b; text-decoration:none; width:100%; padding:0px; margin:0px 0px 0px 0px}

#side_nav li a:hover{color:#ffffff; text-decoration:none; background-image:url(assets/rollover.jpg); background-repeat:no-repeat; padding:5px 0px 5px 0px;margin:0px 0px 0px 0px} */



#menu  .sef a{background-color: #5c9fd6; color:#fff; text-decoration:none; display: block; overflow: hidden; padding:9px 15px; width: 119px;}

#menu div a:hover, #menu li.current_page a{color:#5b9ed6; text-decoration:none; background-color: #fff !important; padding-right: 17px;}

#right_side{width:249px; float:right;margin-right:1px;}