.miframe{
	position:absolute;
	top:0px;
	left:0px;
	width:98%;
	height:98%;
	z-index:-1;
	border:0px;
	background-color:white;
	-moz-opacity:.5;
	filter:alpha(opacity=5);}
TD.menu{
	height:30px;
	padding-top:2px;
	background:url(../_gfx/menu_bg.gif) repeat-x top center;}
TD.menuon{
	height:30px;
	padding-top:2px;}
A.menu{
	display:block;
	padding-top:6px;
	text-align:center;
	padding-bottom:8px;
	font-family:Tahoma,Arial,Verdana,Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:White;
	text-decoration:none;}
A.menuon{
	display:block;
	height:28px;
	font-family:Tahoma,Arial,Verdana,Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;	
	color:#21467B;
	text-decoration:none;}
A.submenu{
	color:#ffffff;
	font-size:10px;
	font-family:Tahoma;
	text-decoration:none;
	display:block;
	padding-top:4px;
	height:17px;}
DIV.submenu{
	color:#ffffff;
	font-size:10px;
	font-family:Tahoma;
	text-decoration:none;
	display:block;
	padding-top:4px;
	height:17px;}
A.submenu:hover{background:url(../_gfx/submenu_arrow.gif) no-repeat top center;}
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu{
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	margin-left:-2px;
	margin-top:-1px;}
/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content{position:absolute;}
/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items{
	position:relative;
	left:0px; 
	top:0px;
	z-index:2;
	border:1px solid black;
	padding-bottom:1px;}
.transMenu.top .items{
	border:1px solid black;
	border-top:0px;}
td.item{width:149px;}
/* This is the CSS for each RED menu Item */
div.DivItemOut{
	background:url(../_gfx/SecondMenuTop.gif) no-repeat;
	width:149px;}
div.DivItemOut:hover{
	background:url(../_gfx/SecondMenuTop_on.gif) no-repeat;
	width:149px;
	cursor:pointer;}
div.DivItemIn{
	background:url(../_gfx/SecondMenuBottom.gif) no-repeat bottom;
	padding-left:15px;
	padding-top:4px;
	padding-bottom:4px;}
div.DivItemOut:hover div.DivItemIn{
	background:url(../_gfx/SecondMenuBottom_on.gif) no-repeat left bottom;
	cursor:pointer;
	color:#fff;}
div.DivItemIn span {padding-right:15px;}
/* This is the CSS for each BLUE menu Item */
div.DivItemOut2{
	background:url(../_gfx/SecondMenuTop.gif) no-repeat;
	width:149px;}
div.DivItemOut2:hover{
	background:url(../_gfx/SecondMenuTop_on2.gif) no-repeat;
	width:149px;
	cursor:pointer;}
div.DivItemIn2{
	background:url(../_gfx/SecondMenuBottom.gif) no-repeat bottom;
	padding-left:15px;
	padding-top:4px;
	padding-bottom:4px;}
div.DivItemOut2:hover div.DivItemIn2{
	background:url(../_gfx/SecondMenuBottom_on2.gif) no-repeat left bottom;
	cursor:pointer;
	color:#000;}
div.DivItemIn2 span{padding-right:15px;}
/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background{
	position:absolute;
	left:0px; 
	top:0px;
	z-index:1;
	-moz-opacity:.95;
	filter:alpha(opacity=95);}
.transMenu .item img{margin-left:10px;}
.menudots{background:url(../_gfx/SecondMenuTop.gif) repeat-x;}