body{

	/*

	margin: 0px;

	padding: 0px;

	font-family: Arial, Verdana, sans-serif;

	font-size: 14px;

	background-color: #D16B2E;

	color: #000000;

	*/

}



/* 

	root element for the scrollable. 

	when scrolling occurs this element stays still. 

*/

div.scrollable {

	

	/* required settings */

	position:relative;

	overflow:hidden;	 	

	width: 415px;	

	height:56px;	

	

	

	/* custom decorations */

	border: none;

			

}



/* 

	root element for scrollable items. Must be absolutely positioned

	and it should have a super large width to accomodate scrollable items.

	it's enough that you set width and height for the root element and

	not for this element.

*/

div.scrollable div.items {	

	/* this cannot be too large */

	width:20000em;	

	position:absolute;

	clear:both;		



}



/* single scrollable item */

div.scrollable div.items div {

	float:left;

	

	/* custom decoration */

	text-align:center;

	width:65px;

	height: 40px;

	font-size:30px;

	border:1px outset #ccc;

	background-color: #ddd;

	margin: 8px;

}



/* active item */

div.scrollable div.items div.active {

	border:1px inset #ccc;		

	background-color:#fff;

}





/* this makes it possible to add next button beside scrollable */

div.scrollable {

	float:left;	

}



/* prev, next, prevPage and nextPage buttons */

a.prev, a.next, a.prevPage, a.nextPage {

	display:block;

	width:28px;

	height:31px;

	background-repeat: no-repeat;

	background-image: url("../galleryparts/hannounGalleryControls.png");

	float:left;

	cursor:pointer;

	margin: 12px 0px;



}



/* mouseover state */

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {}



/* disabled navigational button */

a.disabled {

/*	visibility:hidden !important;	*/	

}



/* next button uses another background image */

a.next, a.nextPage {

	background-position: right;

	clear:right;	

}



/* *************************************** */

/*   VIEW FRAME                            */

/* *************************************** */



.galleryframe{

	

	background-image: url("../galleryparts/hannounGalleryFrame.jpg");

	background-repeat: no-repeat;

	position: relative;

	width: 430px;

	height: 380px;

	

}



.viewframe {

	width: 270px; height: 163px; border:  2px solid #000000; margin: 50px; vertical-align: middle; text-align: center; font-size: 24px; background-repeat: no-repeat; position: absolute; margin: 130px 0px 0px 81px;

	

}



.editorframe{position: inherit; margin: 0px;}



/* class for delete image button in the gallery admin

   we want to make the button obvious so as to help avoid accidental deletions */

   

.deletewrap{padding: 15px; border: 1px solid  #9C0C28; background-color: #DF113A; color: #ffffff; font-weight: bold; float: right; clear: both; width: 240px; display: none;}