/*
	CSS Styles for WebDDM example menu:
		Mac OS X
*/
.drop_container
{
	background-image: url('../images/dropdownbg_hl2.jpg');
	border: 1px solid #401800;
}
.macosx_container
{
	background-image: url('../images/menubg_brown.jpg');
	border: medium none;  /*  1px #000080 solid;  */
}
.drop
{
	background-image: url('../images/dropdownbg2.jpg');
	font-size: 12px;
	font-family: Verdana, Arial; 
	text-align: center;
	font-weight: normal;
	vertical-align: Middle; /* Baseline, Sub, Super, Text-top, Text-bottom, Middle, Top, Bottom, % */
	color: #FDE9AE;
	border-style: none
}
.drop_rollover
{
	background-image: url('../images/dropdownbg_hl2.jpg');
	font-size: 12px;
	font-family: Verdana, Arial; 
	text-align: center;
	color: #FDE9AE; 
	font-weight: normal;
	border-style: none
}
.macosx
{
	background-image: url('../images/menubg_brown.jpg');
	font-size: 12px;
	font-family: Verdana, Arial; 
	text-align: center;
	font-weight: normal;
	vertical-align: Middle; /* Baseline, Sub, Super, Text-top, Text-bottom, Middle, Top, Bottom, % */
	color: #401800;
	border-style: none
}
.macosx_rollover
{
	background-image: url('../images/menubgopen_brown.jpg');
	font-size: 12px;
	font-family: Verdana, Arial; 
	text-align: center;
	color: #401800;
	font-weight: normal;
	border-style: none
}
/* links and images*/
.macosx a:link, .macosx a:visited, .macosx a:hover
{
	color: #401800;
	text-decoration: none;
	display: block;
	line-height: 24px;
}
.macosx_rollover a:link, .macosx_rollover a:visited, .macosx_rollover a:hover
{
	color: #401800;
	text-decoration: none;
	display: block;
	line-height: 24px;
}
.drop a:link, .drop a:visited, .drop a:hover
{
	color: #FDE9AE;
	text-decoration: none;
	display: block;
	line-height: 21px;
}
.drop_rollover a:link, .drop_rollover a:visited, .drop_rollover a:hover
{
	color: #FDE9AE;
	text-decoration: none;
	display: block;
	line-height: 21px;
}
a img
{
	border-style: none;
}