body {
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-image: url(/images/webcard/liner/wood.jpg); background-repeat: repeat;
}
* { padding:0; margin:0; }
#wrapper {
	margin: 36px auto 0 auto;
    	width: 800px;
	background: #fff;
	box-shadow: 0 6px 12px #444;
	-webkit-box-shadow: 0 6px 12px #444;
	-moz-box-shadow: 0 6px 12px #444;
	-o-box-shadow: 0 6px 12px #444;
}
th { text-align: left; padding-right:10px; }

a { color: #0697d6; text-decoration: none; }
a:hover { text-decoration: underline; }

#menu { background: none; padding: 0 20px 0; margin:0; margin-top: -58px; height: 58px; }
#menu ul { list-style: none; padding:0; height: 58px; float:right; position: relative; }
#menu ul li { float:left; position: relative; z-index: 97; background: url(/images/webcard/liner/background.png) repeat-x scroll 0 0 transparent; height: 34px; color: #000; list-style: none outside none; padding: 7px 0 0 1px; border: 0; }
#menu ul li:hover { z-index: 99; }
#menu ul li a { color: #000; text-decoration: none; font-size: 1em; display:block; float:left; padding:4px 8px 5px 8px; margin: 0 6px; text-align: center; border-right: 0; }
#menu ul li a:hover, #menu ul li a.active, #menu ul li:hover a {  color: #fff; background: url(/images/webcard/liner/hover.png) repeat-x scroll 0 0 transparent; border: none; }

/* Submenu */
#menu div.sub {
	display:none; width: auto;
	position:absolute; top:32px; left: 7px; z-index: 98;
	background: #0697d6;
	white-space:nowrap;
}
#menu div.sub ul { height: auto; margin: 0; padding: 0; border: none; float: none; }
#menu div.sub li, #menu div.sub li:hover { width: auto; text-align: left; float: none; height: auto; background: none; padding: 1px; border-bottom: 1px dotted #ccc; }
* html #menu div.sub li { margin: -3px 0; }
*+html #menu div.sub li { margin: -3px 0; }
#menu div.sub li a { float: none; padding: 6px 20px 6px 8px; background: none; text-align: left; margin:0; color: #fff; }
#menu div.sub li a:hover, #menu div.sub li a.active { text-decoration: underline; }
#menu div.sub li a:hover span, #menu div.sub li a.active span { background: none; }
#menu div.sub .left, #menu div.sub .right { display: none; }
#menu li:hover div.sub { display: block; }

/* Banner */
#banner_content {
    left: 4%;
    width: 92%;
}

#header { height: 159px; background: url(/images/webcard/liner/81.jpg) repeat-x; padding:0; }
#header_content { margin: 0 0 0 20px; }
#logo { font-size: 2em; color: #000; padding: 30px 26px 2px 5px; }
#slogan { font-size: 0.5em; color: #333; font-style: normal; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; }

/* ################# CONTENT ###################### */
#content_wrapper { width: 800px; }
#content { padding: 20px; }
#content h2 { color: #0697D6; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.3em; }
#content .banner {
	margin-top: -20px;
}
#content { color: #333; text-align: justify; }
#content p, #content span { line-height: 1.5em; }

#footer { width: 800px; margin: 0 auto; text-align: center; padding: 24px 0 16px 0; color: #4b4b49; }
#footer a { color: #666; }

/* ################# FORMS ########################## */
dl { margin-bottom: 2em; }
dt { float:left; color: #666; }
dd { margin-left: 90px; margin-bottom: 10px; }
dd input.text, dd textarea {
	width: 420px;
	border: 1px solid #999; 
	border-color: #999 #ccc #ccc #999;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	margin-bottom: 2px;
}
.addr, .addr input, .chk { display: none; }
dd input[type=text]:focus, dd input[type=password]:focus, dd textarea:focus, textarea:focus {
	border-color: #666 #aaa #aaa #666; 
	background-color: #f6f6f6;
}
dd input[type=submit] { padding: 0 16px; }
dd em { color: #666; }

#lang { width: 790px; }