﻿
/*
================================
SIDEBAR STYLES 
================================
*/
#sideBar
{
	position:relative;
	z-index:1000;
    width:186px;
    margin:0 40px 0 0;
    /*background-color:Green;*/
}


/*
================================
NAVI STYLES 
================================
*/
#navi
{
	}


#navi li
{
   font-size:.95em;
   display:block;
   margin-bottom:5px;
}

#navi ul li
{
	 height:28px;
	 position:relative;
	 background:url(/layout/menu_item_act.png) no-repeat;
	}
	
#navi ul li:hover
{
	 position:relative;
	 background:url(/layout/menu_item.png) no-repeat;
	}	

#navi ul li:hover ul
{
	 display:block;
	 position:absolute;
	 left:186px;
	 top:0px;
	 width:185px;
	 background:url(/layout/navi2_bcg.jpg) repeat-y;
	border:solid 1px #875fa8;
	}

#navi ul li ul
{
	 display:none;
	}
	
#navi ul li ul li
{
	font-size:.9em;
	 position:relative;
	 background:none;
	 margin:0;
	}	
	
#navi ul li ul li:hover
{
	 position:relative;
	 background:none;
	 margin:0;
	}	
    
#navi .item_sel a
{
	color:#93278F;
	}    

#navi li a
    {        
        display:block;
        margin:0 0 0 10px;
        padding:5px 0;
        color:#875fa8;
        font-weight:bold;
    }
#navi ul li:hover a
    {        
        display:block;
        margin:0 0 0 10px;
        padding:5px 0;
        color:#93278f;
        font-weight:bold;
    }  
#navi ul li:hover ul li a
    {        
        display:block;
        margin:0 0 0 10px;
        padding:3px 0;
        color:#875fa8;
        font-weight:bold;
    }     
    
#navi ul li ul li:hover a
    {        
        display:block;
        margin:0 0 0 10px;
        padding:3px 0;
        color:#93278f;
        font-weight:bold;
    }       

/*
================================
SECONDARY NAVI STYLES 
================================
*/
#navi2
{
	margin-top:30px;
	background:url(/layout/navi2_bcg.jpg) repeat-x;
	border:solid 1px #875fa8;
	padding-bottom:20px;
	}
	
#navi2 li
{
   font-size:.95em;
   display:block;
   margin:5px 0 0 0;
}

#navi2 ul li
{
	 position:relative;
	}

#navi2 ul li:hover ul
{
	display:block;
	 position:absolute;
	 left:184px;
	 top:-6px;
	 width:185px;
	 background:url(/layout/navi2_bcg.jpg) repeat-y;
	 /*background-color:#e5c6ff;*/
	border:solid 1px #875fa8;
	}

#navi2 ul li ul
{
	 display:none;
	}
	
#navi2 ul li ul li
{
	font-size:.9em;
	 position:relative;
	 background:none;
	 margin:0;
	}	
	
#navi2 ul li ul li:hover
{
	 position:relative;
	 background:none;
	 margin:0;
	}	

#navi2 li.selected a
    {
        color:#cccccc;
    }

#navi2 li a
    {        
        margin:0 0 0 10px;
        padding:5px 0;
        color:#93278f;
        font-weight:bold;
    }
#navi2 ul li:hover a
    {        
        margin:0 0 0 10px;
        padding:5px 0;
        color:#875fa8;
        font-weight:bold;
    }  
#navi2 ul li:hover ul li a
    {        
        display:block;
        margin:0 0 0 10px;
        padding:3px 0;
        color:#93278f;
        font-weight:bold;
    }     
    
#navi2 ul li ul li:hover a
    {        
        display:block;
        margin:0 0 0 10px;
        padding:3px 0;
        color:#875fa8;
        font-weight:bold;
    } 
    
#navi2 .item_sel a
{
	color:#875fa8;
	}        
    
/**************************************/
/*************POINTER******************/
#navi2 .pointer
{
	position:absolute;
	left:-20px;
	top:5px;
	width:10px;
	}
      
