/* CSS Document */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#menu_area {
background-image:url(menu-bg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#FFFFFF;
width:800px;
height:42px;
/*padding-left:10px;
border-bottom:4px solid #008CA7;*/

 }

#menu{
margin: 0;
padding: 0;
float: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width: 100%;
border: 0px solid #8FE0B4;
border-width: 0px 0;

}

#menu ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
      }

#menu li{
display: inline;
}

#menu li a{
float: left;
color: #ffffff;
padding: 12px 11px;
text-decoration: none;
border-right: 0px solid #8FE0B4;
background: #ffffff url(tabcenter-3.gif) top center ;
height:18px;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
    
	#menu li .link {
	background-position:50% 0px;
	}
	
	
	#menu li .link:hover {
	background-position:50% -84px;
	color:#FFFFFF;
	}
	
	
	#menu li .active {
	background-position:50% -42px;
	color:#FF9900;
	}
		
/* ----- Sub menu -----*/

div#nav {
	float:left;
	padding:10px 20px 0px 0px;
	text-align:left;
	width: 200px;
	margin-left: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-right:0px dashed #ff9900;
}

div#nav ul {
	list-style: none;
	margin:0px 0px 0px 0px;
	padding-left:20px;

}

div#nav ul li a {
}

div#nav li {
padding:2px 0 2px 0;
border-bottom:1px dashed #cccccc;
} 
 
div#nav li .link {
	display:block;
	_width:100%; /* IE hack */
background: url(nav-arrow-inactive.gif) no-repeat 2px top;
padding-left:20px;
	text-decoration: none;
	color:#cccccc;
	}
	
div#nav li .link:hover {

	color:#ff9900;
	background: #efefef url(nav-arrow-active.gif) no-repeat 2px top;
	}
	
/*------ ACTIVE LINK -----*/

div#nav li .active {
	display:block;
	_width:100%; /* IE hack */
	text-decoration: none;
	color:#ff9900;
	background: url(nav-arrow-active.gif) no-repeat 2px top;
	padding-left:20px;
	}
	
div#nav li .active:hover {
	color:#ff9900;
	background: url(nav-arrow-active.gif) no-repeat 2px top;
	}

div#nav ul ul li {
padding:2px 0 2px 0;
border-bottom:0px dashed #FF9900;
}


/* ---- Breadcrumb menu ---- */

#breadcrumb {
font-family: Verdana, Arial,  Helvetica, sans-serif;
font-size:10px;
color:#333333;
padding:10px 10px 10px 0px;
}

#breadcrumb a {
color:#666666;
}