/************************************************
*	Navbar      								*
************************************************/	
/*begin creating the tabs */
.menuItem 
{
	width: 100px;
	height: 35px;
					
}

.menuItem td
{
	padding: 10px 15px 10px 15px;	
}

.menuItem a:link, .menuItem a:visited 
{
	color: #ffffff;
	border-top: 1px solid #666666;
	padding: 3px;
	height: 35px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	text-transform: uppercase; 
}

/* set tab1 as top level container table, then target TDs inside*/
.menu {
	background: url(./images/navbar.gif) repeat-x center;
	text-align: center;	
	width: 600px;
	height: 34px;
}

/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem  td 
{
	background: #000000 url(./images/navhov.gif);
	color: #FFFFFF;
	padding: 10px 15px 10px 15px;				
}

/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem a:link, .menuSelectedItem a:visited {
	text-transform: uppercase;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	text-decoration: none;
	font-weight: normal;
	color: White;		
}

.menuItemHover
{
	padding-top: auto;	
}

.menuItemHover td
{
	background: url(./images/navhov.gif);	
	
}

/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) 
.menuItem a:hover {
	background: #FFFFFF url(./images/navhov.gif);	
}*/

/* make drop down menu container style */
.menuPopup {	
	text-align: center;		
	border: 0 0 0 0;	
}

/* make drop down menu item style */
.menuPopupItem 
{	
	background: url(./images/navbar.gif) repeat-x center;
	text-transform: uppercase;		
	text-decoration: none;
	font-weight: normal;
	color: White;	
	padding: 0px 3px 0px 3px;
	width: 250px;
	border-top-color: Gray;
	border-top-style: solid;
	border-top-width: 1px;
}

.menuPopupItem td
{
	height: 34px;		
}

.menuPopupHover
{
	width: 250px;
	background: #000000 url(./images/navhov.gif) repeat-x center;	
	border-top-color: Gray;
	border-top-style: solid;
	border-top-width: 1px;
}

.menuPopupHover td
{
	height: 34px;
	background: url(./images/navhov.gif);	
}

/* make current tab gray,set the background-color also in case images are not on*/
.menuPopupSelectedItem td {
	background: no-repeat #919191;
}