/* ================================================================ 
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.stunicholls.com/menu/multi-page.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any 
way to fit your requirements. 

Please see 'Terms of use' on stunicholls.com
=================================================================== */
#content {height:10000px;} /* for this demo only */


#menu {position:absolute; left:200px; top:60px;font-family:arial, sans-serif; font-size:12px; height:600px;}
#menu img#loading {position:absolute; left:400px; top:220px;}
#menu ul {padding:0; margin:0; list-style:none;}

#sub1 {
	position:absolute;
	left:400px;
	top:80px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
}
#sub2 {position:absolute; left:80px; top:-19px;}

#sub0 li {
	width:250px;
	height:250px;
	border:3px double #C93;
	text-align:center;
	margin-top: 24px;
	margin-right: 24px;
	margin-bottom: 36px;
	margin-left: 24px;
	padding:12px;
}
 #sub0 li img {
	border:1px solid #000;
	margin-top: 24px;
} 
 #sub0 li.clicked {
	border: 3px double #090;
	background-color:#CCC;
}


#sub1 ul {width:400px;}
#sub1 ul li {
	width:95px;
	height:95px;
	border:3px solid #666;
	margin:12px;
	float:left;
	display:inline;
	background:#f5f5dc;
}
#sub1 ul li img {border:1px solid #000; border-color:#000 #ddd #eee #666;}
#sub1 ul p {
	clear: left;
	color: #060;
	text-align: center;
	padding-right: 36px;
	padding-left: 12px;
	padding-top: 36px;
	font-weight: bold;
}
#sub2 ul li {
	padding:5px;
	text-align:right;
}
#sub2 ul li img {
	position:relative;
	z-index:10;
	border:0px solid #000;
	padding: 24px;
	top: 20px;
	height: 550px;
	width: 550px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

#sub2 ul li b {
	display:block;
	width:830px;
	height:630px;
	position:absolute;
	left:-120px;
	top:30px;
	z-index:0;
	background:#000;
	opacity:0.8;
	filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 	vertical-align:bottom;
}

.none {display:none;}
.yes {display:block;}
body {
	background-attachment: scroll;
	background-image: url(images/twoColumnbg.png);
	background-repeat: no-repeat;
}