/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-dropline-all-center.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.
=================================================================== */

/***** This Stylesheet contains all Stu Nicholls and CSS Play code for Navigation, Pop-Up Balloons and the Gallery Slideshow *****/

/*The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-dropline-all-center.html*/

/***** Top Navigation *****/
#menu {
	height:66px; 
	background:url(../images/select.gif); 
	text-align:center; 
	border:1px solid #c5d5e8; 
	border-width:1px; 
	margin-top:30px;
} 

#menu ul {
	margin:0; 
	padding:0; 
	list-style:none; 
	white-space:nowrap;
} 

#menu ul {
	display:inline-block;
} 

#menu li {
	display:inline-block; 
	display:inline;
} 

#menu ul.level1 div {
	position:absolute; 
	left:-9999px;
	z-index:+1;
}
 
#menu ul.level1 {
	margin:0 auto;
} 

#menu ul.level1 li.level1-li {
	float:left; display:block; 
	position:relative; 
	padding-top:5px;
	z-index:+1;
} 

#menu ul li div ul {
	margin:0; background:url(../images/trans.gif);
} 

#menu a.level1-a {
	display:block; 
	height:18px; 
	font:bold 11px verdana,arial,sans-serif; 
	color:#ffc; 
	line-height:15px; 
	text-decoration:none;padding:0 10px 0 10px; 
	text-align:center;
} 

#menu ul.level1 li.level1-li a.level1-a {
	float:left;
} 

#menu ul li:hover div {
	left:50%; 
	top:22px; 
	padding-top:0; 
	background:url(../images/trans.gif);
} 

#menu ul li:hover div ul {
	position:relative; 
	left:-50%; 
	padding:7px 0 0 0; 
	margin:0; 
	list-style:none;
	z-index:+1;
} 

#menu ul li div ul li a {
	display:inline-block; 
	font:normal 11px verdana,arial,sans-serif; color:#000; 
	line-height:34px; /*Secondary memu level object height*/
	text-decoration:none; 
	padding:1px 6px 2px 6px;
} 

#menu a:hover div {
	left:0; 
	top:25px;
}
 
#menu a:hover div ul {
	position:relative; 
	left:-50%; 
	padding-top:7px;
	z-index:+1;
}
 
#menu li:hover div ul li {
	display:inline-block;
}

#menu a:hover div ul li a.sub {
	margin-right:4px;
} 

#menu li a.fly {
	background:url(../images/topdown.gif) no-repeat center bottom;
} 

#menu li a:hover, #menu li a.fly:hover {
	white-space:nowrap; 
	color:#fff; 
	border:1px solid #000; 
	padding:0 9px; 
	border-width:0 1px; 
	background:url(../images/over.gif) repeat-x;
}
 
#menu li:hover > a, #menu ul li:hover > a.fly {
	white-space:nowrap; 
	color:#fff; 
	border:1px solid #000; 
	padding:0 9px; 
	border-width:0 1px; 
	background:url(../images/over.gif) repeat-x;
} 

#menu ul li div ul li a:hover {
	color:#000;
} 

#menu ul :hover div ul div {
	left:-9999px;
}
 
#menu ul :hover div ul li:hover {
	position:relative;
}
 
#menu ul :hover div ul li a.drop {
	background:url(../images/topdown.gif) no-repeat center bottom;
}
 
#menu ul :hover div ul li a:hover {
	position:relative; background:url(../images/tile-parchment.jpg); 
	padding:0 5px 1px 5px;
	border:1px solid #c5d5e8; 
	color:#000;
	z-index:+1;
} 

#menu ul :hover div ul li:hover > a {
	position:relative; 
	background:url(../images/tile-parchment.jpg); 
	padding:0 5px 1px 5px; 
	border:1px solid #c5d5e8; 
	color:#000;
	z-index:+1;
} 

#menu ul :hover div ul :hover div {
	left:50%; 
	top:33px;
}
 
#menu ul :hover div ul :hover div ul {
	left:-50%; 
	padding:10px; 
	background:url(../images/tile-parchment.jpg); 
	border:1px solid #fff; 
	border-color:#fff #678 #567 #fff; 
	text-align:left;
} /* DWR background colour to tertiary level menu */ 

#menu ul :hover div ul :hover div ul li {
	display:block; 
	height:auto; 
	line-height:15px; 
	text-align:left;
}

#menu ul :hover div ul :hover div ul li a {
	height:auto; 
	position:static; 
	line-height:15px; 
	color:#000;
	padding:1px 0;
}
 
#menu ul a:hover div ul a:hover div ul li a {
	margin-left:-16px;
}
 
#menu ul :hover div ul :hover div ul li a:hover {
	color:#369; 
	background:#F3DC99; 
	border:0; 
	padding:1px 0;
}

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

#menu a:hover table a:hover table {
	left:50%; 
	width:0; 
	height:20px; 
	top:0; 
	margin-left:-1px;
} 

#menu ul :hover div ul :hover div ul li:hover a {
	background:#FFFFFF; 
	border:0;
}


/*The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/balloons.html*/

/***** Balloon Pop Ups *****/

/* balloon common styling */
.balloon {
	font-family: verdana, sans-serif; 
	/*width:500px;
	height:350px;
	margin:50px 125px; */
}

.balloon ul {
	padding:0; 
	margin:0;
	border:0;
	list-style-type: none;
}

.balloon ul li a, 
.balloon ul li a:visited {
	display:block;
	text-decoration:none; 
}

.balloon ul li a img, 
.balloon ul li a:visited img {
	border:0;
}

.balloon ul li dl {
	visibility:hidden;
	position:absolute;
}

table {
	margin:-2px;
	border:0;
	padding:0;
	border-collapse:collapse;
}

.balloon dl {
	width:250px; 
	padding:0 0 0 0; 
	border:1px solid red;
	background:#ffC;
	height:auto;
}
.balloon dt {
	margin:0; 
	background:#ffC;
	text-align:center;
}

.balloon dd {
	margin:0; 
	padding:0 5px 0 5px; 
	border-width:0 1px; 
	background:#ffc;
}

.balloon dd p {
	padding:0; 
	margin:0 0 5px 0; 
	line-height:1.5em;
}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover, 
.balloon ul li a:hover {
	color:#000; 
	position:relative;
	cursor: pointer;
	cursor:hand;
}

.balloon ul li:hover dl, 
.balloon ul li a:hover dl {
	visibility:visible;
	color:#000;
	top:-35px;
	left:-55px;
	cursor:default;
}

.balloon ul li:hover dl a,
.balloon ul li a:hover dl a {
	/*height:0.8em;
	color:#606;*/
	background:transparent;
	text-decoration:underline;
	display:inline;
}

.balloon ul li:hover dl a:hover,
.balloon ul li a:hover dl a:hover {
	text-decoration:none;
	background:transparent;
}

/*The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/gallery/autorun.html*/

/***** Gallery Auto Run Slideshow *****/

#slideshow {
	padding:0; 
	margin:0; 
	list-style-type:none; 
	position:relative;
	overflow:hidden;
	width:700px;
	height:380px;
	margin:0 auto 20px auto;
	/*background:url(slideshow/slide.jpg);*/
}

#slideshow img {
	border:0;
}

#slideshow li {
	float:left;
	width:700px; height:380px;
	display:none;
}

#slideshow li a {
	display:block; width:700px; height:380px; border:0;
}

#slideshow li a img {
	display:block;
	border:0;
	margin:10px auto;
	border:4px solid #fff;
	border-width:4px 4px;
	border-color:#444 #ccc #fff #ccc;
	height:380px;
}

#slideshow li.current {
	display:block;
}