body {
   font-size: 10pt;
   line-height: 1.8em;
   font-family: "Arial", sans-serif;
   background: #CCC;
}

a, a:visited, a:link {
   color: #009;
   text-decoration: none;
}

a:hover {
   background: #009;
   color: #FFF;
}

#rap {
   width: 800px;
   margin: 5px auto 0 auto;
   background: #FFF;
   background: url("body.gif");
}

h1 {
   margin: 0 0;
   padding: 10px;
   color: #FFF;
   font-size: 30pt;
   display: none;
}

h2 {
   border-bottom: 1px solid #AAA;
   font-size: 14pt;
}

#header{
   background: url("header.gif");
   height: 156px;
}

#lang {
   background: #CCC;
   padding-right: 20px;
   text-align: right;
}

#nav {
   padding: 10px 3px 0 20px;
   margin: 0px;
   height: 25px;
}

#nav a {
   color: #000;
   display: block;
   border: 1px solid #333;
   background: #EFF2E1;
   margin: 5px 0 0 10px;
   width: 80px;
   float: left;
   height: 23px;
   text-align: center;
   font-size: 8pt;
   font-weight: bold;
   filter: alpha(opacity=75);
   -moz-opacity: 0.75;
   opacity: 0.75;
}

#nav a:hover {
   background: #587;
   color: #FFF;
}

#nav a.current, #nav a.current:hover {
   background: #FFF;
}

#search {
   text-align: right; 
   padding: 10px 200px 10px 0;
}

#search form{
   margin: 0;
}

#s {
   background: #EFF2E1;
   width: 200px;
   font-size: 10pt;
}

#content {
   padding: 0 0 10px 0;
   background: url("ext.gif") no-repeat top right;
   overflow: hidden;
}

#foot {
   margin: 0;
   height: 40px;
   background: url("foot.gif") no-repeat top center;
   clear: both;
}

#credit {
   text-align: center;
   font-size: 10pt;
   color: #666;
   background: #CCC:
   line-height: 1.2em;
   font-size: 9pt;
   margin-top: 5px;
}

.photolist {
   width: 150px;
   float: right;
   margin-left: 10px;
   margin-right: -20px;
}

.bookphoto {
   margin: 10px;
}

table, td {
   border: 1px solid #CCC;
}

th {
   white-space: nowrap;
   border: 1px solid #CCC;
}

.edit, .delete {
   width: 100px;
}

.edit a, .delete a {
   width: 100px;
   display: block;
   text-align: center;
}

#left {
   width: 150px;
   font-size: 10pt;
   line-height: 1.4em;
   padding: 35px 35px 10px 0;
   float: right;
}

#left li {
   list-style-type: square;
}

#left ul {
   margin: 0;
   padding: 0 0 0 15px;
}

#left h3 {
	font-size: 10pt;
	padding: 5px;
	background: #172D23;
	color: #FFF;
}

#right {
   width: 555px;
   float: left;
   padding: 10px 0 0 45px;
}

.lbOn {
   display: block;
   padding: 10px;
   border: 1px solid #CCC;
   margin-bottom: 10px;
}

a:hover.lbOn {
   background: #CCC;
}

.hidden {
   display: none;
}

#taomain {
	width: 360px; float: left;
	text-align: justify;
}

#taolist {
	width: 150px; float: right; padding: 10px;
	border: 1px solid #CCC;
}

#taolist ul{
	margin: 0;
	padding-left: 20px;
}

#main-main {
	width: 380px;
	float: right;
}

#main-main a img, #main-main a:hover img {
	border: 1px solid #333;
	background: transparent;
}

#main-main a:hover {
	background: transparent;
}

#main-blog {
	width: 150px;
	float: left;
}

#main-blog h3{
	margin: 5px 0;
	line-height: 1.5em;
	font-size: 12pt;
}