@charset "UTF-8";



@import "default.css";

/*
first level = top level
second level = first level drop down
three level = second level drop down
*/

/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension*/

/*  first, second, third levels  */
ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 10px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */

/*first, second, third levels li*/
ul.dropdown li {
 padding: 0px;
}


/*third level*/
ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
 /*padding: 8px;*/
 padding: 8px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */

/*first level, second level*/
ul.dropdown *.dir { /* POI */
/* padding: 5px 20px;*/
/* width:180px; works*/
 width:200px;
}

/*first, second level*/
ul.dropdown ul *.dir {
 /*padding: 8px 30px 8px 8px;*/
 width:200px;
 padding: 8px 12px 8px 8px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */

/*third level onRollover*/
ul.dropdown ul a {
 /*width: 133px;*/
 width: 203px;
}

/*ul.dropdown ul a.dir {
 width: 111px;
}*/



/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */

/*for IE 6 second level on rollover*/
ul.dropdown *.open {
 /*background-color: #3d3d3d;*/
 background:url(../../../images/nav-back.gif) no-repeat;
}
ul.dropdown ul *.open {
 background-color: #4c4c4c;
 background-image: url(images/comnav-arrowover.png);
 color: #fff;
}
ul.dropdown ul ul *.open {
 background-color: #595959;
 background-image: url(images/comnav-arrowover2.png);
 color: #fff;
}
 /*Override UPPER TWO definitions */

/* for IE6 first level onRollover*/
ul.dropdown a.open:hover {
 /*background-color: #4698ca;*//*lgt blu*/
 color: #666;
}
ul.dropdown ul a.open:hover {
 background-image: url(images/comnav-arrowon.png);
 color: #fff;
}


/* Clone in CSS 2 */

/*second level rollover in FF*/
ul.dropdown li:hover > *.dir {
 background-color: #3d3d3d;/*drkest gry*/
color:#fff;
}
ul.dropdown ul li:hover > *.dir {
 background-color: #4c4c4c;/*drk gry*/
 background-image: url(images/comnav-arrowover.png);
 color:#fff;
}
ul.dropdown ul ul li:hover > *.dir {
 background-color: #595959;
 background-image: url(images/comnav-arrowover2.png);
 color: #fff;
}

/* Override UPPER TWO definitions */

/*FF and IE7 first level onRollover*/
ul.dropdown li:hover > a.dir:hover {
/* background-color: #4698ca;*/
background:url(../../../images/nav-back.gif) 0 0 no-repeat;
 color: #666;
}
ul.dropdown ul li:hover > a.dir:hover {
 background-image: url(images/comnav-arrowon.png);
 color: #fff;
}

/*second level default text*/
ul.dropdown span {}