.menu_folder_name
{
border-bottom:2px solid #AAB;
color:#AAB;
font-weight:bold;
padding-bottom:2px;
}

.menu_folder_cont
{
text-align: right;
padding-bottom:3px;
}

.menu_submenu
{
border-bottom:1px solid #AAB;
color:#AAB;
font-weight:bold;
margin-top: 10px;
padding-bottom:2px;
}

.menu-list
{

/*padding-top: 140px !important;
padding-top: 180px; /*IE6 Hack 
padding-left: 8px;*/

z-index: 1;

}

.menu-list dl, .menu-list dt, .menu-list dd, .menu-list ul, .menu-list li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}


.menu-list dl
{

margin: 0px;
padding: 0px;
border-bottom:1px solid #335;
background-color:#446;

padding-top: 0px;
padding-right:0px;
}

.menu-list dt
{
color: #889;
margin: 0px;
font-size: 9pt;
font-weight: bold;
}

.menu-list dd
{
display: none;
border: 0px solid gray;
margin: 0px;
padding: 0px;
}

.menu-list li
{
font-size: 9pt;
margin: 0px;
padding: 0px;
}

.menu-list li a, .menu-list dt a
{
color: #e85;
text-decoration: none;
display: block;
padding: 2px;
padding-right: 5px;
}

.menu-list li a:hover, .menu-list li a:focus, .menu-list dt a:hover, .menu-list dt a:focus
{
color: orange;
background-color: #335;
}
/* OLD CODE
#menu
{
position: fixed;
color: #FFF;
font-size: 11pt;
float: left;
position: fixed;
left: 4px;
top:270px !important;
top: 180px;
float: left;
}*/

#menu
{

float: left;

width: 140px;
color: yellow;
text-align: right;
font-size: 10pt;
z-index: 100;
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:right;
}


#menu dl
{
width: 10em;
margin: 0px;
padding: 0px;
}

#menu dt
{
color: white;
margin: 0px;
padding: 0px;
font-size: 11pt;
font-weight: bold;
}

#menu dd
{
display: block;
border: 0px solid gray;
margin: 0px;
padding: 0px;
}

#menu li
{
font-size: 10pt;
margin: 0px;
padding: 0px;
}

#menu li a, #menu dt a
{
color: #fff;
text-decoration: none;
display: block;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus
{
color: #FFF;
}

.folder_name
{
background-color: #789;
color: #FFB;
padding: 4px;
}

.folder_items dl
{
float:left;
padding: 5px;
margin: 3px;
width: 30%;
}

.folder_items dl:hover
{
background-color: #668;
}

.folder_items dt
{
padding-left: 24px;
text-align: left;
background-image: url(../../../icon/16x16/bullet.png);
background-repeat: no-repeat;
background-position: 5px 5px;
}

.folder_items dd
{
display: block;
text-align: left;
margin-left: 0px;
font-style: italic;
font-size: 9pt;
}

.folder_container
{
text-align: center;
padding-bottom:3px;
border: 1px solid #789;
width: 99%;
margin-top: 55px;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/magic_menu_six.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu_css, .menu_css ul {list-style-type:none; padding:0; margin:0;}

/* for IE7 to position the tables correctly */
.menu_css {position:relative;}

/* for IE5.5 and IE6 to position the tables corectly */
* html .menu_css {position:static;}

/* Set up the size of the list items and float left to place inline */
.menu_css li {float:left; height:24px; margin:0;}

/* Give the sub level list item a diffent background color to make it 'stand out'. */
.menu_css li.sub {}

/* Style and position the table so it takes no part in the menu_css function. The font size is necessary for IE5.5 */
.menu_css table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; font-size:1em;}

/* Default link styling */
.menu_css li a {display:block; color:#433; font-family:arial, sans-serif; font-size:11px;  min-width:16px; text-decoration:none; text-align:left; margin-left: 3px;z-index:100;}

/* Style the list OR link hover. Depends on which browser is used */
.menu_css :hover {color:#000;white-space:nowrap;}

/* Give the link OR list a relative position. Depends on which browser is used */
.menu_css li.sub:hover,
.menu_css li.sub a:hover {position:relative;}

/* For all browsers except IE5.5 and IE6 to keep the hover state through the menu_css cascade. */
.menu_css li:hover > a {color:#000; }

/* keep the 'next' level invisible by placing it off screen. */
.menu_css ul, 
.menu_css :hover ul ul, 
.menu_css :hover ul :hover ul ul,
.menu_css :hover ul :hover ul ul.left {position:absolute;left:-9999px; width:128px;}

/* Position the drop-down first sub level beneath the top level list item when hovering over the top level list OR link. The transparent image is for IE7 to render this correctly. The image does not have to exist :) */
.menu_css :hover ul{left:-1px; top:18px; background:transparent url(../../../transparent.gif); padding-top:8px; }

/* Position the flyout sub levels to the right or left when hovering over the sub level list OR link. */
.menu_css :hover ul :hover ul {padding:9px 3px;left:100px;top:0;}
.menu_css :hover ul :hover ul.left {left:-106px;}
.menu_css :hover ul :hover ul :hover ul {padding:9px 3px;left:100px;top:0;}
.menu_css :hover ul :hover ul :hover ul.left {left:-106px;}



/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
 /* common styling */

 /* Set up the default font and ovrall size to include image */
.menu {
position:relative;
font-family: Georgia;
width:100%;
font-size: 12pt;
z-index:200;

padding-left: 10px;
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0;
margin:0;
list-style-type: none;
width: 100%;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
border-bottom: 1px solid #383;	
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;

font-style:italic;
color:#030;
border-bottom:4px solid transparent;
text-transform:lowercase;
padding-left:10px;
padding-right:10px;
background-color: #fff;
line-height:1.5em;
margin-right:2px;
background-color: #eaf6cf;
width: 100px;
}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
/*width:106px;
w\idth:106px;*/
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px;
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#000;
background-color: #eaf6cf;
border-bottom:4px solid #3b5;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block;
position:absolute;
left:0;
width:156px;
/*border-top:0;*/
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block;
border:0;
margin:0;
color:#fff;
font-weight:normal;
background-color: #484;
font-size:0.9em;
height:auto;
line-height:1em;
padding:5px;
width:146px
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#595;
color:#fff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=90);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity:0.8;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#EEE;
width:100px; /* for IE5.5 faulty box model */
w\idth:146px; /* for IE6 */
}