@charset "utf-8";
/* CSS Document */

/* BODY tag */
body
{
	margin:				0;
	padding:			0;
	text-align:			center;
	font-family:		Comic Sans MS, Arial;
	font-size:			16px;
	background-color:	#ffdf9f;
	color:				#a5521b;
}

a:active
{ outline: none; }

a:focus
{ -moz-outline-style: none; }

#page
{
	position:			relative;
	margin:				0px auto;
	width:				800px;
	min-height:			1000px;
	text-align:			left;
	border:				1px solid #fff500;	
	border-top:			none;
	border-bottom:		none;	
	background:			url(../images/background_summer.jpg) no-repeat;
	background-color:	#f9cc71;
	overflow:			auto;
}

#page #header
{
	width:				800px;
	height:				200px;	
}

#page #content
{
	float:				right;
	margin:				0;
	padding:			10px;
	padding-top:		15px;
	width:				570px;
	z-index:			99;
}

#page #content h1
{ margin: 0 0 5px 0; padding: 0; font-size: 18px; color: #900; }

#page #content h2
{ margin: 0 0 5px 0; padding: 0; font-size: 14px; color: #f00; }

#page #content a
{ color: #a5521b; font-weight: bold; }


#page #content ul#subcontent-menu
{ margin: 0 0 10px 0; padding: 0 0 10px 0; list-style: none; float: left; }

#page #content ul#subcontent-menu li
{ float: left; margin: 0 10px 0 0; padding: 0; list-style: none; color: #900; }

#page #content ul#subcontent-menu li a
{ font-size: 14px; color: #900; }

#page #content ul#subcontent-menu li a.selected
{ font-weight: bold; }

#page #content ul.image_list
{ margin: 0; padding: 0; list-style: none; overflow: auto; }

#page #content ul.image_list li
{ float: left; margin: 0 8px 8px 0; padding: 5px; width: 120px; height: 100px; border: 2px solid #a26138; text-align: center;  }

#page #content ul.image_list li:hover
{ background-color: #fef38f; }

#page #content img.preview
{ max-width: 120px; max-height: 100px; }

#page #content img.preview:hover
{ cursor: hand; }

#page div#popup
{ position: absolute; top: 110px; left: 10px; width: 778px; min-height: 598px; background-color: #fef38f;
  border: 1px solid #a26138; z-index: 20; }

#page div#popup div#controls
{ margin: 0 20px 0 20px; padding: 0; width: 738; height: 30px; border-bottom: 1px solid #a26138; }

#page div#popup div#controls a
{ color: #a5521b; }

#page div#popup div#controls a#gallery_prev
{ padding-left: 20px; }

#page div#popup div#controls a#gallery_next
{ margin: 0 500px 0 20px; }

#page div#popup div#body
{ padding: 10px; width: 758px; text-align: center; vertical-align: middle; }

#page div#popup div#body img
{ max-width: 738px; border: 5px solid #eee; }

#page div#counter
{ position: absolute; top: 520px; left: 20px; z-index: 10; }