@charset "UTF-8";


	
/* The outermost container of the Menu Bar, an auto width box with no margin or padding-primary upprmost box of nav buttons */ 
ul.MenuBarHorizontal{
	width:1000px;
	display:block;
    margin-left:auto;  
	margin-right:auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 80px;    /* fakes pushing it to the right after deleting contact */
	padding-bottom:50px;
	 /* fakes a center justify */
	
	margin-bottom: 35px; /* a bump away from logo larger */

}



/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}


/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li

{
    list-style-type:none;
    cursor: pointer;
	width: 130px;
	float:left;
	text-align:center;
	}



/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{   margin:0;
	padding: 0; 
	list-style-type: none;
    z-index: 1020;
	cursor: default;
	width: 110px;
	position: absolute;
	left: -1000em;
	
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 130px;}


/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 18% 0 0 95%;
	
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
	
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* top level Menu items are a black on air with padding and no text decoration */
ul.MenuBarHorizontal a
{   font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#000;
	display: block;
	cursor: pointer;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	text-decoration: none;
	
    border:1px;
    border-style:solid;
    border-color:#ffffff;
	}



/*  HOVER top level Menu items are a gray on air*/
ul.MenuBarHorizontal a:hover
{color:#666;
	}

ul.MenuBarHorizontal a:visited/*   top level Menu items are a deep red on air on active and focus*/
{color:#000;
	}


ul.MenuBarHorizontal .dropdown{    /*Styling of the submenus-nearly same as the top menus-smaller font, less padding left for text*/


color:#000; /*black text of dropdown menus*/
padding-top: 0.5em;
padding-right: 0.3em;
padding-bottom: 0.5em;
padding-left: 0.3em;
background-color:#CCC;  /*pale gray background of dropdown menus*/
font-size:12px;

border-right: 0px;
border-bottom:2px;
border-left: 0px;

border-style:solid;
border-color:#ffffff;}

ul.MenuBarHorizontal .dropdown:hover{    /*Styling of the submenus-nearly same as the top menus-smaller font, less padding left for text*/
color:#666;  /*gray text of dropdown menus on hover*/
background-image:url(images/submenu-hover.jpg);
}


ul.MenuBarHorizontal .dropdownspacer{
line-height: 99%;
background-color:#FFF;
color: #790303; }

ul.MenuBarHorizontal .dropdownspacer:hover{ /* VISUAL ART TOP CATEGORIES  */

line-height: 99%;
background-color:#FFF;
color: #790303; }







a.MenuBarItemHover, a.MenuBarItemvisited{
	color:#666;}
  /* submenus  HOVER are set with glimmer background on hover  */
background-image:url(images/submenu-hover.jpg);




ul.MenuBarHorizontal iframe {
position : absolute;
z-index : 1010;
} 

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* 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.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
		background-color:#87a132;
	}
}