@charset "utf-8";
/* CSS Document */

body, html {
	height: 100%;
}

body {
	padding: 0px;
	margin: 0px;
	background-color: black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}

p {
	margin: 0px;
	padding: 0px;
	position: relative;
	padding-bottom: 10px;
}

a {
	margin: 0px;
	padding: 0px;
	color: #FF6;
}

a	{
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0 none;
}

h2 {
	color: #EEE;
	padding: 0px;
	margin: 0px;
	margin-bottom: 3px;
	font-weight: normal;
	text-shadow: 0 0 4px #FFF;
}

.baseup {
	vertical-align: 22%;
}

#wrap {
	padding: 0px;
	margin: 0px auto 0px;
	width: 800px;
	text-align: center;
	min-height: 100%;
}

/* Header */

#head {
	padding: 0px;
	margin: 0px auto;
/*	background: url(../images/head_y.jpg); /* or head_g,b,p,o */
	width: 800px;
	height: 158px;
	text-align: left;
}

#head img{
	left: 0px;
}

#search {
	position: relative;
	float: right;
	top: 121px;
	display: none;
}

/* Menu */

#menu {
	background: #353D3F;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 28px;
	width: 800px;
	position: relative;
	z-index: 100;
}

#menu img {
	float: left;
	border: none;
}

#menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#menu li {
	float: left;
	width: 152px;
	height: 28px;
	position: relative;
}

#menu a {
	background: url(../images/menu_bg.jpg);
	height: 28px;
	width: 137px;
	padding-left: 15px; 
	text-decoration: none;
	display: block;
	line-height: 27px;
	text-align: left;
}

#menu a:hover {
	background: url(../images/menu_hvr.jpg);
	text-decoration: underline;
}

#menu ul ul {
	visibility: hidden;
	position: absolute;
	top: 28px;
	width: 152px;
	border-top: 1px solid black;
}

#menu ul ul li {
	background-color: #4e595c /*#5B696C*/;
}

#menu ul ul li a {
	background-image: none;
}

#menu ul ul li a:hover {
	background-image: none;
	background-color: #67777a /*#7D8C8F*/;
}

#menu ul li:hover ul, #menu ul a:hover ul {
	visibility: visible;
}

/* Links */

#links {
	padding: 0px;
	margin: 10px auto 0px;
	background: url(../images/hr.jpg) bottom no-repeat;
	width: 800px;
	text-align: center;
}

#links a {
	text-decoration: none;
}

a#home_btn img {
	background: url(../images/home_btn.jpg) no-repeat left 50%;
	height: 33px;
	width: 130px;
	overflow: visible;
}

a#home_btn:hover img {
	background-position: -134px 50%;
}

a#who_btn img {
	background: url(../images/who_btn.jpg) no-repeat left 50%;
	height: 33px;
	width: 130px;
	overflow: visible;
}

a#who_btn:hover img {
	background-position: -134px 50%;
}

a#what_btn img {
	background: url(../images/what_btn.jpg) no-repeat left 50%;
	height: 33px;
	width: 130px;
	overflow: visible;
}

a#what_btn:hover img {
	background-position: -134px 50%;
}

a#member_btn img {
	background: url(../images/member_btn.jpg) no-repeat left 50%;
	height: 33px;
	width: 130px;
	overflow: visible;
}

a#member_btn:hover img {
	background-position: -134px 50%;
}

a#contact_btn img {
	background: url(../images/contact_btn.jpg) no-repeat left 50%;
	height: 33px;
	width: 130px;
	overflow: visible;
}

a#contact_btn:hover img {
	background-position: -134px 50%;
}

/* sub-links */

#sub {
	padding: 0px;
	margin: 0px auto 10px;
	width: 500px;
	color: #FAE442;
	font-weight: bold;
	text-align: left;
}

#sub a {
	color: #FAE442;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	font-weight: bold;
}

#sub a:hover {
	text-decoration: underline;
}

/* body */

#sidebar {
	position: absolute;
	padding: 0px;
	padding-left: 5px;
	padding-top: 37px; /*? 11 + 26 */
	padding-bottom: 11px;
	margin: 0px;
	width: 150px;
	height: 182px; /* 182 + 26 ? */
	top: 50px;
	left: -69px;
	background-image: url(../images/member_menu.png);
	z-index: 99;
}

#sidebar a {
	position: relative;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin: 0px;
	display: block;
	background: none;
	width: 147px;
	height: 23px;
	text-align: left;
	font-size: small;
	text-decoration: none;
}

#sidebar a:hover {
	background-image: url(../images/memb_menu_hvr.png);
	text-decoration: underline;
}

#body {
	margin: 0px auto;
	position: relative;
	padding: 0px;
	width: 800px;
	min-height: 200px;
	height: auto;
	height: 100%;
	text-align: left;
	background-image: url(../images/b_bg.jpg);
	margin-bottom: 150px;
}

#body img {
	position: relative;
	top: 0px;
	left: 0px;
}

#body_head {
	padding: 0px;
	margin: 0px auto;
	width: 800px;
	min-height: 90px;
	background: url(../images/b_head.jpg);
}

#body_foot {
	position: absolute;
	bottom: 0px;
	width: 800px;
	min-height: 74px;
	background: url(../images/b_foot.jpg) bottom;
}

#body .wide {
	margin: 0px 45px 50px 35px;
	position: relative;
	top: -35px;
	width: 720px;
	display: block;
}

#body .member_col {
	margin: 0px 45px 50px 95px;
	position: relative;
	top: -35px;
	width: 660px;
	display: block;
}

#body .col {
	margin: 0px 7px 50px 14px;
	position: relative;
	float: left;
	top: -35px;
	width: 362px;
	display: block;
}

#body .left {
	margin: 0px 23px 50px 35px;
	/*padding-left: 35px;
	padding-right: 238px;*/
	position: relative;
	float: left;
	top: -35px;
	width: 527px;
	display: block;
}

#body .search {
	margin: 0px auto 50px;
	position: relative;
	top: -35px;
	width: 600px;
	display: block;
	clear: both;
}

#body .right {
	margin: 0px 40px 50px 0px;
	/*padding-left: 585px;
	padding-right: 40px;*/
	position: relative;
	top: -40px;
	float: left;
	width: 175px;
	display: block;
}

#body .clear {
	clear: both;
}

/* footer */

#foot {
	background-image: url(../images/foot_bg.jpg);
	height: 150px;
	width: 100%;
	margin-top: -150px;
	clear: both;
	position: relative;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	color: #777;
}

#foot p {
	position: relative;
	top: 90px;
}

#foot a {
	color: #666;
}

#foot a:hover {
	text-decoration: none;
}

/* Newsboard ?? */

.newsboard {
	position: relative;
	/*float: left;*/
	width: 90%;
	height: auto;
	border: 1px solid #fff000;
	padding: 5px;
}

.newsboard .title {
	background-color: #CCCCCC;
	color: #000000;
	font-size: large;
	padding: 10px;
	margin: 0px;
	font-weight: bold;
	text-indent: 0px;
}

.newsboard .heading {
	background-color: #999999;
	color: #000000;
	font-size: small;
	padding: 5px;
	margin: 0px;
	font-weight: bold;
	text-indent: 0px;
}

.newsboard .sub-head {
	background-color: #666666;
	color: #fff;
	font-size: small;
	padding: 2px;
	margin: 0px;
	font-style: italic;
	text-indent: 0px;
}

.newsboard p {
	margin: 0px;
	margin-bottom: 10px;
	padding: 2px;
	text-indent: 8px;
	font-size: small;
}