BODY {
	font-family: Arial, Helvetica, sans-serif;
	/*margin:50px 0px; padding:0px;*/
	/*text-align:center;*/
	/*background-repeat: no-repeat;
	background-image: url("images/backsmall.png");*/
	/*background-image: url("images/backsmall.png");*/
	background-color: #F5F5F5;	
}

div.wholebody {	
	height: 820px;
	width: 980px;
	text-align: center;
	margin: 0 auto;	
	
	/*background-image: url("images/bondaweb.png");*/
	/*border: 1px solid black;*/
	/*#ACACAC*/
	/*background-image:  url("images/mainback.jpg");*/		
}

div.bodyback {
	position: absolute;
	height: 820px;
	width: 984px;
	text-align: center;
	margin: 0 auto;
	/*background: #9AD8FC;*/
	background: white;
	opacity:.65;
	-moz-opacity: 0.65;
	filter: alpha (opacity=65);	
}

div.title {
	position: relative;
	width: 980px;
	height: 40px;
	left: 0px;	
	margin: 0 auto;	
	text-align: right;
	
	margin-bottom: 10px;
	padding: 0;
	/*background-image:  url("images/title.png");*/
	background-repeat: no-repeat;
}
img.titleimg {	
}

div.title_normal {
	position: absolute;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}
div.title_select {
	position: absolute;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	color: blue;
}

div.menusystem {		
	margin: 0 auto;	
	text-align: center;
	left: 256px;	
	width: 768px;
	height: 50px;	
	/*padding:5px;*/	
	/*border: 1px dashed #333;
	background-color: #eee;*/	
}

div.mainpane {
/*<img src="images/me.png" style="float:left; margin-right: 5px; margin-top: 3px;">*/
	position: relative;	
	margin: 0 auto;	
	text-align: center;		
	width: 980px;	
	height: 560px;	
	/*border: 1px dashed #333;
	background-color: #eee;*/	
}

div.copyright {
	position: relative;
	top: 0;	
	margin: 0 auto;
	width: 966px;
	height: 15px;	
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	/*border: 1px solid #333;
	background-color: #C7E7EC;*/
}

div.emptyline {
	position: relative;
	margin: 0 auto;
	height: 20px;
	width: 980px;
}

a.hreflink {		
	color: black;
	text-decoration: none;	
}

a.hreftext {
	/*float: left;*/
	text-align: center;
	display:block;	
	color: black;
	text-decoration: none;	
	top: 4px;
	position: relative;	
	/*background-color: yellow;*/					
}

a.hreftext_select {
	/*float: left;*/	
	text-align: center;
	display:block;	
	color: white;
	text-decoration: none;	
	top: 4px;
	position: relative;	
	/*background-color: yellow;*/					
}

img.logo {
	border: none;
}

span.photoimagetitle {
	font-weight: bold;
	color: black; /*#CCCCCC;*/
}
span.text_normal {
	/*display: block;*/
	/*background-image:  url("images/curvymenu.png");*/
	/*width: 128px;
	height: 30px;*/
	font-weight: bold;
	color: black;
	cursor: pointer;
	
}
span.text_select {
	color: white;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
	/*display: block;*/
	/*background-image:  url("images/curvymenu_select.png");*/
	/*width: 128px;
	height: 30px;*/
}
span.button_fullcircle_normal {
	/*display: block;
	background-image:  url("images/curvymenu_circle.png");*/
	width: 128px;
	height: 30px;
}
span.button_fullcircle_select {
	/*display: block;
	background-image:  url("images/curvymenu_circle_select.png");*/
	width: 128px;
	height: 30px;
}

/* CSS: Photo Pane: */
span.topmenu {
	display: block;
	background-image:  url("images/topmenu.png");
	margin: 0px;
	padding: 0px;
	width: 500px;
	height: 50px;	
}

span.bottompane {
	display: block;
	background-image:  url("images/bottompane.png");
	margin: 0px;
	padding: 0px;
	width: 500px;	
	height: 488px;
	overflow: hidden;
}

span.img_moveleft {
	display: block;
	/*background-image:  url("images/curvymenu_small.png");*/
	width: 32px;
	height: 30px;
	cursor:pointer;
}
span.img_moveleft_sel {
	display: block;
	/*background-image:  url("images/curvymenu_select_small.png");*/
	width: 32px;
	height: 30px;
	cursor:pointer;
}
span.img_moveright {
	display: block;
	/*background-image:  url("images/curvymenu_small.png");*/
	width: 32px;
	height: 30px;
	cursor:pointer;
}
span.img_moveright_sel {
	display: block;
	/*background-image:  url("images/curvymenu_select_small.png");*/
	width: 32px;
	height: 30px;
	cursor:pointer;
}
/* CSS: End */

/* CSS: Main Panel */
ul.mainpane {
	margin: 0;
	padding: 0;
	list-style: none;
}
li.contents {
	float: left;		
	margin: 0;
	margin-left: 8px;
	padding: 0;
	padding-top: 0px;		
	text-align: left;	
	/*padding-top: 5px;
	padding-bottom: 5px;*/
	/*background-image: url("images/curvymenu.png");*/
	width: 452px;
	min-width:452px;	
}
li.photopane {
	float: left;		
	margin: 0px;	
	margin-left: 8px;
	margin-right: 4px;
	padding: 0;		
	text-align: center;	
	/*padding-top: 5px;
	padding-bottom: 5px;*/
	/*background-image: url("images/curvymenu.png");*/
	width: 500px;
	min-width:500px;
}
img.midimage {
	position: absolute;
	left: 151px;
}

/* CSS: End */


/* CSS: Scroll Image Viewer and Expander */
div.scrollviewer {
	position: relative;		
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 966px;
	height: 145px;
	overflow: hidden; 
	/*border: 1px line #333;*/
	/*background-color: #8F8F8F;*/
	background-image: url("images/scrollviewer.png");	
}
span.scrollbutton {
	cursor: pointer;
}

div.scrollviewerpane {			
	margin: 0 auto;
	padding-top: 8px;			
	text-align: center;		
	width: 966px;	
	height: 107px;
	overflow: hidden; 
	/*background-color: #8F8F8F;*/	
	/*border: 1px dashed #333;
	background-color: #eee;*/
}

div.scrollviewerbar {			
	margin: 0 auto;
	text-align: left;	
	width: 945px;
	height: 22px;
	overflow: hidden; 
	/*border-top: 1px solid black;
	border-bottom: 1px solid black;*/	
	/*border: 1px dashed #333;*/
	/*background-color: #C7E7EC;*/
}

ul.scrollbarlist {
	margin: 0;
	padding: 0px;
	padding-top: 3px;	
	list-style: none;
	height: 20px;	
}
li.scrollbar {
	float: left;	
	margin: 0;
	padding: 0px;	
	width: 885px;
	min-width:885px;
	height: 19px;
	background-image: url("images/scrollbar_new.png");
	/*background-image: url("images/scrollbar.png");*/
}
li.scrollleftbutton {
	/*position: relative;
	top: -3px;*/
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 28px;
	min-width:28px;
	height: 19px;
	cursor: pointer;
	background-image: url("images/sb_new_left.png");	
	/*border-right: 1px solid black;
	border-left: 1px solid black;*/
}

li.scrollrightbutton {
	/*position: relative;
	top: -3px;*/
	float: left;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 28px;
	min-width:28px;
	height: 19px;
	cursor: pointer;
	background-image: url("images/sb_new_right.png");
	/*border-right: 1px solid black;
	border-left: 1px solid black;*/
}

ul.scrollimagelist {
	position: relative;
	width: 1127px;
	height: 105px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
		
}
li.scrollimage {
	min-width: 150px; 
	width: 150px;
	height: 101px;	
	float: left;	
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 2px;
	padding: 0;		
	text-align: center;	
	overflow: hidden; 	
	cursor: pointer;
	/*border: 1px dashed #333;*/
	background-color: #eee;	
}
li.scrollimage_high {
	min-width: 150px; 
	width: 150px;
	height: 101px;	
	float: left;		
	margin: 0;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0;		
	text-align: center;	
	overflow: hidden; 	
	cursor: pointer;
	border: 2px solid white;
	background-color: #eee;	
}

span.scrollbarimgfile {
	position: relative;
	top: 0px;
	cursor: pointer;		
}
img.scrollSelect {
	border: 2px #ff0000 solid;
}
img.scrollDeselect {
	/*position: relative;*/	
	/*border-top: 2px #eee solid;*/		
	/*float: right;*/						
}
span.scrollspeed {
	background-image:  url("images/scroll_small.png")}
span.scrollspeedSelect {
	background-image:  url("images/scroll_select_small.png")}

div.expandedimage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	height: 400px;
	display: none;
	/*border: 1px solid #333;*/
	/*background-color: #eee;*/		
}
/* CSS: END */


/* CSS: Main Menu: */
span.mainmenu {
	margin: 0;
	/*position: absolute;*/
	/*top: 40px;*/	
	text-align: center;	
}

ul.mainmenu {
	margin: 0;
	padding: 0;
	list-style: none;						
}
li.submenu {
	float: left;		
	margin: 0;
	padding: 0;		
	text-align: center;	
	/*background-image: url("images/curvymenu.png");*/
	/*padding-top: 5px;
	padding-bottom: 5px;*/
	background-image:  url("images/curvymenu.png");
	width: 128px;
	min-width:128px;
	height: 30px;
}
li.menuselect {	
	float: left;		
	margin: 0;
	padding: 0;		
	text-align: center;	
	width: 128px;
	min-width:128px;
	height: 30px;
	background-image:  url("images/curvymenu_select.png");
}
li.submenuleft {
	float: left;		
	margin: 0;
	padding: 0;		
	text-align: center;	
	/*background-image: url("images/curvymenu.png");*/
	/*padding-top: 5px;
	padding-bottom: 5px;*/
	background-image:  url("images/curvymenuleft.png");
	width: 128px;
	min-width:128px;
	height: 30px;
}
li.menuselectleft {	
	float: left;		
	margin: 0;
	padding: 0;		
	text-align: center;	
	width: 128px;
	min-width:128px;
	height: 30px;
	background-image:  url("images/curvymenuleft_select.png");
}
li.submenuright {
	float: left;		
	margin: 0;
	padding: 0;		
	text-align: center;	
	/*background-image: url("images/curvymenu.png");*/
	/*padding-top: 5px;
	padding-bottom: 5px;*/
	background-image:  url("images/curvymenuright.png");
	width: 128px;
	min-width:128px;
	height: 30px;
}
li.menuselectright {	
	float: left;		
	margin: 0;
	padding: 0;		
	text-align: center;	
	width: 128px;
	min-width:128px;
	height: 30px;
	background-image:  url("images/curvymenuright_select.png");
}

/* END */