@charset "utf-8";
/* CSS Document */



/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/ipad-flyout.html

Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */





ul.toplevel {
	margin:0 0 0 0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	text-align:left;
	border-bottom:1px solid #cccccc;
	position:relative;
	float:left;
	clear:left;
	height:29px;
	width:140px;
	z-index:100;
	background-image: url(graphics/nav-grag.png);
}



ul.toplevel li {margin:0; padding:0; list-style:none;}

ul.toplevel li {display:inline;}

ul.toplevel ul {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:-9999px;
	
	top: 0px;
}



ul.toplevel li a {
	display:block;
	font:normal 11px tahoma,arial,sans-serif;
	line-height:29px;
	text-decoration:none;
	padding:0 10px;
	background-image: url(graphics/nav-grag.png);
	color: #FFFFFF;
} 

ul.toplevel li a.fly {
	background-image: url(graphics/nav-grag.png);
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #B9B9B9;	
}

ul.toplevel ul li a {
	padding:0 10px 0 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9A9A9A;
}



ul.toplevel li a:hover {
	background-image: url(graphics/nav-grag.png);
	
} 

ul.toplevel li:hover > a {
	background-image: url(graphics/nav-grag.png);
	color: #FF4D33;
	
}



ul.toplevel li:hover > ul {
	left:100%;
	margin-top:-30px;
	
}



ul.toplevel a:hover ul,

ul.toplevel a:hover a:hover ul, 

ul.toplevel a:hover a:hover a:hover ul {
	left:100%;

}

ul.toplevel a:hover ul ul, 

ul.toplevel a:hover a:hover ul ul {
	left:-9999px;

}



ul.toplevel table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px;}



ul.toplevel li.close {position:absolute; left:0; top:0; width:20px; height:22px; z-index:-1; overflow:hidden; }

ul.toplevel li.close a {display:block; padding:0; border:0; width:32px; height:32px; background:url(ipad/close.png);}

ul.toplevel li.close a b {position:absolute; left:-9999px;}



#mobile a {
	line-height: 14px;
	font-size: 12px;
	text-decoration: none;
	display: block;	
	padding: 3px 6px 2px 24px;
	color: #000;
}

#mobile a:hover {
	color: #E00;
}

#mobile a:active {
	background-color: #E00;
}

/*

#mobile {
	position: absolute;
	left: -1420px;
	top: -30px;
	border: 1px solid #777;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-image: url(graphics/mobile-button-all.jpg);		
}



*/


#mobile {
	position: absolute;
	left: 421px;
	top: -30px;
	border: 1px solid #777;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-image: url(graphics/mobile-button-all.jpg);
}