@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 */

@media all {

#submenu { width: 100%; overflow: hidden; margin: 2.4em 0 1.5em 0; list-style-type: none; border-top: 1px #ddd solid;border-bottom: 1px #ddd solid; }

.backto {width:100%; text-align:right;}

.backto a{  color:#666666; font-size:10px;}

#submenu ul { list-style-type: none; margin:0; padding: 0; }

#submenu li { float:left; width: 237px; margin:0; padding: 0 }

#submenu a,
#submenu strong { display:block; width: 90%; padding: 4px 0px 4px 10%; text-decoration: none; background-color:#fff; color: #444; border-bottom: 1px #eee solid; }

/* Menu Title */
  #submenu li#title { width: 90%; padding: 3px 0px 3px 10%; font-weight: bold; color: #444; background-color: #fff; border-bottom: 4px #888 solid; }

#submenu li span { display:block; width: 90%; padding: 3px 0px 3px 10%; font-weight: bold; border-bottom: 1px #ddd solid; }

/* Level 1 */
  #submenu li#active,
#submenu li strong { width: 90%; padding: 3px 0px 3px 10%; font-weight: bold; color: #fff; background-color:#aab; border-bottom: 1px #eee solid; }

#submenu li a { width: 90%; padding-left: 10%; background: url(../../images/this.gif) 6px center no-repeat #fff; color: #333333; }

#submenu li a:focus,
#submenu li a:hover,
#submenu li a:active { background-color:#393939; color: #fff; }

/* Level 2 */
#submenu li ul li a,
#submenu li ul li#active,
#submenu li ul li strong,
#submenu li ul li span { width: 85%; padding-left: 15%; }

#submenu li ul li a { background: url(../../images/this2.gif) 20px center no-repeat #f8f8f8; color: #999999; }

#submenu li ul li a:focus,
#submenu li ul li a:hover,
#submenu li ul li a:active { background-color:#333333; color: #fff; }

/* Level 3 */
  #submenu li ul li ul li a,
#submenu li ul li ul li#active,
#submenu li ul li ul li strong,
#submenu li ul li ul li span { width: 80%; padding-left: 20%; }

#submenu li ul li ul li a { background: url(../../images/this3.gif) 33px center no-repeat #F7F7F7; color: #999; font-size:11px }

#submenu li ul li ul li a:focus,
#submenu li ul li ul li a:hover,
#submenu li ul li ul li a:active { background-color:#333333; color: #fff; }

/* Level 4 */
  #submenu li ul li ul li ul li a,
#submenu li ul li ul li ul li#active,
#submenu li ul li ul li ul li strong,
#submenu li ul li ul li ul li span { width: 75%; padding-left: 25%; }

#submenu li ul li ul li ul li a { background: url(../../images/this3.gif) 42px center no-repeat #F6F6F6; font-size:11px; color: #999; }

#submenu li ul li ul li ul li a:focus,
#submenu li ul li ul li ul li a:hover,
#submenu li ul li ul li ul li a:active { background-color:#333333; color: #fff; }
}