@import "default.css";


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

ul.dropdown a,
ul.dropdown span {
	 display: block;
	 padding: 2px 30px;
	 
}




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


ul.dropdown li {
 	padding: 0;
 	background-image: url(../../_images/csg-4a65fa5be2d00.png);
	background-position: 0 0;
 	

}

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



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

/* SUB MENU CLASS - NO USED FOR TOP LEVEL ONLY */

ul.dropdown *.dir, 
ul.dropdown *.dir_active { /* POI */
 padding: 5px 15px;
}

ul.dropdown ul *.dir, 
ul.dropdown ul *.dir_active {
 padding: 8px 30px 8px 8px;
}

ul.dropdown ul {
	background-image: none;
}

ul.dropdown *.dir1,
ul.dropdown *.dir_active { /* POI */
 padding: 5px 15px;
}

ul.dropdown ul *.dir1, 
ul.dropdown ul *.dir_active {
 padding: 8px 30px 8px 8px;
}


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



ul.dropdown ul a {
 width: 103px;
}

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

ul.dropdown ul a {
 width: 133px;
}


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


ul.dropdown *.open {
}
ul.dropdown ul *.open {
	 background-image: url(../../_images/comnav-arrowover.png);
	 color: #fff;
}
ul.dropdown ul ul *.open {
	 background-image: url(../../_images/comnav-arrowover2.png);
	 color: #fff;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
	 background-color: #4698ca;
	 color: #fff;
}
ul.dropdown ul a.open:hover {
	 background-image: url(../../_images/comnav-arrowon.png);
	 color: #fff;
}


/* Clone in CSS 2 */

/* HOVER MENU BACKGROUND COLOR - ROW 1 */
ul.dropdown li:hover > *.dir {
	background-image: url(../../_images/csg-4a65fa5be2d00.png);
	background-position: 0 -130px;
	background-repeat: repeat-x;
	color: #000;
}

ul.dropdown ul li:hover > *.dir {
	 background-color: #4c4c4c;
	 background-image: url(../../_images/comnav-arrowover.png);
}

ul.dropdown ul ul li:hover > *.dir {
	 background-color: #595959;
	 color: #000;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
	 background-color: #4698ca;
	 color: #000;
}
ul.dropdown ul li:hover > a.dir:hover {
	 background-image: url(../../_images/comnav-arrowon.png);
	 color: #000;
}


/* HOVER MENU BACKGROUND COLOR - ROW 1 */
ul.dropdown li:hover > *.dir1 {
 	background-image: url(../../_images/csg-4a65fa5be2d00.png);
	background-position: 0 0;	
}

ul.dropdown ul li:hover > *.dir1 {
 	background-image: url(../../_images/csg-4a65fa5be2d00.png);
	background-position: 0 0; 
}

ul.dropdown ul ul li:hover > *.dir1 {
 	background-image: url(../../_images/csg-4a65fa5be2d00.png);
	background-position: 0 0;	
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir1:hover {
	color: inherit;
}


/*------------------------------------------------------------------------------------------------------/
 * @section		LINK
 * @source		js, artificial
 *
 */

ul.dropdown a:link
{
	color:#000;

}

ul.dropdown a:visited
{
	color: #000;
}

#n-officals { width: 200px; text-align: center; }
#n-officals ul ul a.dir { width: 200px; }
#n-officals ul a { width: 182px; }
#n-officals ul ul ul { left: 100%; }
#n-officals ul { right: auto; left: 0; width: 199px; text-align: left; }
#n-officals ul ul { left: 140px; width: 200px; }
#n-officals ul a.dir { width: 200px; }
#n-officals ul ul a { width: 133px; }

ul.dropdown li.dir1 {
	background-color: #333;	
	border-style: solid;
	border-width: 1px;
	padding: 5px 5px 5px 5px;
	border-color: #404040 #1a1a1a #1a1a1a #505050;	 
}


.dir_active {
	background-image: url(../../_images/csg-4a65fa5be2d00.png);
	background-position: 0 -130px;
}