

/* the styling */
#nav {margin:10px 0 0 0; float:left; z-index:100; width:840px; height:25px; background: url(../img/navi-bg.gif) repeat-x scroll left top #da1e24; position:relative; font-size:12px;}
* html #nav {margin:10px 0 0 0; float:left; z-index:100; width:840px; height:25px; background: url(../img/navi-bg.gif) repeat-x scroll left top #ffffff; position:relative; font-size:12px;}
*+html #nav {margin:10px 0 0 0; float:left; z-index:100; width:840px; height:25px; background: url(../img/navi-bg.gif) repeat-x scroll left top #ffffff; position:relative; font-size:12px;}
#nav .select, #nav .current, #nav .select_first, #nav .current_first, #nav .last {margin:0; padding:0; list-style:none; display:block; font-size:12px;}

#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a,
#nav .current a,
#nav .select_first a,
#nav .current_first a {display:block; float:left; text-decoration:none; white-space:nowrap; color:#ffffff; padding:5px 9px 0 9px; marginu-left:9px; height:25px;}
#nav .last {display:block; float:right; text-decoration:none; white-space:nowrap;  color:#ffffff}


* html #nav .select a, 
* html #nav .current a,
* html #nav .select_first a, 
* html #nav .current_first a,
* html #nav .last {width:1px;}

#nav .select a:hover,
#nav .current a:hover {text-decoration:underline;background:url(../img/navi-bg-over.gif) repeat-x left top;}

#nav .current_first a:hover,
#nav .select_first a:hover {background:url(../img/navi-bg-over-first.gif) repeat-x left top;text-decoration:underline;}


#nav .current a {background:url(../img/navi-bg-over.gif) repeat-x left top;}
#nav .current_first a {background:url(../img/navi-bg-over-first.gif) repeat-x left top;}




















