/* main menu look */
	
ul.menu
	{
	list-style:none;
	margin:0;
	padding:0;
	}
	
ul.menu *
	{
	margin:0;
	padding:0;
	}
	
ul.menu a
	{
	display:block;
	color:#FFFFFF;
	background:#242756;
	text-decoration:none;
	}
	
ul.menu li 
	{
	position:relative;
	float:left;
	font:12px arial,helvetica;
	margin:0;
	}
	
ul.menu ul 
	{
	position:absolute;
	background:#242756;
	display:none;
	list-style:none;
	}
	
ul.menu ul li {
	position:relative;
	font:11px arial,helvetica;
	margin:0;
	}

/* this determines the submenu look */
	
ul.menu ul li a 
	{
	display:block;
	padding:6px;
	margin:0;
	border:1px solid #9b9bb2;
	background:#242756;
	z-index:999;
	}

ul.menu ul ul 
	{
	left:148px;
	top:-1px;
	}

ul.menu .menulink
	{
	border-top-width:0;
	border-left-width:0;
	border:1px solid #9b9bb2;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
	}

ul.menu ul li a:hover,	
ul.menu .menulink:hover,
ul.menu .menuhover 
	{
	background:#0782bf;
	color:#FFFFFF;
	cursor:hand;
	text-decoration:none;
	z-index:999;
	}

ul.menu .sub 
	{
	background:#242756;	
	}

.wid1
	{
	width:107px;
	border-top-width:0;
	}

.wid2
	{
	width:147px;
	border-top-width:0;
	}

.wid3
	{
	width:157px;
	border-top-width:0;
	}

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.menu iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.menu li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}


/* navigation in the top right corner */

#topRightNav
	{
	display:block;
	float:right;
	width:451px;
	height:32px;
	margin-top:8px;
	text-align:right;
	}
	
.topRightNav ul
	{
	margin: 0;
	padding: 0;
	cursor: default;
	}

.topRightNav li
	{
	list-style:none;
	display:inline;
	}
	
.topRightNav li a
	{
	font:11px arial,helvetica;
	color:#FFFFFF;
	}

.topRightNav li a:hover
	{
	color:#ffffff;
	cursor:hand;
	text-decoration:none;
	}
	
.donate
	{
	font:11px arial,helvetica;
	color:#FFFFFF;
	background:#0782bf;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:6px;
	padding-right:6px;
	}
	
	
/* sidebar navigation */

.sideNav,
.sideNavB,
.sideNavChosen,
.sideNavNoLink
	{
	display:block;
	width:165px;
	height:100%;
	margin:0;
	margin-top:6px;
	margin-bottom:6px;
	padding-left:10px;
	padding-right:0;
	padding-top:6px;
	padding-bottom:6px;
	font:12px arial,helvetica;
	line-height:16px;
	}
		
.sideNavChosen
	{
	color:#FFFFFF;
	font-weight:bold;
	background:url(http://www.tapsystem.org/img/side_nav_background.gif) no-repeat;
	}

.sideNavB,
.sideNavNoLink
	{
	font-weight:bold;
	}

.sideNavSub
	{
	display:block;
	width:155px;
	height:100%;
	margin:0;
	margin-left:10px;
	margin-top:6px;
	margin-bottom:6px;
	padding-left:10px;
	padding-right:0;
	padding-top:6px;
	padding-bottom:6px;
	font:12px arial,helvetica;
	line-height:14px;
	}
	
.sideNavSubChosen
	{
	display:block;
	width:155px;
	height:100%;
	margin:0;
	margin-top:6px;
	margin-bottom:6px;
	padding-left:20px;
	padding-right:0;
	padding-top:6px;
	padding-bottom:6px;
	font:12px arial,helvetica;
	line-height:14px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(http://www.tapsystem.org/img/side_nav_sub_background.gif) no-repeat;
	}

A.sideNavSub:hover
	{
	background:#0782bf;
	color:#FFFFFF;
	cursor:hand;
	text-decoration:none;
	}
	
A.sideNav:hover,
A.sideNavB:hover,	
A.sideNavChosen:hover,
A.sideNavSubChosen:hover
	{
	color:#FFFFFF;
	cursor:hand;
	text-decoration:none;
	}
	
A.sideNav:hover,
A.sideNavB:hover
	{
	background:#0782bf;
	}