@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%;


	cursor: default;


	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;


	cursor: pointer;


	width: 30px;


	float: left;
	


		}


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


	cursor: default;


	width: 20px;


	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:20px;


}


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


ul.MenuBarHorizontal ul ul


{


	position: absolute;


	margin: -5% 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





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





/* Submenu containers have borders on all sides */


ul.MenuBarHorizontal ul


{


	border: 1px solid #CCC;


}


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


ul.MenuBarHorizontal a


{


	display: block;


	cursor: pointer;


	background-color: #EEE;


	padding: 0;


	color: #333;


	text-decoration: none;
	
	


	


}


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


	background-image: url(../images/mathmonkey_template_1_01.jpg);

width:214px;
	height: 151px;
	list-style:none;

	border:none


}








.button1 { 


background: url(../images/Untitled-1_01.jpg);


height: 151px;


	width: 102px;


	background-repeat:no-repeat;


	border:none;
	list-style:none;
display:block

	 }


.button1 a:link, .button1 a:visited, .button1 a:active{


	background-image: url(../images/mathmonkey_template_1_02.jpg);

	height: 151px;


	width: 102px;


	background-repeat:no-repeat;


	border:none;
	list-style:none;
display:block

}





.button1 a:hover, .button1 a:focus{


	background-image: url(../images/Untitled-1_01.jpg);


	height: 151px;


	width: 102px;


	background-repeat:no-repeat;


	border:none;
display:block;
list-style:none;
}








.button2 { 


background: url(../images/Untitled-1_02.jpg); 


height: 151px;


	width: 102px;


	background-repeat:no-repeat;


	border:none;
	list-style:none;


	}

.button2 a:link, .button2 a:visited, .button2 a:active, .button2 a:focus{


	background-image: url(../images/mathmonkey_template_1_03.jpg);


	height: 151px;


	width: 102px;


	background-repeat:no-repeat;


	border:none;
	display:block


}


.button2 a:hover {


	background-image: url(../images/Untitled-1_02.jpg);


	height: 151px;


	width: 102px;


	background-repeat:no-repeat;


	border:none;
display: block

}

.subButton2 {
	display: block
}

.subButton2 a:link, .subButton2 a:visited, .subButton2 a:active{


background:none;


height:20px;


width:100px;


background-color:#f0a200;


font-size:12px;


color:#000000;


font-family: Verdana, Arial, Helvetica, sans-serif;


border-style:groove;


}





.subButton2 a:hover {


background:none;


height:20px;


width:100px;


background-color:#df5028;


border-style:groove;


}





.button3 { 


background: url(../images/Untitled-1_03.jpg);


height: 151px;


	width: 101px; 


	background-repeat:no-repeat;


	border:none;
	list-style:none;}








.button3 a:link, .button3 a:visited, .button3 a:active, .button3 a:focus{


	background-image: url(../images/mathmonkey_template_1_04.jpg);


	height: 151px;


	width: 101px;


	background-repeat:no-repeat;


	border:none


}





.button3 a:hover {


	background-image: url(../images/Untitled-1_03.jpg);


	height: 151px;


	width: 101px;


	background-repeat:no-repeat;


	border:none


}





.subButton3 a:link, .subButton3 a:visited, .subButton3 a:active{


background:none;


height:20px;


width:140px;


background-color:#f0a200;


font-size:12px;


color:#000000;


font-family:Verdana, Arial, Helvetica, sans-serif;


border-style:groove;


}





.subButton3 a:hover {


background:none;


height:20px;


width:140px;


background-color:#df5028;


border-style:groove;


}





.button4 { 


background: url(../images/Untitled-1_04.jpg);


height: 151px;


	width: 103px;


	background-repeat:no-repeat;


	border:none;
	list-style:none; }








.button4 a:link, .button4 a:visited, .button4 a:active, .button4 a:focus{


	background-image: url(../images/mathmonkey_template_1_05.jpg);


	height: 151px;


	width: 103px;


	background-repeat:no-repeat;


	border:none


}





.button4 a:hover {


	background-image: url(../images/Untitled-1_04.jpg);


	height: 151px;


	width: 103px;


	background-repeat:no-repeat;


	border:none


}





.button5 { 


background: url(../images/Untitled-1_05.jpg); 


height: 151px;


	width: 102px;


	background-repeat:no-repeat;


	border:none;
	list-style:none;}








.button5 a:link, .button5 a:visited, .button5 a:active, .button5 a:focus{


	background-image: url(../images/mathmonkey_template_1_06.jpg);


	height: 151px;


	width: 102px;


	background-repeat:no-repeat;


	border:none


}





.button5 a:hover {


	background-image: url(../images/Untitled-1_05.jpg);


	height: 151px;


	width: 102px;


	background-repeat:no-repeat;


	border:none


}





.subButton5 a:link, .subButton5 a:visited, .subButton5 a:active{


background:none;


height:20px;


width:100px;


background-color:#f0a200;


font-size:12px;


color:#000000;


font-family:Verdana, Arial, Helvetica, sans-serif;


border-style:groove;





}





.subButton5 a:hover {


background:none;


height:20px;


width:100px;


background-color:#df5028;


border-style:groove;


}





.button6 { 


background: url(../images/Untitled-1_06.jpg); 


height: 151px;


	width: 101px;


	background-repeat:no-repeat;


	border:none;
	list-style:none;}








.button6 a:link, .button6 a:visited, .button6 a:active, .button6 a:focus{


	background-image: url(../images/mathmonkey_template_1_07.jpg);


	height: 151px;


	width: 101px;


	background-repeat:no-repeat;


	border:none


}





.button6 a:hover {


	background-image: url(../images/Untitled-1_06.jpg);


	height: 151px;


	width: 101px;


	background-repeat:no-repeat;


	border:none


}





.button7 { 


background: url(../images/Untitled-1_07.jpg); 


	height: 151px;


	width: 104px;


	background-repeat:no-repeat;


	border:none;
	list-style:none;}








.button7 a:link, .button7 a:visited, .button7 a:active, .button7 a:focus{


	background-image: url(../images/mathmonkey_template_1_08.jpg);


	height: 151px;


	width: 104px;


	background-repeat:no-repeat;


	border:none


}





.button7 a:hover {


	background-image: url(../images/Untitled-1_07.jpg);


		height: 151px;


	width: 104px;


	background-repeat:no-repeat;


	border:none


}





.button8{


	background-image: url(../images/mathmonkey_template_1_09.jpg);


	height: 151px;


	width: 31px;


		background-repeat:no-repeat;
	list-style:none;


}








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


		f\loat: left;


		background: #FFF;


	}


}