/* CSS Style for BOMA Menu items
	Assumes menu was wrapped in <div id='menu'></div>
*/
#menu
{	
	height:34px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size: 10pt;
	width:auto;
	padding:0;
	margin:0;	
}

#menu * { font-family:Verdana, Arial, Helvetica, sans-serif; font-variant:small-caps; }

#menu ul
{
	background:#777;
	margin:0;
	padding:0;
	list-style-type:none;
	width: auto;
	height: 34px;
	background: url(../images/menu_bg.jpg) repeat-x;
}

	#menu ul li 
	{	
		position:relative;	
		top: 8px;
		width: 80px;
		display: inline;
		margin:8px 0 0 0;
		padding:0 0 0 15px;
		height: 10px;
		color:#fff;
		z-index: 2;
	}	
		
	#menu ul li a
	{
		text-decoration: none;
		text-align:left;
		color: #666;
		background: transparent;
		margin:0;
		padding:0;
		font-weight:bold;
		font-variant:small-caps;	
	}

	
	#menu ul li ul
	{
		position: absolute;
		background:#777;
		left: 0;
		top: 16px;
		display: none;
		border:none;
		padding:0;
		margin:0;
		height:auto;		
		z-index:2;
	}
	
	#menu ul li ul li
	{
		position:relative;
		background:#777;
		top:0;
		border: none;
		margin:0;
		padding:0;
		z-index: 2;
	}
	
	#menu ul li ul li a
	{ 
		display: block; 
		text-align: left;
		text-decoration: none;
		background:#777;
		color: #fff;		
		border: 1px outset #ccc;
		border-collapse:collapse;
		margin:0;
		padding:0 10px 0 10px;
		font-variant:normal;
		font-size:11px;
		width:250px;
	}

	#menu ul li ul li a:hover { background:#003173;	color:#FFFFFF; }
	#menu ul li:hover a, #menu ul li.over a { color:#fff; }
	
	#menu ul li:hover ul, #menu ul li.over ul { display: block; }
	
/* footer style */
#footer
{
	text-align:center;
	margin:10px 0 10px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#footer ul
{
	background-color:transparent;
	margin:0 0 5px 0;
	padding:0;
	list-style-type:none;
	width: auto;
	height: auto;
}
	#footer ul li
	{
		position:relative;
		width: 110px;
		display: inline;
		margin:0;
		padding:0 10px 0 10px;
		height: auto;
		color:#fff;		
		background: url(../images/divider_footer.gif) no-repeat left top;
	}
	#footer ul li:first-child { background:none; } /* don't want the first list item to have a divider on the left */

	#footer ul li a
	{
		text-decoration:none;
		color:#666;		
		font-weight:bold;
	}
	
	#footer ul li a:hover
	{ color:#003173; }


	#footer a
	{
		text-decoration:none;
	}
	
	#footer a:hover
	{
		color:#0033CC;
	}