body {
	background: #f0efda;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
* { padding:0; margin:0; }
#wrapper {
	background: url(/images/webcard/bluespirit/header.png) #fff no-repeat top;
	padding-top:26px;
	width: 700px; margin: 30px auto 0 auto;
}
th { text-align: left; padding-right:10px; }
#menu {	background: #708de2; height: 26px; }
#menu ul { list-style: none; margin:0 auto; }
#menu ul li { float:left; text-align: center; position: relative; z-index: 97; border-right: 1px solid #ccc; }
#menu ul li:hover { z-index: 99; }
#menu ul li a { color: #fff; text-decoration: none; font-size: 0.9em; display:block; float:left; height: 16px; padding: 5px 20px; }
#menu ul li a.last { border: none; }
#menu ul li a:hover, #menu ul li a.active { color: #fff; background: #003399; }

/* Submenu */
#menu div.sub { background: #708de2; display:none; left:0; position:absolute; top:26px; width:186px; z-index: 98; }
#menu div.sub ul { margin: 0; padding: 0; }
#menu div.sub li { margin: 0; text-align: left; float: none; width: 186px; border: none; }
#menu div.sub li a { float: none; height: auto; }
#menu li:hover div.sub { display: block; }


#header { height: 118px; border-bottom: 1px solid #f0efda; background: #fff; }
#logo { font-size: 1.5em; color: #003399; padding: 38px 0 0 36px; }
#logo h1 { font-family: "Times New Roman", Times, serif; font-size: 1.6em; }
#slogan { font-size: 0.6em; color: #000; }

/* Banner */
#banner_content h2 {
    font-size: 20px;
}
#banner_content h3 {
    font-size: 16px;
}

/* ################# CONTENT ###################### */
#content_wrapper { background: #fff; width: 700px; }
#content { padding: 10px 20px; }
#content h2 { color: #003399; font-size: 1.2em; border-bottom: 1px solid #a3a3a3; }
#content .banner {
	margin-top: -10px;
}
#content { color: #333; text-align: justify; }
#content p, #content span { line-height: 1.5em; }

#footer { width: 700px; margin: 0 auto; text-align: center; color: #666; background: url(/images/webcard/bluespirit/footer.png) no-repeat top; padding-top: 36px; }
#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: 690px; }