/* TOP-MENU */

html>body #top-nav {position:absolute; z-index:10; top:0px; left:0px; padding-top:5px; margin-top:-8px; margin-left:590px; z-index:2;}
#top-nav {position:absolute; z-index:10; top:1px; left:590px; padding-top:5px; margin-top:-5px; margin-left:0px; z-index:2;}

.menu2 a, .menu a:visited {
display:block; 
color:#035892;
text-decoration: none!important;}

* html .menu2 a, * html .menu2 a:visited {
text-decoration:none;
}

/* style the link hover */
* html .menu2 ul a:hover {color: #035892; background: #D7E6DE; width:127px; text-align:left;
w\idth:127px; text-decoration:none; }

.menu2 ul {background:none; 
padding-left:0px; margin-top:0px; padding-top:0px;
list-style-type:none;}

* html .menu2 ul {margin-left:-10px; ma\rgin-left:0px; padding-left:0px;}
* html .menu2 ul li ul {list-style-type: none!important;}


#top-nav .menu2 li a {border:1px #BACFDE solid; background:#F7F7F7; margin-top:2px; margin-bottom:1px;
position:relative; text-align:right; padding-right:5px; padding-top:2px; padding-bottom:1px;
font-size:10px; line-height:13px; height:13.5px; width:85px;}

#top-nav .menu2 li a:hover {border:1px #BACFDE solid; background:#FFF; margin-top:2px; margin-bottom:2px;
position:relative; text-align:right; padding-right:5px; padding-top:2px; padding-bottom:1px;
font-size:10px; line-height:13.5px; width:85px;}

.register a {background:#D7E6DE!important;}
.register a:hover {background:#FFF!important;}

/* LEFT-MENU */

#left-nav {width:135px; position:absolute; top:0px; padding-top:7px; margin-top:85px; margin-left:0px; z-index:2; padding-bottom:0px; margin-bottom:0px;}


/* remove borders and padding from the default list styling, use image as bullet */
.menu1 ul {background:none; 
padding-left:0px; margin-top:0px; padding-top:0px;
list-style-type:none;}


.menu1 ul li ul {
list-style-image: none; list-style-type:none;
padding-left: 0!important;}


/* hack for IE5.5 */
* html .menu1 ul {margin-left:-10px; ma\rgin-left:0px; padding-left:0px;}
* html .menu1 ul li ul {list-style-type: none!important;}

/* position relative so that you can position the sub levels */

/* style the fly-out menus to have smaller text and set background color */

.sub {position:relative; z-index:100;}

.sub1 li 	{
	color: #035892!important; font-size: 10px!important;
	background: #D7E6DE!important; 
	text-decoration: none!important; font-weight: normal!important;	
	list-style-type: none!important; 
	}

.sub1 {list-style-type: none!important; }


/* get rid of the table */
.menu1 table {position:absolute; border-collapse:collapse; top:0; left:0; font-size:1em;}

/* style the links */
.menu1 a, .menu a:visited {
display:block; 
color:#035892;
text-decoration: none!important;}

.menu1 li a {border:1px #BACFDE solid; background:#F7F7F7; margin-top:2px; margin-bottom:2px;
position:relative; text-align:right; padding-right:5px; padding-top:2px; padding-bottom:1px;
font-size:10px; line-height:16px; height:16px; width:127px;}

.menu1 li a:hover {border:1px #BACFDE solid; background:#D7E6DE; margin-top:2px; margin-bottom:2px;
position:relative; text-align:right; padding-right:5px; padding-top:2px; padding-bottom:1px;
font-size:10px; line-height:16px; width:127px;}


/* a hack so that IE5.5 faulty box model is corrected */
* html .menu1 a, * html .menu1 a:visited {
text-decoration:none;
}

/* style the link hover */
* html .menu1 ul a:hover {color: #035892; background: #D7E6DE; width:127px; text-align:left;
w\idth:127px; text-decoration:none; 
}

* html .menu1 ul li ul a:hover {color: #035892; background:#D7E6DE ; width:120px;
w\idth:100px; text-decoration:none; 
}


.menu1 ul :hover > a {
color: #035892; 
background: #D7E6DE;
text-decoration:none; text-align:left;
}

.menu1 ul li ul :hover > a {
color: #035892;
background: #D7E6DE;
text-decoration: none;
}

.menu1 ul {width:130px;
z-index:1;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu1 ul ul {
visibility:hidden;
position:absolute; width:120px;
top:0px; left:133px; border-left:1px #FFF solid; border-top:1px #BACFDE solid; border-right:1px #BACFDE solid; border-bottom:1px #BACFDE solid;
}
html>body .menu1 ul ul {
visibility:hidden;
position:absolute; width:120px;
top:0px; left:134px; border-left:1px #FFF solid; border-top:1px #BACFDE solid; border-right:1px #BACFDE solid; border-bottom:1px #BACFDE solid;
}

.menu1 ul ul li a{margin:0px; border:none; width:100px; text-align:left; padding-left:15px;}
.menu1 ul ul li a:hover{background:#D7E6DE; color: #035892; margin:0px; border:none; width:100px; text-align:left; padding-left:15px;}

.menu1 ul ul ul {
position:absolute;
top:0;
left:120px; width:140px;
z-index:100;}

.menu1 ul ul ul li a {width:140px;}
.menu1 ul ul ul li a:hover {width:140px;}

html>body .menu1 ul ul ul {
position:absolute;
top:0;
left:120px; width:150px;
z-index:100;}

html>body .menu1 ul ul ul li a {width:130px;}
html>body .menu1 ul ul ul li a:hover {width:130px;}

/* make the second level visible when hover on first level list OR link */
.menu1 ul li:hover ul,
.menu1 ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu1 ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu1 ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu1 ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu1 ul :hover ul :hover ul :hover ul { 
visibility:visible;}