body {
	margin: 0;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: #eee;
}

div#Page_Notice {
	background: #ffa;
	color: #000;
	font-weight: bold;
	font-size: 10pt;
	padding: 3px;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

div#Page_Result {
	background: #000;
	color: #fff;
	font-weight: bold;
	font-size: 10pt;
	padding: 3px;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

div#Navigator {
	float: right;
	margin: 2px 5px;
	height: 20px;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
}
div#Navigator a {
	font-size: 12px;
	color: #fff;
}

div#Header {
	float: left;
	width: 100%;
	height: 60px;
	background: #ff8000 url(/images/backgrounds/menubar_bg.gif) repeat-x;
	/*border-bottom: #ff8000 20px solid;*/
}
div#Header_Logo {
	width: 210px;
	height: 48px;
	position: absolute;
	left: 0;
	top: 0px;
}

div#Menubar {
	position: absolute;
	left: 210px;
	top:18px;
	width: 680px;
}
div#Menubar a {
	margin: 0;
	width: 75px;
	height: 42px;
	line-height: 42px;
	display: inline-block;
	font-size: 13pt;
	font-weight: bolder;
	color: #ff8000;
	text-align: center;
}
div#Menubar a:hover {
	text-decoration: none;
	color: #0080ff;
}

div#Content {
	background: #eee url(/images/backgrounds/Content_top_bg.gif) repeat-x;
	padding-top: 10px;
	float: left;
	width: 100%;
	display: block;
}

div#Location {
	clear: both;
	height: 42px;
	font-size: 16pt;
	font-weight: bold;
	line-height: 42px;
	color: #ff8300;
	background: #fff;
}
div#Location_Icon {
	width: 42px;
	height: 42px;
	background: no-repeat url(/images/backgrounds/tabbg.gif) -321px 0;
	float: left;
}

div#Footer {
	clear: both;
	margin: 10px auto 20px auto;
	height: 42px;
	text-align: center;
	font-size: 9pt;
	color: #666;
	background: #eee;
}

div#L0 {padding: 0 10px}
div#L0 div#Main {margin-top: 30px}
div#L0 div#Sidebar {display:none}
div#L0 div#Advertiser {display:none}

div#L1 div#Wrapper {float:left;width:100%}
div#L1 div#Main {margin: 30px 200px 0 242px}
div#L1 div#Sidebar {float:left;width:240px;margin-left:-100%;padding-left:2px;margin-top:30px}
div#L1 div#Advertiser {float:left;width:190px;margin-left:-200px;margin-top:30px}

div#L2 div#Wrapper {float:right;width:100%;margin-left:-242px}
div#L2 div#Main {margin-left:242px;margin-top:30px}
div#L2 div#Sidebar {float:left;width:240px;padding:0;margin-left:2px;margin-top:30px}
div#L2 div#Advertiser {float:left;clear:left;width:240px;margin-top:30px}

div#L3 div#Wrapper {float:right;width:100%;margin-left:-242px;padding-left:2px}
div#L3 div#Main {margin-left:242px;margin-top:30px}
div#L3 div#Sidebar {display:none}
div#L3 div#Advertiser {float:left;width:240px;padding:0;margin-left:2px;margin-top:30px}

/*
 menubar
*/
div.tableft_act {
	width: 21px;
	height: 42px;
	background: no-repeat url(/images/backgrounds/tabbg.gif) -237px 0;
	float: left;
}
div.tableft_inc {
	width: 21px;
	height: 42px;
	background: no-repeat url(/images/backgrounds/tabbg.gif) -258px 0;
	float: left;
}
div.tabbody_act {
	width: 75px;
	height: 42px;
	background: no-repeat url(/images/backgrounds/tabbg.gif) 0 0;
	float: left;
}
div.tabbody_inc {
	width: 75px;
	height: 42px;
	background: no-repeat url(/images/backgrounds/tabbg.gif) -87px 0;
	float: left;
}
div.tabgap_ai {
	width: 21px;
	height: 42px;
	background: no-repeat url(/images/backgrounds/tabbg.gif) -174px 0;
	float: left;
}
div.tabgap_ia {
	width: 21px;
	height: 42px;
	background: no-repeat url(/images/backgrounds/tabbg.gif) -195px 0;
	float: left;
}
div.tabgap_ii {
	width: 21px;
	height: 42px;
	background: no-repeat url(/images/backgrounds/tabbg.gif) -216px 0;
	float: left;
}
div.tabright_act {
	width: 21px;
	height: 42px;
	background: no-repeat url(/images/backgrounds/tabbg.gif) -279px 0;
	float: left;
}
div.tabright_inc {
	width: 21px;
	height: 42px;
	background: no-repeat url(/images/backgrounds/tabbg.gif) -300px 0;
	float: left;
}


/*
	board
*/
div.side_board {
	width: 220px;
}

div.boardcaption-c1 {
	width: 100%;
	height: 31px;
	float: left;
}
div.boardcaption-c2 {
	height: 31px;
	background: no-repeat url(/images/backgrounds/boardtopright.gif) right;
	padding-right: 8px;
}
div.boardcaption-c3 {
	height: 31px;
	background: no-repeat url(/images/backgrounds/boardtopleft.gif) left;
	padding-left: 8px;
}
div.boardcaption {
	height: 31px;
	background: repeat-x url(/images/backgrounds/boardtopbody.gif) left;
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	line-height: 31px;
	padding: 0 4px;
}
div.boardcaption a {
	margin: 0;
	color: #fff;
	font-weight: bold;
	line-height: 31px;
}

div.boardbody-c1 {
	width: 100%;
	float: left;
	background: #fff;
}
div.boardbody-c2 {
	background: repeat-y url(/images/backgrounds/boardbodyright.gif) right;
	padding-right: 8px;
}
div.boardbody-c3 {
	background: repeat-y url(/images/backgrounds/boardbodyleft.gif) left;
	padding-left: 8px;
}
div.boardbody {
	padding: 2px;
}
div.boardbody p {
	padding: 10px;
	font-size: 10pt;
}

div.boardfooter-c1 {
	width: 100%;
	height: 8px;
	float: left;
}
div.boardfooter-c2 {
	height: 8px;
	background: no-repeat url(/images/backgrounds/boardbtmright.gif) right;
	padding-right: 8px;
}
div.boardfooter-c3 {
	height: 8px;
	background: no-repeat url(/images/backgrounds/boardbtmleft.gif) left;
	padding-left: 8px;
}
div.boardfooter {
	height: 8px;
	background: repeat-x url(/images/backgrounds/boardbtmbody.gif) left;
	color: #fff;
	font-weight: bold;
	line-height: 31px;
}


/*
	image
*/
img.left {
	float: left;
	margin-right: 10px;
}
img.right {
	float: right;
	margin-left: 10px;
}
a img {
	border: none;
}
img {
	vertical-align: middle;
	margin: 3px;
}

/*
	table
*/
table {
	margin: 0;
}
table.center {
	margin-left: auto;
	margin-right: auto;
}
th {
	font-size: 12px;
	padding: 4px;
}
td {
	font-size: 12px;
	padding: 4px;
	text-align: left;
}
td p {
	font-family: Georgia;
}
thead {
	font-size: 15px;
	font-weight: 700;
	padding: 2px;
}
thead th {
	background-color: #eee;
}

table.bg th {
	background-color: #6df;
}
table.bg td {
	background-color: #bff;
}


/*
	align & display
*/
.left {
	text-align: left;
}
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.middle {
	margin-left: auto;
	margin-right: auto;
}
.right {
	text-align: right;
}
.justify {
	text-align: justify;
}
.inline {
	display: inline;
}
.indent {
	padding-left:10px;
}
.indent20 {
	padding-left:20px;
}
.indent30 {
	padding-left:30px;
}
.padding {
	padding: 10px;
}
.padding20 {
	padding: 20px;
}
.padding30 {
	padding: 30px;
}
.paddingLR30 {
	padding: 0 30px 0 30px;
}
.margin {
	margin: 10px;
}
.margin20 {
	margin: 20px;
}
.margin30 {
	margin: 30px;
}
.float-right {
	float: right;
	display: block;
}
.float-left {
	float: left;
	display: block;
}
.clear {
	clear: both;
}

/*
	form
*/
form {
	font-size: 12px;
	margin: 0;
	padding: 0;
}
form.bg {
	background-color: #fe9;
	border: #fc3 1px solid;
	padding: 5px;
}
input {
	font-size: 12px;
	font-family: Verdana;
}
input.readonly {
	border-width: 0;
}
textarea {
	font-size: 12px;
	font-family: Verdana;
}

/*
	header
*/
h1 {
	clear: both;
	font-size: 17pt;
	background: url(/images/backgrounds/h1_bg.gif) no-repeat;
	padding-left: 30px;
	line-height: 20pt;
}
h2 {
	font-size: 15pt;
	line-height: 17pt;
	margin: 10px 0 5px 0;
	padding: 0;
}
h3 {
	font-size: 12px;
}
h3.bg {
	font-weight: bold;
	background: url(/images/backgrounds/h3_bg.gif) no-repeat;
	width: 230px;
	height: 26px;
	line-height: 20pt;
	padding: 0 5px 0 5px;
	color: #fff;
	margin: 0;
}
h3.bg a {
	color: #fff;
}
h3.subject {
	margin-bottom: 0;
}
h3.title {
	background-color: #EAF3FA;
	margin: 2px;
	padding: 2px 7px;
	height: 2em;
	line-height: 2em;
}
h4 {
	font-size: 11pt;
	font-weight: 700;
	margin: 0;
	padding: 3px 0 3px 0;
}

/*
	List
*/
ul {
	margin-top: 4px;
	margin-bottom: 4px;
}
ul.menu {
	margin: 0;
	padding: 0;
}
ul.menu li {
	list-style: none;
	margin: 0;
}
ul.h_menu {
	margin: 0;
	padding: 0;
}
ul.h_menu li {
	display: inline;
}
ul.arrow {
	list-style-image: url(/images/icons/li_arrow.gif);
	margin-left: 15px;
	padding: 0px;
}

blockquote.note {
	border: #f80 2px dashed;
	background-color: #fd6;
	padding: 5px;
}


/*
 * Anchor
 */
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.menubar {
	display: block;
	height: 42px;
	line-height: 42px;
	background-color: #fff;
	color: #00c;
	overflow: hidden;
	padding: 5px;
}
a.menubar img {vertical-align: middle;}
a.menubar:hover {
	background-color: #ccf0f0;
	text-decoration: none;
}
a.h_menubar {
	display: inline-block;
	height: 42px;
	line-height: 42px;
	background-color: #fff;
	color: #00c;
	padding: 0 5px 0 5px;
}
a.h_menubar:hover {
	background-color: #ccf0f0;
	text-decoration: none;
}
a.h_menubar img {vertical-align: middle;}


/*
 * Border
 */

.bb {
	border: #b5cbd0 1px solid;
}
.dashed-top {
	border-top: #ddd 1px dashed;
}
.dashed-bottom {
	border-bottom: #ddd 1px dashed;
}
.dashed-right {
	border-right: #ddd 1px dashed;
}


/*
 * Background
 */
.bg_light {
	background-color: #EAF3FA;
}
.side_card {
	background: url(/images/backgrounds/site_card.gif) no-repeat left top;
	width: 202px;
	height: 132px;
	padding: 20px 10px 10px 10px;
	font-size: 12px;
}

/*
 * Font
 */
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}

small, .small {
	font-size: 75%;
}

/*
 * Post
 */

.post_content {
	font-size: 12px;
}
.post_meta {
	font-size: 9pt;
	color: #666;
}
.post_footer {
	background-color: #ddd;
	color: #006;
	font-size: 9pt;
}
div.widget-empty {
	margin-top: 20px;
	width: 100%;
	float: left;
}
div.widget {
	margin-right: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	padding: 2px;
	font-size: 11px;
}
h3.widget-title {
	color: #333;
	margin: 0;
	padding: 0 7px;
	line-height: 2em;
	background-color: #F2E9DB;
}
h3.widget-title span {
	display: block;
	text-align: left;
	font-size: 12px;
	float: left;
}
h3.widget-title small {
	display: block;
	text-align: right;
	float: right;
	font-size: 12px;
	font-weight: normal;
	line-height: 2em;
}
div.widget-meta {
	clear: both;
	padding: 0 14px;
	font-size: 1.2em;
	line-height: 2;
	color: #666;
}
div.widget-meta a {
	color: #666;
}
div.widget-content {
	padding: 10px 15px;
	font-size: 12px;
	color: #000;
}
div.widget-half-empty {
	margin-top: 20px;
	width: 50%;
	float: left;
}
.widget-footer {
	background-color: #EAF3FA;
	margin: 0 3px 3px 3px;
	height: 15px;
}

.side_box {
	width: 240px;
	margin: 0 0 10px 0;
}


/*
 * TabView
 */
#Tabs {
	padding: 0;
	font-size: 11pt;
}
.tabFocus {
	padding: 5px 5px 0 5px;
	line-height: 13pt;
	border: #b5cbd0 1px solid;
	border-bottom: #fff 1px solid;
	background-color: #fff;
}
.tabFocus a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
.tabInactive {
	background: #e0e0e0;
	padding: 5px 5px 0 5px;
	line-height: 13pt;
	border: #ddd 1px solid;
	border-bottom: none;
}
.tabInactive a:hover {
	text-decoration: none;
	color: #000;
}
#Panels {
	background-color: #fff;
}

/*
 * Album
 */

.album {
	background:#fff no-repeat url(/images/backgrounds/album_bg.gif);
	width: 148px;
	height: 190px;
	display: inline-block;
	float: left;
	text-align: center;
	padding: 20px 15px 10px 15px;
	margin: 2px;
}
.slide {
	background:#fff url(/images/backgrounds/slide_bg.gif) no-repeat left top;
	width: 148px;
	height: 190px;
	display: inline-block;
	float: left;
	text-align: center;
	padding: 20px 15px 10px 15px;
	margin: 2px;
}
.slide_thumb {
	width: 120px;
	height: 120px;
	vertical-align: bottom;
	text-align: center;
	margin: 0 auto 10px auto;
}
.slide_title {
	font-weight: bold;
	font-size: 12px;
}


.notice {
	font-weight: bold;
	color: #cff;
	border: #a00 1px solid;
	background-color: #006;
}