/* Start of CMSMS style sheet 'custom_css_menu' */
/* LEFT MENU */

.menu1 { margin: 10px; height: 100px; font-size: 10pt; font-family: verdana; }

.menu1 ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 140px; }

.menu1 li {  float: left; }
.menu1 li li{  background-color: #cccc99;  }

.menu1 li.sub { background-color: #cccc99; }

.menu1 table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }

.menu1 a, .menu1 a:visited { border: 0px solid #ffffff; display: block; text-decoration: none; line-height: 1.2em; width: 140px; color: #7e0b07; padding-left: 1em; padding-top:0.4em;padding-bottom:0.4em;font-weight: bold; font-style: normal; font-variant: normal; text-transform: none; background-image:url(/images/bullet.gif);background-repeat:no-repeat;background-position: 0 .9em}

.menu1 li li a, .menu1 li li a:visited {border: 1px solid #FFFFFF; background-image:none;color: #7e0b07; width: 220px; font-weight: normal;}

.menu1 b { float: right; margin-right: 5px; }

* html .menu1 a, * html .menu1 a:visited { width: 140px; }

* html .menu1 a:hover , .menu1 li li a:hover{ color: #990033; position: relative; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: underline; text-transform: none; }

.menu1 li:hover { position: relative; }

.menu1 a:active, .menu1 a:focus { color: #7e0b07; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
	
.menu1 li:hover > a , .menu1 li li:hover >a { color: #990033; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: underline; text-transform: none; }

.menu1 li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 100px; background-color: transparent; }



.menu1 li:hover > ul { visibility: visible; }
.menu1 ul a:hover ul ul { visibility: hidden; }
.menu1 ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu1 ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu1 ul a:hover ul { visibility: visible; }
.menu1 ul a:hover ul a:hover ul { visibility: visible; }
.menu1 ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu1 ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }


/* TOP MENU */

#menu2 {font-size:11px;position:relative;z-index:100;font-family: verdana; font-weight:600;left: 130px;	margin-top: 10px;}

/* remove all the bullets, borders and padding from the default list styling */
#menu2 ul {padding:0;margin:0;list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu2 positon */
#menu2 li {float:left;position:relative;padding:0;margin:0;list-style-type:none;}

/* style the links for the top level */
#menu2 a {
display:block;text-decoration:none; color:#fff; width:165px; height:18px; line-height:18px;
border:1px solid #ECE9C6; border-width:2px 5px; background:#7e0b07; 
text-align:center;}

/* style the top level hover */
#menu2 a:hover, #menu2 ul ul a:hover{color:#7e0b07; background:#cccc99;}
#menu2 :hover > a, #menu2 ul ul :hover > a {color:#7e0b07;background:#cccc99;}

/* a hack so that IE5.5 faulty box model is corrected */
* html #menu2 a {width:165px;w\idth:165px;}

/* style the second level links */
#menu2 ul ul a {background:#cccc99; color:#7e0b07; height:auto; line-height:18px; 
 text-align:left;padding-left:5px;width:160px}
/* style the second level background */
#menu2 ul ul a.drop {
background:#cccc99 url(../../images/drop.gif) bottom right no-repeat;}




/* style the second level hover */
#menu2 ul ul a:hover{
background:#cbbb99 ;}
#menu2 ul ul :hover > a {
background:#cbbb99;}

#menu2 ul ul a.drop:hover{
background:#cbbb99 url(../../images/drop.gif) bottom right no-repeat;}
#menu2 ul ul :hover > a.drop {
color:#7e0b07;background:#cbbb99 url(../../images/drop.gif) bottom right no-repeat;}

/* another hack for IE5.5 */
* html #menu2 ul ul {top:22px;t\op:22px;}
* html #menu2 ul ul a{width:160px;w\idth:160px;}



/* style the third level background */
#menu2 ul ul ul a {background:#cbbb99;border:1px solid #ECE9C6;border-width:2px 2px 2px 10px ;}
/* style the third level hover */
#menu2 ul ul ul a:hover {background:#c9ba65;}
/* position the third level flyout menu2 */
#menu2 ul ul ul{left:170px; top:2px;width:150px;}
/* another hack for IE5.5 */
* html #menu2 ul ul ul {top:2px;t\op:2px;}

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

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu2 table {position:absolute; top:0; left:0;font-size:11px;}



/* make the second level visible when hover on first level list OR link */
#menu2 ul li:hover ul, #menu2 ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#menu2 ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu2 ul :hover ul :hover ul{ visibility:visible;}

/* End of 'custom_css_menu' */