@charset "UTF-8";





/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */





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





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





 LAYOUT INFORMATION: describes box model, positioning, z-order





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





/* The outermost container of the Menu Bar, an auto width box with no margin or padding */


ul.MenuBarHorizontal



{


	margin: 0;


	padding: 0;


	list-style-type: none;


	font-size: 100%;


	height:auto;


	width: auto;


}


/* 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


{


	margin: 0;


	padding: 0;


	list-style-type: none;


	font-size: 100%;


	position: relative;


	text-align: left;


	width: 160px;


	float: left;
	
	height:auto;
	


		}


/* 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-top: 10px;


margin-left:-5px;





	padding: 0;


	list-style-type: none;


	font-size: 100%;


	z-index: 1020;


	width: 160px;


	position: absolute;


	left: -1000em;
	
	height:auto;


}


/* 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:160px;
	height:auto;


}


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


ul.MenuBarHorizontal ul ul


{


	position: absolute;


	margin: -5% 0 0 95%;
	
	height:auto;


}


/* 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





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





/* Submenu containers have borders on all sides */


ul.MenuBarHorizontal ul


{


	border: 1px solid #CCC;
	height:auto;


}


/* Menu items are a light gray block with padding and no text decoration */


ul.MenuBarHorizontal a


{


	display: block;


	background-color: #EEE;


	padding: 0;


	color: #333;


	text-decoration: none;
	
	height:auto;
	
	


	


}


/* Menu items that have mouse over or focus have a blue background and white text */


/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */





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





 SUBMENU INDICATION: styles if there is a submenu under a given menu item





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


/******* Button 1 *******/
.button1 { 
background: url(../images/button_01.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
list-style:none;
display:block;
}

.button1 a:link, .button1 a:visited, .button1 a:active{
background-image: url(../images/button_01.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
list-style:none;
display:block;
}

.button1 a:hover, .button1 a:focus{
background-image: url(../images/button_over_01.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
display:block;
list-style:none;
}

/******* Button 2 *******/
.button2 { 
background: url(../images/button_02.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
list-style:none;
display:block;
}

.button2 a:link, .button2 a:visited, .button2 a:active{
background-image: url(../images/button_02.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
list-style:none;
display:block;
}

.button2 a:hover, .button2 a:focus{
background-image: url(../images/button_over_02.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
display:block;
list-style:none;
}

/******* Button 3 *******/
.button3 { 
background: url(../images/button_03.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
list-style:none;
display:block;
}

.button3 a:link, .button3 a:visited, .button3 a:active{
background-image: url(../images/button_03.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
list-style:none;
display:block;
}

.button3 a:hover, .button3 a:focus{
background-image: url(../images/button_over_03.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
display:block;
list-style:none;
}


/******* Button 4 *******/
.button4 { 
background: url(../images/button_04.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
list-style:none;
display:block;
}

.button4 a:link, .button4 a:visited, .button4 a:active{
background-image: url(../images/button_04.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
list-style:none;
display:block;
}

.button4 a:hover, .button4 a:focus{
background-image: url(../images/button_over_04.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
display:block;
list-style:none;
}

/******* Button 5 *******/
.button5 { 
background: url(../images/button_05.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
list-style:none;
display:block;
}

.button5 a:link, .button5 a:visited, .button5 a:active{
background-image: url(../images/button_05.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
list-style:none;
display:block;
}

.button5 a:hover, .button5 a:focus{
background-image: url(../images/button_over_05.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
display:block;
list-style:none;
}

/******* Button 6 *******/
.button6 { 
background: url(../images/button_06.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
list-style:none;
display:block;
}

.button6 a:link, .button6 a:visited, .button6 a:active{
background-image: url(../images/button_06.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
list-style:none;
display:block;
}

.button6 a:hover, .button6 a:focus{
background-image: url(../images/button_over_06.jpg);
height: 60px;
width: 140px;
background-repeat:no-repeat;
border:none;
display:block;
list-style:none;
}


/******* subButton3 *******/
.subButton3 a:link, .subButton3 a:visited, .subButton3 a:active{
background-color: #4e5d70;
background-image:none;
color:#FFFFFF;
height:20px;
width:150px;
text-decoration:none;
display:block;
padding:5px;
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
}

.subButton3 a:hover {
background-color:#3a90b1;
}







/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */


/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */





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





 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;


		float: left;


		background: #FFF;


	}


}