/* Gallery styles */



#gallery{	
	/* The width of the gallery */
	
	width:580px;
	height: 265px;
	overflow:hidden;
	float: left;
	border-top: solid 2px #800000;
	border-bottom: solid 2px #800000;
}

#slides{
	/* This is the slide area */
	height:265px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:580px;
	overflow:hidden;
}

.slide{
	width: 580px;
	float:left;
}


#menu{
	/* This is the container for the thumbnails */
	margin-top: 20px;
	width: 110px;
	float: left;
}

#menu ul {
	margin: 0px;
	padding: 7px 5px 5px 12px;
	width: 80px;
	height: 240px;
	float: left;
}

#menu li{
	/* Every thumbnail is a li element */
	width:40px;
	list-style:none;
	height:45px;
	overflow:hidden;
	float: left;
}

#menu li.fbar {
	width: 0px;
}

#menu li.menuItem {
	width: 25px;
	height: 25px;
	margin: 0px 5px 5px 0px;;
	border: solid 2px #a48d61;
	float: left;
}

#menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	border: solid 2px #68532b;
}

#menu li.act,li.act:hover{
	/* The active state of the thumb */
	border: solid 2px #d1c2a4;
}

#menu li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
}

#menu li a{
	display:block;
	height:45px;
	float: left;
}

#menu a img{
	border:none;
	float: left;
}