body {
	background: #eef7fe;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
* { padding:0; margin:0; }
#wrapper {
	margin: 0 auto;
	background: url(/images/webcard/bluetab/contentBg.png) repeat-y center;
}
th { text-align: left; padding-right:10px; }
#menu {	background: url(/images/webcard/bluetab/menuBg.jpg) repeat-x; height: 31px; margin: 0 auto; padding-top: 10px; }
#menu ul { list-style: none; margin:0 auto; width: 748px; }
#menu ul li { float:left; text-align: center; margin-right: 4px; position: relative; z-index: 97; }
#menu ul li:hover { z-index: 99; }
#menu ul li a { text-decoration: none; font-size: 1em; display:block; float:left; height: 31px; }
#menu ul li a span.left { display: block; float:left; width: 2px; height: 31px; }
#menu ul li a span.text { display: block; float: left; height: 15px; padding: 8px; font-weight: normal; font-size: 0.9em; color: #fff; }
#menu ul li a span.right { display: block; float:left; width: 2px; height: 31px; }
#menu ul li:hover>a, #menu ul li a:hover, #menu ul li a.active { background: #fff; }
#menu ul li:hover>a span.left, #menu ul li a:hover span.left, #menu ul li a.active span.left { background: url(/images/webcard/bluetab/tabWhiteLeft.jpg) no-repeat; }
#menu ul li:hover>a span.text, #menu ul li a:hover span.text, #menu ul li a.active span.text { color: #1c74b3; }
#menu ul li:hover>a span.right, #menu ul li a:hover span.right, #menu ul li a.active span.right { background: url(/images/webcard/bluetab/tabWhiteRight.jpg) no-repeat; }

/* Submenu */
#menu div.sub { background: #fff; display:none; left:-1px; position:absolute; top:31px; width:186px; z-index: 98; border: 1px solid #267fc1; border-width: 0 1px 1px 1px; }
#menu div.sub ul { margin: 0; padding: 0; width: auto; }
#menu div.sub li { margin: 0; text-align: left; float: none; width: 186px; }
#menu div.sub li a { float: none; height: auto; }
#menu div.sub li a:hover, #menu div.sub li a.active { text-decoration: underline; }
#menu div.sub .left, #menu div.sub .right { display: none; }
#menu div.sub .text { color: #333; }
#menu li:hover div.sub { display: block; }

#header { height: 115px; background: #fff; }
#header_content { margin: 0 auto; width: 760px; }
#logo { font-size: 1.5em; color: #2780c2; padding: 30px 0 0 26px; }
#slogan { font-size: 0.6em; color: #333; }

/* Banner */
#banner_wrapper {
    margin: 0 5px 0 6px;
}

/* ################# CONTENT ###################### */
#content_wrapper { margin: 0 auto; width: 761px;  }
#content { padding: 10px 20px; color: #333; }
#content h2 { color: #2780c2; font-size: 1.1em; border-bottom: 1px solid #2780c2; }
#content { text-align: justify; }
#content p, #content span { line-height: 1.5em; }

#footer { background: url(/images/webcard/bluetab/footerBg.png) no-repeat top; width: 761px; padding-top: 14px; margin: 0 auto; text-align: center; color: #000; }
#footer a { color: #000; }

/* ################# 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: 751px; margin-bottom: -22px; }