/* CSS Document */

BODY{
	FONT-FAMILY: Verdana;
	}
.style1 {
	font-size: 10px;
	color: #003868;
}

.style2 {font-size: 11px;
color: #003868;}

.style10 {font-size: 5px}
.style11 {font-size: 36px}
.style15 {
	font-size: 10px;
	color:  #F67A00; 
	font-weight:bold;
	
}

a:link {
	color: #98E6FA;
	text-decoration: none;
}
a:visited {
	color: #98E6FA;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	color: #98E6FA;
	text-decoration: none;
}

#special:link { color: #005CB4; }
#special:visited { color:#005CB4; }
#special:hover { color: #F67A00; }
#special:active {color:#005CB4;}

<!--Form left and right margin set to 1.33 and top and bottom margin to 0-->
<!--FORM {margin: 1.33em 0 } .style8 {font-size: 3px}
.style9 {
	font-size: 10px;
	color: #98E6FA;
	font-weight: bold;
}
-->
<!--For Menu-->
/* style the outer div to give it width */ 
.menu { 
font-size:0.85em; 
padding-bottom:200px;

} 
/* remove all the bullets, borders and padding from the default list styling */ 
.menu ul { 
padding:0; 
margin:0; 
list-style-type:none; 
} 
.menu ul ul { 
width:150px; 
} 
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ 
.menu li { 
float:left; 
position:relative;
 
} 
/* style the links for the top level */ 
.menu a, .menu a:visited { 
display:block; 
font-size:11px; 
text-decoration:none; 
color:#fff; 
width:80px; 
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#3399FF; 
padding-left:10px; 
line-height:29px;
background-image:url(images/index_01.jpg);
} 
/* a hack so that IE5.5 faulty box model is corrected */ 
* html .menu a, * html .menu a:visited { 
width:150px; 
w\idth:139px; 
} 
/* style the second level background */ 
.menu ul ul a.drop, .menu ul ul a.drop:visited { 
background:#66CCFF;
background-image:url(images/index_01.jpg);
 
} 
/* style the second level hover */ 
.menu ul ul a.drop:hover{ 
background:#66CCFF;

} 
.menu ul ul :hover > a.drop { 
background:#3399FF;
 
} 
/* style the third level background */ 
.menu ul ul ul a, .menu ul ul ul a:visited { 
background:#66CCFF; 
background-image:url(images/index_01.jpg);

} 
/* style the third level hover */ 
.menu ul ul ul a:hover { 
background:#66CCFF; 

} 
.menu ul ul ul :hover > a { 
background:#3399FF;

} 
/* 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:31px; 
left:0; 
width:150px; 

} 
/* another hack for IE5.5 */ 
* html .menu ul ul { 
top:30px; 
t\op:31px; 
} 
/* position the third level flyout menu */ 
.menu ul ul ul{ 
left:150px; 
top:0; 
width:150px; 
} 
/* position the third level flyout menu for a left flyout */ 
.menu ul ul ul.left { 
left:-150px; 
} 
/* style the table so that it takes no part in the layout - required for IE to work */ 
.menu table {position:absolute; top:0; left:0;} 
/* style the second level links */ 
.menu ul ul a, .menu ul ul a:visited { 
background:#66CCFF;
color:#FFF; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px 

/* yet another hack for IE5.5 */ 
} 
* html .menu ul ul a{ 
width:150px; 
w\idth:129px; 
} 
/* style the top level hover */ 
.menu a:hover, .menu ul ul a:hover{ 
color:#fff; 
background:#3399FF;

 
} 
.menu :hover > a, .menu ul ul :hover > a { 
color:#fff; 
background:#3399FF;

 
} 
/* make the second level visible when hover on first level list OR link */ 
.menu ul :hover ul { 
visibility:visible; 
} 
/* 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; 
} 
/* keep the fourth level hidden when you hover on second level list OR link */ 
.menu ul :hover 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; 
} 
/* make the fourth level visible when you hover over third level list OR link */ 
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible; 
} 
/* make the fourth level visible when you hover over third level list OR link */ 
.menu ul :hover ul :hover ul :hover ul :hover ul { 
visibility:visible; 
} 

<!--End Menu Style -->