@charset "UTF-8";

/* SpryMenuBarHoriz.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/*----------------- The outermost container of the Menu Bar-------------------*/

ul.MenuBarHoriz
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: auto;
	border: 0;
}

.ie ul.MenuBarHoriz
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: auto;
}

/* -----------Menu items in the outermost container (main menu) ------------- */

ul.MenuBarHoriz li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
}

.ie ul.MenuBarHoriz li
{
	padding: 0;
	 /*list-style-type: none;*/
	font-size: 90%; 
	position: relative;
	text-align: center; 
	cursor: pointer;
	float: left;
}

/* ---Subs below parent with higher z-index, off left side -1000em [letters]------*/

ul.MenuBarHoriz ul
{
	margin: -25% 0 0 -5%;
	padding: 26px 0px 0px 0px;
	list-style-type: circle;
	z-index: 1020;
	cursor: default;
	position: absolute;
	left: -1000em;
	background-image: url(http://spauldingcommunications.com/wp-content/themes/Cutline-2.2/images/dropdown.gif);
	opacity: .8;
	filter:Alpha(opacity=80);
	background-repeat: no-repeat;
	height: 150px;	 /* with height shows ball image */ 
}

.ie ul.MenuBarHoriz ul /*----------------- position of ball----------------------*/ 
{
	margin: -5px 0px 0px -40px;  /*margin: -5px 0px 0px -15px; */
	padding: 25px 0px 0px 20px;   /* padding: 0px; */
	/*list-style-type: none;*/
	z-index: 1020;
	cursor: default;
	width: 145px;     /* width: 100px; */
	position: absolute;
	left: -1000em;
	height: 150px;	 /* with height shows ball image */
	text-align: center;
}

ul.MenuBarHoriz ul a
{
	text-decoration: none;
	color: #FFFFFF;
	border: 0;
}

/* ---MenuBarSubVis set left to auto so comes on screen below parent menu item------*/

ul.MenuBarHoriz ul.MenuBarSubVis
{
	left:-2em; 
}

.ie ul.MenuBarHoriz ul.MenuBarSubVis /* background box of ball */ 
{
	left: auto;
}

/*----------- Menu item containers same fixed width as parent -----------------------*/

ul.MenuBarHoriz ul li
{
	width: 140px;
	padding-top: 8px;
	margin-top: 2px; /* added for testing */
	text-align: center; /*   */ 
}

.ie ul.MenuBarHoriz ul li  
{
	width: 95px;  /* width: 100px; */ 
	background-color: transparent; /* added for testing */ 
}

.ie ul.MenuBarHoriz li ul li a
{
	padding: 3px;
	/* background-color: #062d64; (deep blue) */  
	 /*  margin-top: 40px;added for testing */ 
}

/* -----Subs should appear slightly overlapping to the right (95%) and up (-5%)----- */

/*	ul.MenuBarHoriz ul ul
{
	position: absolute;
	
}

.ie ul.MenuBarHoriz ul ul
{
	position: absolute;
margin: -40% 0 0 95%;  margin: -25% 0 0 95%;  
}*/ 

/* -----Sub showing with class MenuBarSubVis set left to 0 so comes on screen------- */

 /* ul.MenuBarHoriz ul.MenuBarSubVis ul.MenuBarSubVis
{
    left: auto;
	top: -40px; 
}

.ie ul.MenuBarHoriz ul.MenuBarSubVis ul.MenuBarSubVis
{
	left: auto;
	top: 40px;top: 0;
} */  

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* -------------------------- Sub containers (position of the ball)----------------- */

ul.MenuBarHoriz ul
{
	margin: 30px 0 0 -20%;
}

.ie ul.MenuBarHoriz ul /* */
{
  /*border: solid #cecac3 1px;*/
}

/* --------main Menu items-----------------------------------------------------------*/

ul.MenuBarHoriz a
{
	display: block;
	cursor: pointer;
	border: 0;
}

.ie ul.MenuBarHoriz a
{
	display: block;
	cursor: pointer;
	text-decoration: none;
	color: #cecac3;
}

/* -------------------Menu mouseOver, hover or focus--------------------------------- */

ul.MenuBarHoriz a:hover, ul.MenuBarHoriz a:focus
{
	color:#DAA930;
    opacity: 100;
    filter:alpha (opacity=100);
}

.ie ul.MenuBarHoriz a:hover, .ie ul.MenuBarHoriz a:focus
{
	/* background-color: #8296B1; */
	color: #DAA930;
}

.ie ul.MenuBarHoriz a.MenuBarItemHover, .ie ul.MenuBarHoriz a.MenuBarItemSubHover, .ie ul.MenuBarHoriz a.MenuBarSubVis
{
	color: #fff;
}

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

 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.MenuBarHoriz iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

.ie ul.MenuBarHoriz iframe
{
	position: absolute;
	z-index: 1010;
	opacity: .8;
    filter:Alpha(opacity=80);	
}

/* 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.MenuBarHoriz li.MenuBarItemIE
{
	display: inline;
	f\loat: left;
	background: #FFF;
	}
}

[if IE]>
<style type="text/css"> 
 
ul.MenuBarHoriz ul.MenuBarSubVis ul
{
    margin-left:50px;
}
 
</style>
<![endif]


/* active Menu Bar z-index IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */

ul.MenuBarActive
{
	z-index: 1000;
}


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

 Opacity test for sub-items

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



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}


 */