html, body {
	color: #fff;
	font-size: 11px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background-color:#eee;
	margin: 0;
	height: 100%;
	padding: 0;
}

a:link {color: #c2ac22; text-decoration: none;}
a:visited {color: #c2ac22; text-decoration: none;}
a:hover {color: #faf13c; background-repeat: repeat; text-decoration: underline;}
a:active {color: #f1f1f1; background-repeat: repeat; text-decoration: none;}

fieldset {padding:4px 0 8px 8px ; background-color: #015335; border: solid 1px #c2ac22; width:540px;}

h1 { color: #c2ac22; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; height:20px; width:545px; border-bottom: #c2ac22 1px solid;}
h2 { color: #c2ac22; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; height:20px; width:90%; border-bottom: #c2ac22 1px solid;}
h3 { color: #c2ac22; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; height:20px; width:525px; border-bottom: #c2ac22 1px solid;}
h4 { color: #a6b52f; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 0; padding: 0; }


input { color: #363636; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: #f7f7f7; margin-right: 5px; border: solid 1px black; }
input.red {font-weight:bold; color: #363636; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(/images/header/highligh.gif); text-transform: uppercase; height: 19px; margin-left: 5px; padding-right: 3px; padding-left: 3px; border: solid 1px black; }
legend {color: #c2ac22; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase;}
p {color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin-right: 10px; margin-left: 15px; }
select { color: #363636; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: #f7f7f7; margin-right: 5px; border: solid 1px black; }

.borderless{border:none;background-color:transparent;}
.click-menu { width: 100%; }
.click-menu .box1 { background-color: #246f54; color: #c2ac22; font-weight: bold; font-size: 11px; font-family: tahoma; padding: 5px; cursor: default; position: relative; width: 510px; margin-top: 1px; margin-bottom: 1px; border: solid 1px; }
.click-menu .box1-hover { background-color: #546d64; color: #fff; font-weight: bold; font-size: 11px; font-family: tahoma; padding: 5px; cursor: default; position: relative; width: 510px; margin-top: 1px; margin-bottom: 1px; border: solid 1px #c2ac22; }
.click-menu .box1-open { background-color: #246f54; color: #fff; font-weight: bold; font-size: 11px; font-family: tahoma; padding: 5px; cursor: default; position: relative; width: 510px; margin-top: 1px; margin-bottom: 1px; border: solid 1px #c2ac22; }
.click-menu .box1-open-hover { background-color: #246f54; color: #faf13c; font-weight: bold; font-size: 11px; font-family: tahoma; padding: 5px; cursor: default; position: relative; width: 510px; margin-top: 1px; margin-bottom: 1px; border: solid 1px #c2ac22; }
.click-menu .box2 { position: relative; width: 510px; margin-top: 1px; margin-bottom: 1px; text-align: left; padding:5px; border: solid 1px #c2ac22; }
.click-menu .box2-hover { position: relative; width: 510px; margin-top: 1px; margin-bottom: 1px;text-align: left; padding:5px; border: solid 1px #c2ac22;}
.click-menu .section {color: #fff; background-color: transparent; font-family: arial; font-size: 12px; line-height: 15px; width: 510px;display: none; }
.click-menu .section a {color: #8baa88; text-decoration: none; width: 510px; white-space: nowrap; }
.click-menu .section a:hover {color: #ffd463; text-decoration: none; width: 510px; white-space: nowrap; }
.click-menu .section .active,
.click-menu .section .active:hover {color: yellow; width: 510px; }

.fieldContainer { margin-left: 125px; text-align: left; padding: 5px; }
.gameicon { background-color: #015335; margin: 2px; padding: 2px; border-color: #7e991e; border-width: 2px; }
.helpgroup { line-height: 20px; background-color: #246f54; width: 510px; max-width: 510px; padding: 10px; border: solid 1px #c2ac22; text-align: center;}
.helpgroup a:link { color: #c2ac22; font-size: 11px; font-weight: bold; line-height: 20px; text-decoration: none; padding: 2px 5px; }
.helpgroup a:visited { color: #c2ac22; font-size: 11px; font-weight: bold; line-height: 20px; text-decoration: none; padding: 2px 5px; }
.helpgroup a:hover { color: #015335; font-size: 11px; line-height: 20px; background: url(/images/header/highligh.gif); padding: 2px 5px; }
.helpgroup a.selected, a.selected:hover, a.selected:visited{color:#fff}
.hfloat { position: relative; color: #c2ac22; font-size: 12px; font-weight: bold; text-align: left; text-transform: uppercase; float: right; font-family: Georgia, "Times New Roman", Times, serif; }
.labelContainer { width: 120px; float: left; text-align: right; padding: 5px; font-weight: bold; clear: left;} 
.paymentsfloat { position: relative; right: 10px; bottom: 15px; float: right; }
.question {cursor: help; color: #c2ac22; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold;}
.timefloat { position: relative; color: #ffffff; font-size: 11px; font-weight: bold; text-align: left; top: 5px; left:10px; float: left; }

#bannerfloat {position: relative; top: 6px; left: 4px;}
#content { background-color: #015335; width: 772px; text-align:left; overflow: hidden; max-width: 772px; padding:0; padding-bottom: 20px;}
#dhtmltooltip{position: absolute;width: 150px;border: 1px solid black;padding: 6px;background-color:#006600;visibility: hidden;z-index: 100; color: #fff;}
#footer { color: #54650c; font-size: 11px; font-weight: bold; background: url(/images/footer/footerbg.gif) repeat-x; height: 29px; max-height: 59px; overflow: hidden;padding:25px 10px 0 10px; vertical-align: middle; clear: both;}
#footer a:link { color: #03f; text-decoration: none; }
#footer a:active { color: #03f; }
#footer a:hover { color: #03f; }
#footer a:visited { color: #03f; text-decoration: underline; }

#header { background-image: url(/images/header/gradient1.gif); text-align: left; width: 772px; height: 148px; z-index: 2; overflow: hidden;}
#jpsurround { background-color: #015335; margin: 2px; padding: 2px; border: 2px solid #7e991e; vertical-align: middle; font-size: 10px; font-weight: bold; }
#login {position:absolute; top:101px; color: #faf13c; font-size: 12px; font-weight: bold; background-image: url(/images/header/gradient3.gif); text-align: right; width: 772px; height: 37px; z-index: 0; overflow: hidden; max-height: 47px; padding: 10px 0 0 0; border-top: 1px solid black;}
#logo_banner{margin-left: 8px; height: 72px}

#main {margin:10px 7px 5px 190px; font-size: 12px; background-color: #004529; text-align: left; padding:10px; width:552px;max-width:572px;}

#nav { color: #454545; font-size: 12px; font-weight: bold; background:url(/images/header/gradient2.gif) repeat-x 0 7px; width: 772px; height: 28px;}

#rulesbutton { color: #454545; font-size: 12px; font-weight: bold; background-image: url(/images/header/gradient2.gif); text-align: center; height: 22px; z-index: 1; margin: 0 2px 2px 2px; border-right: 1px solid black; border-left: 1px solid black; }
#rulesbutton a:link {color: #340; text-decoration: none; padding:0 8px 0 8px;}
#rulesbutton a:visited {color: #54650c; text-decoration: none; padding:0 8px 0 8px;}
#rulesbutton a:hover {color: #340; background-color: #ddd887; background-image: url(/images/header/highligh.gif); text-decoration: none; padding:0 8px 0 8px;}
#rulesbutton a:active {color: #340; background-color: #ddd887; background-image: url(/images/header/highligh.gif); text-decoration: none; padding:0 8px 0 8px;}


#sidebar {position:relative; left: 5px; top:10px; float: left; width: 190px; padding:0; margin: 0;}

#text_links a:link {color: #340; text-decoration: none; padding:0 8px 0 8px; }
#text_links a:visited {color: #54650c; text-decoration: none; padding:0 8px 0 8px;}
#text_links a:hover {color: #340; background-color: #ddd887; background: url(/images/header/highligh.gif) repeat; text-decoration: none; padding:0 8px 0 8px;}
#text_links a:active {color: #340; background-color: #ddd887; background-image: url(/images/header/highligh.gif); background-repeat: repeat; text-decoration: none; padding:0 8px 0 8px;}

#wrapper{width: 772px;margin-left: auto;margin-right: auto;border:1px solid black; padding: 0}