@charset "utf-8";
/*
#E1E8F5 - light blue
#AFC0DB - light blue
#2E61B9 -
#1E51A8 -
#0A2F6F -
#001335 -

top right bottom left
*/

/* ------------------- basic styling --------------------*/

* {
	margin: 0px;
	padding: 0px;
}



body {
	/*background: #000066;*/
	/*background: #5B7284;*/
	/*background: #50627A;*/
	background: #524E4E;  
	text-align: center;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 95%;
	}
	


#wrapper {
	position: relative;
	width: 950px; 
	margin: 2px auto;
	text-align: left;
	/*background: #000066;*/
	/*background: #052578;*/
	background: #B7AE91;
	}

	

.clear {
	clear: both;
	}

/* ------------------ position container elements -------------------*/

#header {
	position: relative;	
	/*background: #000066   url(../images/banner1.gif) no-repeat center;*/
	/*background: #0A2F6F   url(../images/head1a.png) no-repeat center;*/
	/*background: #0A2F6F   url(../images/head6.png) no-repeat center;*/
    background: #B7AE91   url(../images/hk/logo3.jpg) no-repeat center;	
	height: 145px;
	padding: 0em;
	margin: 0;
	border-bottom: solid 1px #8A8384;
	margin-bottom: .5em;
	}

#header h1{
	margin-left: -9000px;
	}

#header ul {
	margin: 0;
  	padding: 0;
	position: absolute;
	left: 0;
	bottom:0;
 	float: left;
	width: 890px;
  	/*background: #d52e36 url(../_images/menu_bg.gif) repeat-x top left;*/
  	list-style: none;
	}
	
#header ul li{
	float:left;
	}
	
#header ul a {
  padding: 0 1.1em;
  font-size: 14px;
  line-height: 2.5em;
  /*background: url(../_images/menu_sep.gif) no-repeat left top;*/
  text-decoration: none;
  color: #000066;
  float: left;
  display: block;
  background: #000FFE;
}
	

#content {
	float: left;
	/*width: 670px;*/
	width: 77%;
	/*height: 700px;*/
	height: 500px;
	overflow-y:auto;
	overflow-x:hidden;
	/*scrollbar-track-color:#B7AE91;*/
	margin: .5px auto;
	/*border-right:solid 1px #0548F2;*/
	/*border:solid 1px #00FF00;*/
	}

#sidebar {
	/*color:#AFC0DB;*/
	color:#4c5c51;
	float: right;
	/*width: 255px;*/
	width: 20%;
	/*margin-top: .5em;*/
	padding: .7em;
	border-left:solid 1px #8A8384;
	}

#sidebar ul li {
	margin: 0;
  	padding: 0;
	display: block;
  	list-style-type: none;
	text-decoration: none;
	font-size: 1em;
	/*border:solid 1px #00FF00;*/
	border-bottom: 1px dotted #8A8384;
	}
	
#sidebarx a{
	/*color:#305596;*/
	/*color: #A0B0D5;*/
	/*color: #0548F2;*/
	color: #4c5c51;
	text-decoration: none;
	border-bottom: 1px dotted #8A8384;
	display: block;
	/* .2em top and bottom .5em both sides */
	padding: .2em .5em;
	/*width: 15em;*/
	width: 90%;
	}

#sidebarx a:hover{

	color:#686464;
	border-bottom: 1px solid #8A8384;

	}

#footer {
	color: #58523C;
	font: .9em "Trebuchet MS", Helvetica, sans-serif;
	text-align: center;
	padding: .2em;
	/*background: #000FFE;*/
	clear: both;
	margin: .5em;
	border-top: solid 1px #8A8384;
	}

/* -- featured area styles -- */

#featured {
	padding: 0 12px;
	margin: 0 0 1px;
	/*border: solid 1px #000FFE;*/
	/*border: solid 1px #0548F2;*/
	}

#featured ul {
	color: #AFC0DB;
	padding: 1em 1.2em;
	list-style-type: disc;
	/*margin: 1em 0 3em;*/
	/*border: solid 1px #0548F2;*/
	}
	
#featured li {
	/*color: #B7AE91;*/
	/* padding top and bottom, both sides */
	padding: .5em .2em;
	/*margin: 1em 0 3em;*/
	/*border: solid 1px #0548F2;*/
	}

#featured img {
	/*float:left;*/
	border: none;
	}

#featured h1 {
	margin-left: 287px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 115%;
	color: #58523C;
	border-bottom: 1px solid #777;
	letter-spacing: 0.1em;
	text-transform:uppercase;
	}

#featured h2{
	margin-left: 287px;
	font: italic bold 1.3em/1.8em Georgia, "Times New Roman", Times, serif;
	color: #58523C;
	}

#featured h3{
	font-size: 1.1em;
	color: #58523C;
	text-align:left;
	margin-bottom: .7em;
	}

#featured p{
	/*font: .95em/1.4em "Trebuchet MS", Helvetica, sans-serif;*/
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	text-align: left;
	/*color: #00FFFF;*/
	/*color: #9EC0E3;*/
	color: #58523C;
	margin: 0 0 10px 5px;
	}
	
#featured em{
	/*font: .95em/1.4em "Trebuchet MS", Helvetica, sans-serif;*/
	color: #21221A;
	}

#featured p.detail{
	font-size: .8em;
	font-style: italic;
	text-align: right;

	}
	
#featured table
{
border-collapse:collapse;
}
#featured table, th, td
{
border-bottom: 1px solid #8A8384;
}

#featured td
{
padding:5px;
vertical-align:top;
}

#featured p.image
{
	text-align: center;
}

#images 
{
	text-align: center;
}

#images img
{
	clear: both;
}

/* ------------------ Form Styles --------------------------------- */
#result {
	padding: 1em;
	color: #FFFFFF;
}

label
{
width: 5em;
/*float: left;*/
text-align: left;
/*margin-right: 0.5em;*/
/*margin-top: .5em;*/
/*display: block;*/
}

.submit input
{
margin-left: 5px;
margin-top: 2px;
width: 80px;
}
 
input, textarea
{
color: #000000;
background: #ffffff;
margin-top: 1px;
border: 1px solid #58532C;
}

input
{
width: 300px;

}

.email textarea {
	width: 200px;
	height: 50px;	
}
.submit input
{
color: #B7AE91;
background: #4c5c51;
border: 1px solid #001335;
}
 
fieldset
{
margin: 0 1em;
padding: 1em;
border: 1px solid #58532C;
/*width: 30em;*/
width: 90%;
}

legend
{
color: #251A2A;
background: #58532C;
border: 1px solid #2E61B9;
padding: 2px 6px;
}

#username_error
{
	color: #FF0000;
}

#useraddr_error
{
	color: #FF0000;
}

#usercomm_error
{
	color: #FF0000;
}
/* ----------------------- photo gallery styles ----------------------- */

img.thumbs {
	float:left;
	height:60px;
	width:60px;
	margin-right: 2px;
	margin-bottom: 2px;
	border: solid black 1px;
}
img.large {
	/*float:right;*/
	/*height:60px;
	width:60px;*/
	margin-right: 2px;
	margin-bottom: 2px;
	border: solid black 1px;
}

#main {
	position:absolute;
	left:116px;
	top:150px;
	/*float:right;*/
	width:400px;
	/*height:315px;*/
	border: solid 1px #666666;
	z-index:2;
}
#thumbContainer {
	/*position:absolute;
	left:23px;
	top:127px;*/
	float:left;
	width:100px;
	/*height:430px;*/
	z-index:1;
}