html, body  {
  height:100%;
  width:100%;
  margin:0;
  padding:0;
}

body  {
  text-align:left;
  color:#333;
  font-size:13px;
  line-height:18px;
	font-family:"Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif;
  background:url(images/bg_pattern_body.gif) #dfecf1 repeat-x;
  margin:0;
  padding:0;
  min-width:1000px;
}

#container	{
	background:url(images/bg_water.jpg) transparent no-repeat;
  height:100%;
  width:100%;
  text-align:center;
  margin:0;
  padding:0;
}

#page	{
	padding:60px 0 30px 0;
	width:980px;
  margin:0 auto 0 auto;
  text-align:left;
}

#menu_container	{
	width:90px;
  float:left;
  padding:74px 0 0 0;
}

#center	{
	width:800px;
  margin:0 0 0 90px;
}

#header	{
	height:44px;
  padding:30px 0 0 30px;
  background:url(images/header_wood.png) transparent no-repeat;
}
	#header #login	{
  	float:right;
  }

#panorama	{
	height:40px;
	padding:0;
  border:solid #e1ab64;
  border-width:0 1px 1px 1px;
  background:url(images/bg_pattern_page.png) transparent repeat;
}
#middle	{
	padding:0;
  border-left:1px solid #e1ab64;
  border-right:1px solid #e1ab64;
  background:url(images/bg_pattern_page.png) transparent repeat;
}
#middle_layer2	{
	background:url(images/waterglass_splash.png) transparent no-repeat 96% 100%;
  min-height:340px;
}

#content	{
	padding:20px 200px 20px 20px;
  float:left;
}
#footer	{
	height:23px;
  padding:7px 30px 0 30px;
  font-size:11px;
  background:url(images/footer_wood.png) transparent no-repeat;
  color:#ECDECE;
}
#footer a {
	color:#ECDECE;
  text-decoration:none;
}
#footer a:hover	{
	color:#F8F3EE;
  text-decoration:underline;
}

#subnavi_container	{
  position:absolute;
  top:0px;
  left:0px;
}
#subnavi_container #subnavi	{
	background:url(images/bg_pattern_menu_hover.png) transparent repeat;
  border:solid #e1ab64;
  border-width:0 1px 1px 1px;
  padding:3px 0 0 0;
}
#subnavi_container #move_bar	{
  -moz-border-radius-topleft:12px;
  -moz-border-radius-topright:12px;
  background:url(images/moveicon.gif) no-repeat 8px 3px;
	height:20px;
  cursor:move;
  border:1px solid #e1ab64;
}
#subnavi_container #move_bar div	{
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
  background:#d2ab7c;
  opacity:0.5;
  height:20px;
}

/* fixed-positioned waterdrops */

#waterdrop_1	{
	position:fixed;
  top:45px;
  right:14px;
	width:68px;
  height:74px;
  background:url(images/waterdrop_1.png) transparent no-repeat;
  cursor:pointer;
}
#waterdrop_2	{
	position:fixed;
  top:148px;
  right:40px;
	width:79px;
  height:77px;
  background:url(images/waterdrop_2.png) transparent no-repeat;
}
#waterdrop_3	{
	position:fixed;
  top:273px;
  right:30px;
	width:43px;
  height:39px;
  background:url(images/waterdrop_3.png) transparent no-repeat;
  cursor:pointer;
}

#waterdrop_dark	{
	position:absolute;
  top:92px;
  left:14px;
	width:55px;
  height:71px;
  background:url(images/waterdrop_dark.png) transparent no-repeat;
  cursor:move;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.hide	{
	display:none;
}

.clear	{
	clear:both;
}

h1,h2,h3,h4,h5,h6	{
	font-family:'Arial',sans-serif;
	margin:0 0 5px 0;
  padding:0;
  font-weight:bold;
  color:#fff;
  background:url(images/drop_15x20.png) transparent 0 0 no-repeat;
  padding:2px 0 3px 20px;
}
h1	{
	font-size:22px;
  background-image:url(images/drop_22x30.png);
  padding:6px 0 7px 26px;
}
h2	{
	font-size:18px;
  background-image:url(images/drop_22x30.png);
  padding:8px 0 5px 26px;
  margin-bottom:20px;
}
h3	{
	font-size:15px;
  background-image:url(images/drop_15x20.png);
  padding:2px 0 3px 20px;
}
h4	{
	font-size:14px;
  background-image:url(images/drop_15x20.png);
  padding:3px 0 2px 20px;
}
h5	{
	font-size:12px;
  background-image:url(images/drop_15x20.png);
  padding:4px 0 1px 20px;
}
h6	{
	font-size:10px;
  background-image:url(images/drop_15x20.png);
  padding:4px 0 1px 20px;
}

#header	h2	{
	font-style:italic;
  font-weight:normal;
  font-size:22px;
}
#header h2 a	{
	text-decoration:none;
  color:#fff;
}

a	{
	color:#295573;
  text-decoration:underline;
}
a:hover	{
	color:#4a8ab6;
}

p	{
	margin:1px 0 15px 0;
}

a img	{
	border:0;
}

/* subnavigation */

#subnavi .navigation, #subnavi .navigation ul {
	list-style-type:none;
  padding:0;
  margin:0;
  font-size:12px;
}

#subnavi .navigation li {
	display:block;
  padding:0;
  margin:0;
}

#subnavi .navigation li a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:3px 8px 2px 10px;
	background:url(images/arrow_menu.gif) transparent no-repeat 7px 10px;
}
#subnavi .navigation li a:hover	{
	background:#786547;
	color:#fcfaf2;
}

#subnavi .navigation li a.active	{
	color:#4a8ab6;
}

#subnavi .navigation li li a	{
	padding-left:30px;
  background-position:27px 10px;
}
#subnavi .navigation li li li a	{
	padding-left:50px;
  background-position:47px 10px;
}

/* ~~~~~~~~ login-form in header ~~~~~~~~~ */

#header	#login {
	margin:15px 10px 0 0;
  color:#ECDECE;
}
#header #login a	{
	color:#ECDECE;
}
#header #login a:hover	{
	color:#F8F3EE;
}

#header	#login input	{
	width:50px;
  background:#D19D59;
  border:1px solid #BA8131;
  padding:1px 2px 1px 2px;
  color:#fff;
  font-family:"Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif;
  font-size:11px;
}
#header	#login input.submitbutton	{
	width:auto;
  padding:1px 4px 1px 4px;
}


/* ~~~~~~~~~ register-form ~~~~~~~~~~~~~~~ */

#registerform .label	{
	float:left;
  width:140px;
  margin:0 0 3px 0;
}

#registerform .field input	{
	font-size:11px;
  font-family:'Arial',sans-serif;
  color:#004082;
  background:#F0F0F0;
  border:1px solid #DBE1E7;
  width:120px;
  padding:1px 2px 1px 2px;
  margin:0 0 7px 0;
}

#registerform .field input.smallfield	{
	width:36px;
  margin-right:2px;
}
#registerform .field input.mediumfield	{
	width:82px;
}

#registerform input.submitbutton	{
	font-size:12px;
  font-family:'Arial',sans-serif;
  color:#004082;
  text-decoration:underline;
  background:transparent;
  border:0;
  width:auto;
  padding:0;
  margin:10px 0 3px 0;
  cursor:pointer;
}

#err	{
	margin:0 0 30px 0;
  padding:20px;
  border:2px solid #E7C0BB;
  background:#EFE9E9;
}
#err ul	{
	margin:10px 0 0 0;
  padding:0;
  list-style-type:none;
}
#err li	{
  list-style-type:none;
  background:url(img/err_list_icon.gif) transparent no-repeat 5px 5px;
  padding:0 0 0 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.img_left	{
	float:left;
  margin:8px 16px 8px 0;
}
.img_left:hover	{
	background-color:#F0F0F0;
}

.thumb_icons	{
  height:16px;
  padding:0;
  margin:0;
}

.galdescription	{
	background-color:#BFC5D1;
  font-size:13px;
  margin:5px 0 10px 0;
  padding:10px;
  border:1px solid #959DAD;
}

.highlight {
	background-image:url('img/icons/star.png');
	background-repeat:no-repeat;
	background-position:8px 12px;
	padding-left:43px;
}

.gpslink a {
	display:block;	
	margin:5px 0 10px 0;
	padding:12px 5px 10px 43px;
	border:1px solid #959DAD;
	background:url('img/world.png') #BFC5D1 no-repeat 8px 3px;
	text-decoration:none;
}

table#stats	{
	margin:20px 0 20px 0;
}
table#stats td	{
	padding:4px 10px 4px 0;
}
table#stats td.val	{
  padding-right:50px;
  font-weight:bold;
}

h3 span	{
	font-weight:normal;
}


.randomimg_left, .randomimg_right	{
	float:left;
  margin-right:50px;
  border:2px solid #738F9F;
  padding:0;
  background:#BCC1C4;
  cursor:pointer;
}
.randomimg_left:hover, .randomimg_right:hover	{
  background:#C7CBCD;
}
.randomimg_right	{
	margin-right:0;
}

.randomimg_left a, .randomimg_right a	{
	text-decoration:none !important;
  color:#295573 !important;
}

.randomimg_left span, .randomimg_right span	{
	padding:0 5px 0 4px;
}

.randomimg_left img, .randomimg_right img, .randomimg_left a, .randomimg_right a	{
	padding:0 !important;
  margin:0 !important;
}