/* main menu styles */
.menu {
width: 950px;
height: 40px;
position: relative;
z-index: 100;
font-family: Calibri, "Trebuchet MS", Arial, sans-serif}

/* IE 5.5 hack */
* html .menu {
width: 951px;
w\idth: 950px}

/* edit list styles */
.menu ul {
padding: 0;
margin: 0;
list-style-type: none}

.menu ul ul {width: 149px}

/* float list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float: left;
width: auto;
position: relative}

/* main links style */
.menu a, .menu a:visited {
display: block;
font-size: 95%;
text-decoration: none;
color: #000000;
width: auto;
padding-right: 28px;
padding-left: 28px;
height: 40px;
border: 1px solid #FFFFFF;
border-width: 1px 1px 1px 1px;
background: #9BC1F0;
text-align: center;
line-height: 40px;
font-weight: bold}

/* IE 5.5 hack */
* html .menu a, * html .menu a:visited {
width: 159px;
w\idth: 158px}

/* main links background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: #99CCFF}

/* main links hover */
.menu ul ul a.drop:hover{
background: #000066;
color: #FFFFFF
}

.menu ul ul :hover > a.drop {background: #000066}

/* hide drop-downs with position absolute */
.menu ul ul {
visibility: hidden;
position: absolute;
height: 0;
top: 41px;
left: 0;
width: 159px;
border-top: 1px solid #FFFFFF}

/* IE 5.5 hack */
* html .menu ul ul {
top:30px;
t\op:31px;}

/* style table to remove from layout */
.menu table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse}

/* drop-down links style */
.menu ul ul a, .menu ul ul a:visited {
background: #9BC1F0;
color: #000000;
height: auto;
line-height: 1em;
padding: 5px 10px;
width: 175px;
border-width: 1px 1px 1px 1px}

/* IE 5.5 hack */
* html .menu ul ul a, * html .menu ul ul a:visited {
width: 175px;
w\idth: 173px}

/* drop-down links hover */
.menu a:hover, .menu ul ul a:hover{
color: #FFFFFF;
background: #000066}

.menu :hover > a, .menu ul ul :hover > a {
color: #FFFFFF;
background: #000066}

/* show drop-down when hovering on main */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility: visible}

/* CSS Document */