/**
 * Navigation styling
 */
#menu {
	height: 34px;
	list-style: none;
    padding-top: 9px;
    padding-left: 8px;
	position: relative;
    z-index: 2000;
    background: transparent url(../images/main_nav_bg.gif) no-repeat 0 0;
}
#main_nav {
	margin: 0;
	padding: 0;
	height: 34px;
	list-style: none;
	float: left;
	position:absolute;
}
#main_nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
    background-image: none;
}
#main_nav a {
	float: left;
	padding: 34px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:34px; /* for IE5/Whin only */
}
#main_nav a:hover,
#main_nav a:focus,
#main_nav a.hover {
    background-position: 0 -34px;
}
#main_nav a:active,
#main_nav a.current,
#main_nav a.selected {
    background-position: 0 -68px;
}
a#nav-home  { width: 36px; background: url(../images/nav_home.gif) no-repeat 0 0; }
a#nav-watch-online  { width: 125px; background: url(../images/nav_watch_online.gif) no-repeat 0 0; }
a#nav-national  { width: 72px; background: url(../images/nav_national.gif) no-repeat 0 0; }
a#nav-finance  { width: 72px; background: url(../images/nav_finance.gif) no-repeat 0 0; }
a#nav-sport  { width: 56px; background: url(../images/nav_sport.gif) no-repeat 0 0; }
a#nav-sci-tech  { width: 72px; background: url(../images/nav_sci_tech.gif) no-repeat 0 0; }
a#nav-weather  { width: 75px; background: url(../images/nav_weather.gif) no-repeat 0 0; }
a#nav-odd  { width: 46px; background: url(../images/nav_odd.gif) no-repeat 0 0; }

a#nav-regions
{ width: 106px; background: url(../images/nav_regions.gif) no-repeat 0 0; }

li.jdm_active a#nav-regions,
li.jdm_hover a#nav-regions
{ width: 106px; background: url(../images/nav_regions.gif) no-repeat 0 -34px; }

a#nav-your-say  { width: 99px; background: url(../images/nav_your_say.gif) no-repeat 0 0; }
a#nav-blogs  { width: 78px; background: url(../images/nav_blogs.gif) no-repeat 0 0; }
a#nav-photo-galleries  { width: 136px; background: url(../images/nav_photo_galleries.gif) no-repeat 0 0; }




/*-- Dropdown section --*/
ul.jd_menu ul {
	display: none;
	left:-1px !important;
}
#main_nav li ul { 
    position: absolute;
    border-right: 1px solid #6a6a6a;
    border-left: 1px solid #6a6a6a;
    border-bottom: 1px solid #6a6a6a;
    background-color: #fff; 
	width: 105px;
    top: 34px;
    left: -1px; /*-105px */
}
#main_nav li:hover ul,
#main_nav li.over ul {
	display: block;
	z-index: 2;
}
#main_nav ul li {
    padding: 0 13px !important;
	width: 80px;
}
#main_nav ul li a {
	float: left;
	width: 80px;
	background: none !important;
	border-bottom: 1px dotted #cccbcb;
	line-height: 24px;
	height: 24px !important;
    text-align: left;
	height /**/:24px; /* for IE5/Win only */
}
#main_nav ul li a:link,
#main_nav ul li a:visited,
#main_nav ul li a:active {
    font-size: 12px;
    color: #4a4a4a;
    padding: 0;
    background-image: none !important;
}
#main_nav ul li a.last {
    border-bottom: none;
}
#main_nav ul li a.first {
	border-top: 1px dotted #cccbcb;
}
#main_nav ul li a:hover {
	text-decoration: underline;
}