/* $Id$ */

/**
 * @file
 * Navigation Styling
 */


/*
 * The active item in a Drupal menu
 */
li a.active {
color:#686868}
li a {
color:#686868}
/*
 * Navigation bar
 */
#navigation {
padding-left: 16px;
position: relative;
top: -38px;
}

.region-navigation {
}

/*
 * Primary and Secondary menu links
 */
#main-menu {
}

#secondary-menu {
}

/*
 * Menu blocks
 */
.block-menu {
}

/*
 * "Menu block" blocks. See http://drupal.org/project/menu_block
 */
.block-menu_block {
}
#navigation li {
width: 140px;
height: 30px;
text-align: center;
padding: 0px;
}





#navigation li.active  a {
	background: url(../images/menu-right-active.png) no-repeat right top;
	display: block;
	width: 105%; 
	height: 100%;
}


#navigation li {
	background: url(../images/menu-left.png) no-repeat left top;
}

#navigation li a {
	background: url(../images/menu-right.png) no-repeat right top;
	display: block;
	width: 100%; 
	height: 100%;
	padding-top: 8px;
}
#navigation li.first.active {
	background: url(../images/menu-left-active-first1.png) no-repeat left top;
	margin: 0px;
	}
#navigation li.first {
	background: url(../images/menu-first-left.png) no-repeat left top;
}

#navigation li.active{
background: url(../images/menu-left-active.png) no-repeat left top;
 height: 28px;
 margin-left: -25px;
}


#navigation li.last a {
	background: url(../images/menu-right-last.png) no-repeat right top;
	display: block;
	width: 100%; 
	height: 100%;
	padding-top: 8px;
	}
	
	#navigation li.last.active a {
	background: url(../images/menu-right-active-last.png) no-repeat right -1px;
	display: block;
	width: 100%; 
	height: 100%;
	}
	
	#navigation li.first.active  a {
	background: url(../images/menu-left-active-first.png) no-repeat left top;
	margin: 0px;
	display: block;
	width: 100%; 
	height: 100%;
}