/* ================================================================ 
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/menu/slides.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.photo {
	padding: 5px; 
	background: #222; 
	width: 540px; 
	height: 330px; 
	text-align: left;
}

.photo h1 {
	font-size:14px; 
	font-weight:normal; 
	color:#fc0; 
	margin:0 0 0 5px; 
	padding:0;
}

.photo ul {
	list-style: none; 
	padding: 0; 
	margin: 0; 
	width: 216px; 
	background: #333; 
	border: 1px solid #666; 
	position: relative; 
	height: 194px;
}

.photo ul li {
	display:inline; 
	width:24px; 
	height:24px; 
	float:left; 
	margin:6px;
}

.photo ul li a {
	display:block; 
	width:24px; 
	height:24px; 
	cursor:default; 
	background:url(/Images/Icons/arrow.gif) no-repeat; 
	text-decoration:none;
}

.photo ul li a b {
	display:none;
}

.photo ul li a img {
	display:block; 
	width:22px; 
	height:22px; 
	border:1px solid #666; 
	border-top-color:#ccc;
}

.photo ul li a:hover {
	white-space:normal;
	position:relative;
}

.photo ul li a.vert:hover img {
	position:absolute; 
	left:-20px; 
	top:-12px; 
	width:48px; 
	height:64px; 
	border-color:#fc0;
}

.photo ul li a.hor:hover img {
	position:absolute; 
	left:-20px; 
	top:-12px; 
	width:64px; 
	height:48px; 
	border-color:#fc0;
}

.photo ul li a:active, .photo ul li a:focus {
	position:static; 
	outline:0;
}

.photo ul li a:focus.vert img, .photo ul li a:active.vert img {
	background-color: #000; 
	position: absolute; 
	left: 225px; 
	top: 0; 
	width: 220px; 
	height: 320px; 
	border: 1px solid #fc0; 
	padding: 5px 45px;
}

.photo ul li a:focus.hor img, .photo ul li a:active.hor img {
	background-color: #000; 
	position: absolute; 
	left: 225px; 
	top: 0; 
	width: 300px; 
	height: 230px; 
	border: 1px solid #fc0; 
	padding: 45px 5px;
}

.photo ul li a:focus b, .photo ul li a:active b {
	display: block; 
	position: absolute; 
	width: 205px; 
	height: 115px; 
	border: 1px solid #666; 
	top: 200px; 
	left: 0; 
	color: #ddd; 
	font-weight: normal; 
	padding: 5px;
}

H2.photoSubtitle {
	margin-top: 15px;
}

H3.photoHdrLnk {
	margin-top: 15px;
	margin-left: 5px;
	color: #ffffff;
}

H3.photoHdrLnk a:link {
	text-decoration: none;
	color: #ffffff;
}

H3.photoHdrLnk a:hover {
	text-decoration: underline;
	color: #ffffff;
}

H3.photoHdrLnk a:visited {
	text-decoration: none;
	color: #ffffff;
}

H3.photoHdrLnk a:active {
	text-decoration: underline;
	color: #ffffff;
}