/* -------- powered by http://coon.xmu.edu.cn, 2006.12 ----------*/
/* ----------------------general begin-------------------------- */
body {
	background: #fff;
	margin: 0; 
	padding: 0;
	font-family:arial,verdana,fixedsys,"Times New Roman",Times,serif,helvetica, sans-serif; 
	font-size: 62.5%;	
	color: #333;
}
img {
	margin: 0; 
	padding: 0; 
	border: 0;
}
p {
	margin: 0;
	padding: 6px 0 10px 0;
	line-height: 149%;
	font-size: 12px;
}
h1 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
	line-height: 1.8em;
}

h2 {
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1.8em;
	color: #4A391F;
}

h3 {
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
	color: #4A391F;
}

ul {
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 20px;
}

li	{
	margin: 0;
	padding: 0 0 6px 0;
	font-size: 1.1em;
	line-height: 1.8em;
}

a {
	padding: 0;
	margin: 0;
}

a:link {
	color: #754C23;
	text-decoration: none;
}

a:visited { 
	color: #754C23;
	text-decoration: none;
}

a:active {
	color: #754C23;
	text-decoration: none;
}

a:hover { 
	color: #fff;
	text-decoration: none;
	background: #754C23;
	border: none;
}
/* ------------------------ general end ------------------------------- */
/* -------------------------header begin------------------------------- */

#header {
	padding: 0;
	font-size: 100%;
	border-top: 1px solid #464a52;
	background: #069;
	width:auto;
	}

/* logo */

#logo {
	width:750px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	}
	
#logo span, #logo a {
	display: block;
	/*width: 191px;*/
	height: 66px;
	padding: 0;
	border-style: none;
	background: url(../i/logo.jpg) no-repeat;
	}
#logo img  {
	display: block;
	width: 0;
	}
#logo a:hover {
	
	}

/* top navigation */

#topnav {
	width: 750px;
	margin: 10px 0 3px auto;
	padding: 0;
	}
#topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #383d44;
	text-align:right;
	}
#topnav li {
	float: left;
	margin: 0;
	padding-top:2px;
	font-family: arial,Georgia, serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	}
#topnav li a {
	padding: 10px;
	text-decoration:none;
	color:olive;
	border: none;
	background: url(../i/nav-bg.gif) no-repeat bottom right;
	font-size:12px;
	font-weight:bold;
	}
#topnav li a:hover {
	color:aqua;
	/*background: #464a52;
	color: #FF6600; */
	text-decoration:overline; 
	border-top-width:3px; 
	border-top-color:yellow; 
	border-top-style:inset;
	}
#topnav li a.active {
	font-weight: bold;
	color: #fff;
	background: #292d34 url(../i/nav-on-bg.gif) repeat-x top left;
	}
#topnav li ul {
line-height: 10px; list-style-type: none;text-align:left;
left: -999em; width: 120px; position: absolute;
}
#topnav li ul li{
float: left; width: 120px;
background: #383d44;
}

#topnav li ul a{
display: block; width: 100px;text-align:left;padding-left:10px;
}

#topnav li ul a:link {
color:#666; text-decoration:none;
}
#topnav li ul a:visited {
color:#666;text-decoration:none;
}
#topnav li ul a:hover {
color:#F3F3F3;text-decoration:none;font-weight:normal;
background:#C00;
}
#topnav li:hover ul {
left: auto;
}
#topnav li.sfhover ul {
left: auto;
}
/* -------------------------header end------------------------------- */

/* ----------------------main content begin-------------------------- */

/* sidenav begin*/

#sidenav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    width: 211px;
	padding: 3px 0 5px 0;
    margin: 0px;
    float: left;
}

#sidenav h1 {
display: block; 
background-color:silver;
font-size: 13px; 
padding: 2px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:211px;
}

#sidenav ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#sidenav ul li {
margin: 0px;
padding: 0px;
}
#sidenav ul li a {
font-size: 13px;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 3px;
text-decoration: none;
color: #666666;
width:211px;
font-weight:bold;
}

#sidenav ul li a:hover, #sidenav ul li a:focus {
color: #fff;
background-color: #336686;
}

/* sidenav end */

#content {
	background: transparent;
	margin: 0px auto 0px auto;
	padding: 0;
	text-align:  left;
	width: 750px;
}

.wrapper {
	margin: 0; padding: 0; border-bottom: solid 1px #ccc;
	line-height: 0em;
	clear: both;
}
.content {
	padding: 0 15px 0 15px;
}

.item {
	position: relative;
	margin: 5px 0 0 25px;
	padding: 0;
}

.column-b .item {
	margin-left: 0px;
}

.item .clear {
	clear: both;
}

.column-b .item .photo {
	clear: right;
}

.doublecolumn .photo {

	width: 162px;

}

.myphoto{
	float:left;
	margin:3px;
}
.photo a {

	display: block;
	
	margin: 0;
	
	padding: 0;
	
	line-height: 0.5em;
	
	background: #eee;
	
}

.description {

	float: left;
	
	margin: 0;
	
	padding: 5px 0px 0 0;

}

.doublecolumn .item .description {

	width: 350px;
	
}

.column-b .item .description {

	width: 210px;

}

.description p {

	margin: 0;
	
	padding: 0;
	
}


.column {

	position: relative;

	float: left;

	margin: 0; 
	
	padding: 0 0 10px 0;
	
	text-align: left;
	
	width: 247px;
  
}

.column-b {

	position: relative;

	float: left;

	margin: 0;
	
	border-right: solid 1px #ccc;
	
	padding: 0 0 10px 0;
	
	text-align: left;
	
	width: 249px;
  
}


.doublecolumn {

	position: relative;

	float: right;

	margin: 0; 
	
	padding: 3px 0 5px 0;
	
	text-align: left;
	
	width: 500px;
  
}

.doublecolumn img, .column img, .column-b img {

	background: transparent;
	margin: 0; 
	padding: 3px;
	border: solid 1px #006699;
}
.photo a:hover img {
	background: #754C23 url(../i/enlarge_2.gif) bottom center no-repeat;
	border: solid 1px #754C23;
}
#picfont img{
	float:left;
	margin-right:1em;
	
}
.blue{
	color:#069;
}

div#member ul li{
	list-style-type:none;
	margin:0;
	padding:0;
}
#mempic {
	float:left;
	margin:0 5px 0 0;
}



/* ----------------------main content end-------------------------- */

/* -------------------------footer begin----------------------------- */

#footer {
	margin: 10px 0 20px 0; padding: 0; border-top: solid 1px #ccc;
	text-align: center;
	color:#069;
	clear: both;
	background-color:gray;
}
div#footer li{
	list-style-type:none;
	margin:0;
	padding:0;
}
div#footer li p{
	line-height:80%;
	margin:0;
	padding:1px;
}
/* -------------------------footer end------------------------------- */