#pad {height:140px;}
/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:0px;}
#menu li a {
	display:block;
	float:left;
	height:25px;
	line-height:25px;
	color:	#2A91C1;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:0 20px 0 10px;
	background-color: #BEE3F8;
}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {
	z-index:200;
	position:relative;
	color:#BEE3F8;
	background-color:#2A91C1;
}
#menu li:hover {position:relative; z-index:200;}

/* Top level Hover colours */
#menu li:hover > a {
	color:#FFF;
	background-color: #2A91C1;
}

#index li.index a.sub,
#about li.about a.sub,
#future li.future a,
#history li.history a,
#history li.history a.sub,
#dogs li.dogs a.sub,
#links li.links a,
#photo li.photo a,
#contact li.contact a
{
	color:	#BEE3F8;
	background-color: #2A91C1;
	border-top:0px solid #4D1038;
}


/* Top level styling to have an arrow down when there is only one sub level */
#menu li a.sub {
	background: no-repeat right center;
	background-color: #BEE3F8;
	background-image: url(../images/nav_arrows/down-arrow.gif);
}


/* Top level Hover colour when there is a single level sub */
#menu li:hover > a.sub {
	color:#FFF;
		background-color:	#2A91C1;
}

#communicate li:hover > a.sub {
	color:#FFF;
	background-color:	#2A91C1;
}

#menu li.current a {
	color:#fff;
}



#menu :hover ul {
	left:0;
	top:25px;
	width:180px;
}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{
	left:140px;
	top:-1px;
	white-space:nowrap;
	width:200px;
	z-index:200;
	height:auto;
}

#menu :hover ul li {
	margin:0; 
	border-left:0px solid #4D1038;
	border-right:0px solid #4D1038;
	border-bottom:1px solid #4D1038;}

/* level 2 colour when there is no level 3 */
#menu :hover ul li a {
	width:170px;
	padding:0;
	text-indent:10px;
	color:#FFF;
	height:30px;
	line-height:30px;
	background-color: #2A91C1;
}

/* level 2 colour when there is level 3 */
#menu :hover ul li a.fly {
	background:url(right-arrow.gif) no-repeat right center;
	background-color: #B5D5FF;
}

/* level 2 HOVER colour when there is no level 3 */
#menu :hover ul :hover {
	background-color:	#BEE3F8;
	color:	#666666;
}

/* level 2 HOVER colour when there is level 3 */
#menu :hover ul :hover a.fly {
	background-color:#FFFF00;
	color:#fff;
}