﻿/* below style padding was changed from 14px 34px 18px 0px which worked with a size 8pt font in both 
Firefox and IE to 13px below for the 10pt font to show correctly in both browsers */
.chromestyle ul				{padding: 13px 34px 18px 0px;} 
.chromestyle ul				{text-align: right;}  /*set value to "left", "center", or "right"*/												

.chromestyle ul li a		{padding: 13px 34px 18px 0px;}
.chromestyle ul li a:hover	{padding: 13px 34px 18px 0px;}

.dropmenudiv				{border: 1px solid #665; margin-left:-18px;}
.dropmenudiv				{background-color: #D3D3D3;}
.dropmenudiv a:hover        {background-color: #A7A7A7;}
.dropmenudiv a:active       {background-color: #D3D3D3;}
.dropmenudiv a:visited      {background-color: #D3D3D3;}
.dropmenudiv a:link         {background-color: #D3D3D3;}


/* Vertical_Menu */

.Vertical_Menu				{width: 198px; margin: 0px; padding: 12px 0px 20px 0px;}
.Vertical_Menu li a 		{height: 18px; voice-family: "\"}\""; voice-family: inherit; height: 18px;}	
.Vertical_Menu li a:visited {padding:3px 0px 0px 20px;}						
.Vertical_Menu li a:link 	{padding:3px 0px 0px 20px;}				
.Vertical_Menu li a:hover 	{padding:3px 0px 0px 20px;}

			


/*//////////////Style for Horizontal Menu buttons//////////////////*/

.chromestyle{font-weight: bold;}

.chromestyle:after{ 
	/*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromestyle ul{
	border: 0px solid #BBB; 
	width: 100%; 
	margin:  0px 0px 0px 0px; 
	text-indent: 0px; 
	background: url("../graphics/menu_bg.gif");
} /*THEME CHANGE HERE*/

.chromestyle ul li{
	display: inline; 
	margin: 0px 0px 0px 0px;
}

.chromestyle ul li a{
	text-decoration: none;
	border-right: 0px solid #0C193F;
	background: url("../graphics/menu_bg_right.gif"); 
	background-position: top right; 
	background-repeat: no-repeat;/*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover{
	width:200px;
	text-decoration: none;
	border-right: 0px solid #0C193F;
	background: url("../graphics/menu_bg_over.gif");
	background-position: top right; 
	background-repeat: no-repeat;/*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel] {
	background-image: url(../graphics/arrow.gif); 
	background-position: 100% 45% ;
}

.chromestyle ul li a:hover[rel] { 
	background-image: url(../graphics/arrow_hover.gif); 
	background-position: 100% 45% ;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{position:absolute;top: 0;border-bottom-width: 0;line-height:14px;z-index:100;width: 200px;visibility: hidden;}

.dropmenudiv a{width: auto;display: block;border-bottom: 1px solid #322F17; /*THEME CHANGE HERE*/padding: 2px 0;}

* html .dropmenudiv a{ /*IE only hack*/width: 100%;}

.menuAlignment 				{padding: 0px 0px 0px 0px;} ul.myVerticalMenu {list-style: none;margin: 0;padding: 0;} img {border: none;} 



.Vertical_Menu li a:visited {display: block; background: url('../graphics/vertical_menu.jpg');}						
.Vertical_Menu li a:link 	{display: block; background: url('../graphics/vertical_menu.jpg');}		
.Vertical_Menu li a:hover 	{background: url('../graphics/vertical_menu.jpg') 0 -20px;}