/* common styling */
/* set up the overall width of the menu div, the font and the margins */
.nav {
width:791px; height:41px; position:absolute; left:-58px; top:0; background:url(../Images/navbgj.jpg) left top no-repeat; z-index:2
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.nav ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.nav ul li {
 width:95px; height:41px; float:left; display:block; text-align:center; background:url(../Images/navline.jpg) right top no-repeat; position:relative;
}

#last{ background:none;}

/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.nav ul li a, .nav ul li a:visited {
width:95px; height:41px; float:left; display:block; line-height:41px; text-decoration:none; color:#000000; font-size:13px; font-weight:bold; overflow:hidden;
}
/* make the dropdown ul invisible */
.nav ul li ul {
display: none;
}
.nav ul li ul li{ width:120px;}
.nav ul li ul li a, .nav ul li ul li a:visited{ width:120px;}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.nav ul li:hover a {
color:#fff; 
background:url(../Images/pointin.jpg) left top no-repeat;
}
.nav ul li a.on {
color:#fff; 
background:url(../Images/pointin.jpg) left top no-repeat;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.nav ul li:hover ul {
display:block; 
position:absolute; 
top:41px; 
left:-20px; 
width:120px;
z-index:999;
}
.nav ul li:hover ul li{
width:120px;
height:27px;
z-index:999;
}
/* style the background and foreground color of the submenu links */
.nav ul li:hover ul li a {
display:block; 
background:url(../Images/endown.jpg) left top no-repeat;
color:#fff;
width:120px;
height:27px;
line-height:27px;
font-size:12px;
font-weight:normal;
}
.nav ul li:hover ul li a span{ font-size:12px; display:block; width:120px;}
/* style the background and forground colors of the links on hover */
.nav ul li:hover ul li a:hover {
color:#000;
line-height:27px;
width:120px;
height:27px;
font-size:12px;
font-weight:normal;
}
#first{ width:126px; height:41px; float:left; display:block; }
#first a{ width:71px; height:41px; float:left; display:block; line-height:41px;  text-decoration:none; color:#000000; font-size:13px; font-weight:bold; padding-left:55px;}
#first a:hover{color:#FFFFFF; background:url(../Images/firbg.jpg) left top no-repeat;}
#last{ background:none;}
.navbg{position:absolute; left:-22px; top:41px; width:755px; height:21px;background:url(../Images/navbg.jpg) left top no-repeat; z-index:1}

#nav_0{width:126px; height:41px; float:left; display:block; }
#nav_0 a{ width:71px; height:41px; float:left; display:block; line-height:41px;  text-decoration:none; color:#000000; font-size:13px; font-weight:bold; padding-left:55px;}
#nav_0 a:hover{color:#FFFFFF; background:url(../Images/firbg.jpg) left top no-repeat;}
#nav_0 a.on{color:#FFFFFF; background:url(../Images/firbg.jpg) left top no-repeat;}