body {
	font-family:Verdana, "Lucida Sans", Geneva, Arial;
	background-color:#B4D980;
	font-size:1em;
	font-weight:normal;
	margin: 0;
}

p {
    font-size:75%;
    line-height:1.4em;
}

li {
    font-size:75%;
    line-height:1.4em;
}

h1 {
	font-size:140%;
	color:#111;
	line-height:2em;
	text-align: center;
}

h2 {
    font-size:110%;
    color:#221;
}

h3 {
    font-size:90%;
    color:#696;
	text-align:center;
	font-weight:400;
	padding-top:5px;
}

h5 {
    font-size:65%;
	font-style:italic
}

a {
    text-decoration:underline;
}

a:hover {
    text-decoration:none;
}

#wrap {
	width:804px;
	position:relative;
	left:50%;
	margin:20px 0 0 -402px;
	background-color:#fff;
}

#header {
	width:804px;
	height:128px;
	background-image:url(header.gif);
	overflow:hidden;
	margin:0;
	padding:0;
}

#header a {
	font-size:80%;
	color:#330;
	text-decoration:none;
}

#header a:hover {
	font-size:90%;
	color:#fff;
	text-decoration:underline;
}

#content {
	width:804px;
	background-image:url(contentbg.gif);
	border:none;
}

#menu {
	text-align:center;
	margin:auto;
	height:26px;
	background-image:url(navbg.jpg);
}

#cen {
/* the number is "512" for four buttons, that means 128 times the number of buttons */
	width:512px;
	height:25px;
	margin:auto;
}

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

#menu li {
	display:inline;
	float:left;
}

#menu a {
	height:25px;
	background-image:url(navup.gif);
	font-family:"Lucida Sans",Verdana, Arial, Geneva;
	text-decoration:none;
	display:block;
	width:128px;
	font-size:12px;
	line-height:24px;
	color:#000;
	margin:0x;
}

#menu a.login {
	background-image:url(navlogin.gif);
	color:#fff;
}

#menu a.current {
	background-image:url(navover.gif);
	color:#000;
}


#menu a:hover {
	background-image:url(navover.gif);
	color:#719241;
}

#container { /* this is used for a one column page */
	width:725px;
	padding-top:8px;
	padding-right:40px;
	padding-bottom:20px;
	padding-left:40px;
}

#containerl {
	width:364px;
	padding:4px;
	float:left;
	margin-left: 20px;
}

#containerr {
	width:364px;
	padding:4px;
	float:right;
	margin-right: 20px;
}

.clearfix {
    clear:both;
}

.player {
	line-height:32px;
	text-indent:12px;
	color:#fff;
	background-image:url(playertitlebg.gif);
	background-repeat:repeat-x;
}

.playerplus {
	list-style-image:url(pl_st.gif);
	line-height:20px;
}

.playerminus {
	list-style-image:url(pl_we.gif);
	line-height:20px;
}

.left {
	float:left;
	padding:0px;
	padding-right:8px;
}

.right {
	float:right;
	padding:0px;
	padding-left:8px;
}

#bottom {
	width:804px;
	height:24px;
	position:relative;
    margin-top:-8px;
	margin-right:auto;
	margin-left:auto;
	background-image:url(bottom.gif);
}

#footer {
	color:#fff;
	width:804px;
	position:relative;
	left:50%;
	margin:5px 0 0 -402px;
	text-align:center;
}

#footer p {
    font-size:70%;
	margin:0;
	padding:0;
}

#footer a {
	color:#fff;
}

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

/* member login button classes. */

.memberlogin {
	width:170px;
	height:56px;
	margin:auto;
}

.memberlogin a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:52px;
	padding-bottom:4px;
	text-shadow: #222 0 0 0.2em;
	background-image:url(login_up.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:center;
	display:block;
	color:#fff;
	margin:0;
}

.memberlogin a:hover {
	background-image:url(login_over.jpg);
	color:#fff;
}