@charset "utf-8";
/* CSS Document */
/* A few IE bug fixes */
* { margin: 0; padding: 0; }
* html ul ul li a { height: 100%; }
* html ul li a { height: 100%; }
* html ul ul li { margin-bottom: -1px; }

/*#theMenu { width: 200px; height: 350px; margin: 30px 0; padding: 0; }*/
#theMenu { width: 150px; height: 350px; margin: 10px 0; padding: 0; text-align:left; }

/* Some list and link styling */
/*ul li { width: 200px; }*/
#theMenu ul li { width: 150px; }

/*ul ul li { border-left: 10px solid #69c; padding: 0; width: 175px; margin-bottom: 0; }*/
#theMenu ul ul li { border-left: 10px solid #69c; padding: 0; width: 140px; margin-bottom: 0; }*/
/*
ul ul li a { display:block; color: #000; padding: 3px 6px; font-size: small; }
ul ul li a:hover { display:block; color: #369; background-color: #eee; padding: 3px 8px; font-size: small; }
*/
#theMenu ul ul li a { display:block; color: #000; padding: 3px 6px;
			 font-family:Arial, Helvetica, sans-serif;
			 font-size: 11px; }
#theMenu ul ul li a:hover { display:block; color: #369; background-color: #eee; padding: 3px 6px;
			 font-family:Arial, Helvetica, sans-serif;
			 font-size: 11px; }

/* For the xtra menu */
/*ul ul ul li { border-left: none; border-bottom: 1px solid #eee; padding: 0; width: 175px; margin-bottom: 0; }*/
#theMenu ul ul ul li { border-left: none; border-bottom: 1px solid #eee; padding: 0; width: 140px; margin-bottom: 0; }
/*
ul ul ul li a { display:block; color: #000; padding: 3px 6px; font-size: small; }
ul ul ul li a:hover { display:block; color: #369; background-color: #eee; padding: 3px 8px; font-size: small; }
*/
#theMenu ul ul ul li a { display:block; color: #000; padding: 3px 6px;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 11px; 
}
#theMenu ul ul ul li a:hover { display:block; color: #369; background-color: #eee; padding: 3px 6px;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 11px; 
				}

#theMenu li { list-style-type: none; }
#theMenu h2 { margin-top: 1.5em; }

/* Header links styling */
#theMenu h3.head {
font-family:Arial, Helvetica, sans-serif;
font-size:13px; 
color:#333333;
display:block;
/* 
border-top: 1px solid #36a;
border-right: 1px solid #36a;
*/
border-top: none;
border-right: none;
border-bottom: 1px solid #ccc;
border-left:none;

background: #fff url(down.gif) no-repeat; 
background-position: 98% 50%;
padding: 3px 6px;
}

#theMenu h3.head:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #000;
background: #ccc url(down.gif) no-repeat; 
background-position: 98% 50%;
}

#theMenu h3.selected{ 
/*background: #69c url(up.gif) no-repeat;*/
background: #fff url(up.gif) no-repeat;
background-position:98% 50%;
/*color: #fff;*/
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#999999;
padding: 3px 6px;
}

#theMenu h3.selected:hover { 
background: #69c url(up.gif) no-repeat; 
background-position:98% 50%;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #36a;
}


/* Xtra Header links styling */
#theMenu h4.head{
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
color: #333;
display:block; 
/*
border-top: 1px solid #36a;
border-right: 1px solid #36a;
*/
border-top: none;
border-right: none;
border-bottom:1px solid #ccc;
border-left:none;

background: #eee url(down.gif) no-repeat; 
background-position: 98% 50%;
padding: 3px 6px;
}

#theMenu h4.head:hover {
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
color: #000;
background: #ddd url(down.gif) no-repeat; 
background-position: 98% 50%;
}

#theMenu h4.selected{ 
/*background: #6c9 url(up.gif) no-repeat;*/
background: #f0ca03 url(up.gif) no-repeat;
background-position:98% 50%;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
color: #666666;
padding: 3px 6px;
}

#theMenu h4.selected:hover { 
/*background: #6c9 url(up.gif) no-repeat;*/
background: #f0ca03 url(up.gif) no-repeat; 
background-position:98% 50%;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
color: #666666;
}