#submenu {
	width: 200px;
	float:left;
/*	font-size:11px;*/
	margin-top:10px;
}
#sublist {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 0px solid gray;
	width: 200px;
}

#sublist li {
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top: 0px solid gray;
        text-align: left;
}

#sublist li a {
/*	text-decoration: none;*/
}
#sublist li a:hover {
	text-decoration: none;
}


/******* Capsulator tag styles BEGIN *******/
.menu-left {
    zzzbackground: url("/static/images/layout-2/black_pixel.gif") repeat-y top left rgb(254, 199, 31); 
}
.menu-top {
    zzzbackground: url("/static/images/layout-2/black_pixel.gif") repeat-x top left;
}
.menu-bottom {
    zzzbackground: url("/static/images/layout-2/black_pixel.gif") repeat-x bottom left;
}
.menu-right {
    zzzbackground: url("/static/images/layout/menu-right.png") repeat-y top right;
}
.menu-left-top {
    zzzbackground: url("/static/images/layout-2/corner_1.gif") no-repeat top left;
}
.menu-left-bottom {
    zzzbackground: url("/static/images/layout-2/corner_3.gif") no-repeat bottom left;
}
.menu-right-top {
    zzzbackground: url("/static/images/layout/menu-top-right.png") no-repeat top right;
}
.menu-right-bottom {
    zzzbackground: zzzurl("/static/images/layout/menu-bottom-right.png") no-repeat bottom right;
}
.menu-capsulator_body {
    padding: 10px; 
}


.body-left {
    background: url("/static/images/layout/body-left.png") repeat-y top left rgb(248, 246, 243); 
    min-height: 100%; 
    height: 100%; 
    max-height: inherit; 
    margin: 0;
    padding: 0;
}
.body-top {
    zzzbackground: url("/static/images/layout/black_pixel.gif") repeat-x top left;
    min-height: 100%; 
    height: 100%; 
    max-height: inherit; 
    margin: 0;
    padding: 0;
}
.body-bottom {
    background: url("/static/images/layout-2/black_pixel.gif") repeat-x bottom left;
    min-height: 100%; 
    height: 100%; 
    max-height: inherit; 
    margin: 0;
    padding: 0;
}
.body-right {
    background: url("/static/images/layout/body-right.png") repeat-y top right;
    min-height: 100%; 
    height: 100%; 
    max-height: inherit; 
    margin: 0;
    padding: 0;
}
.body-left-top {
    zzzbackground: url("/static/images/layout/body-top-left.png") no-repeat top left;
    min-height: 100%; 
    height: 100%; 
    max-height: inherit; 
    margin: 0;
    padding: 0;
}
.body-left-bottom {
    background: url("/static/images/layout/body-bottom-left.png") no-repeat bottom left;
    min-height: 100%; 
    height: 100%; 
    max-height: inherit; 
    margin: 0;
    padding: 0;
}
.body-right-top {
    background: url("/static/images/layout/corner_3.gif") no-repeat top right;
    min-height: 100%; 
    height: 100%; 
    max-height: inherit; 
    margin: 0;
    padding: 0;
}
.body-right-bottom {
    background: url("/static/images/layout/corner_3.gif") no-repeat bottom right;
    min-height: 100%; 
    height: 100%; 
    max-height: inherit; 
    margin: 0;
    padding: 0;
}
.body-capsulator_body {
    padding-left:   30px; 
    padding-right:  20px; 
    padding-bottom: 30px; 
    margin-bottom:   0px; 
    min-height: 100%; 
    height: 100%; 
    max-height: inherit; 
}
/******* Capsulator tag styles END   *******/    
    
    
    
    
    
A.dropdown-menu-l1:link, A.dropdown-menu-l1:visited, A.dropdown-menu-l1:active, A.dropdown-menu-l1:hover {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-decoration: none;
    /* background-color: #b6c7e8; */
    display: block; float: left; height: 24px; width: 115px; text-decoration: none; background: #fff url(/static/images/menu/top.gif); padding: 0 0 0 10px; text-align: left; border: 0; border-bottom: 1px solid #FEC603; margin-bottom: 0px;
    white-space: nowrap;
}
A.dropdown-menu-l1:link {       color: rgb( 0, 31, 114 ); }
A.dropdown-menu-l1:visited {    color: rgb( 0, 31, 114 ); }
A.dropdown-menu-l1:active {     color: rgb( 0, 31, 114 ); }
A.dropdown-menu-l1:hover {      color: #fff; }

A.dropdown-menu-l2:link, A.dropdown-menu-l2:visited, A.dropdown-menu-l2:active, A.dropdown-menu-l2:hover {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-decoration: none;
    /* background-color: #b6c7e8; */
/*    white-space: nowrap; */
}
A.dropdown-menu-l2:link {       color: rgb( 0, 31, 114 ); }
A.dropdown-menu-l2:visited {    color: rgb( 0, 31, 114 ); }
A.dropdown-menu-l2:active {     color: rgb( 0, 31, 114 ); }
A.dropdown-menu-l2:hover {      color: #fff; }

/* ================================================================ 
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/tab_padding.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.
=================================================================== */
/* style the outer div to give it width */
.menu { font-size:0.85em; padding:0 0 0px 15px; width:544px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0;margin:0;list-style-type:none; height:25px; background:transparent; }

/* style the sub-level lists */
.menu ul ul { width:625px; }

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li { float:left; height:25px; line-height:24px; display:block; margin-right:2px; text-align: left; }

/* style the sub level list items */
.menu ul ul li { display:block; width:150px; height:auto; line-height:1em; }
.menu ul ul li.last       { padding-bottom:10px; background:url(/static/images/menu/sub_bottom.gif )   bottom left no-repeat;}
.menu ul ul ul li.last    { padding-bottom:10px; background:url(/static/images/menu/two_bottom.gif )   bottom left no-repeat;}
.menu ul ul ul ul li.last { padding-bottom:10px; background:url(/static/images/menu/three_bottom.gif ) bottom left no-repeat;}

/* style the links for the top level */
/* JORO .menu a, .menu a:visited { display:block; float:left; height:24px; width:115px; font-size:10px; text-decoration:none; color:#000; background:#fff url(/static/images/menu/top.gif); padding:0 0 0 10px; text-align:left;border:0; border-bottom:1px solid #222; }*/
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:125px; w\idth:115px;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited { display:block; background: rgb( 254, 198, 3 ); zzzcolor: red; width:128px; height:100%; line-height:1em; padding:5px 10px; border:1px solid #e38911; border-width:0 1px; }
* html .menu ul ul a, * html .menu ul ul a:visited  {width:150px; w\idth:128px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
/* JORO .menu ul ul ul a, .menu ul ul ul a:visited {background:#c99;}*/
/* style the fourth level background */
/* JORO .menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#c96;}*/
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:green;} /* unknown */
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background: red ;}

/* style the level hovers */
/* first */
* html .menu a:hover { zzzcolor:#ff0; border:0; height:25px; position:relative; z-index:100; }
.menu li:hover {position:relative;}

.menu :hover > a { zzzcolor:#ff0; border:0; height:25px; }
/* second */
* html .menu ul ul a:hover{ zzzcolor:#ff0; background: rgb( 227, 137, 17 ); position:relative; z-index:110; height:100%; border:1px solid #e38911; border-width:0 1px; } 

.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a { zzzcolor:#ff0; background: rgb( 227, 137, 17 ); z-index:110; height:100%; border:1px solid #e38911; border-width:0 1px;} /* selected level 1*/
/* third */
* html .menu ul ul ul a:hover { background: red; position:relative; z-index:120;}
.menu ul ul ul :hover > a { background: red;}
/* fourth */
.menu ul ul ul ul a:hover {background:#a75; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0; top:25px; left:0; width:150px;}

/* position the third level flyout menu */
.menu ul ul ul{top:-10px; width:150px;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul {visibility:visible; height:auto; padding:15px 30px 30px 30px; background:transparent url(/static/images/menu/sub_top.gif) 30px 0 no-repeat; left:-30px;}
.menu ul :hover ul.left {visibility:visible; height:auto; padding:15px 30px 30px 30px; background:transparent url(/static/images/menu/sub_top_left.gif) 30px 0 no-repeat; left:-55px;}


/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:90px; height:auto; padding:10px 30px 30px 30px; background:transparent url(/static/images/menu/two_top.gif) 30px 0 no-repeat;}
.menu ul :hover ul.left :hover ul {left:-150px;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible; left:90px; height:auto; padding:10px 30px 30px 30px; background:transparent url(/static/images/menu/three_top.gif) 30px 0 no-repeat;}