html, body { margin: 0; padding: 0; border: 0; height: 100%; scrollbar-face-color: #4F3921; }
body { background-color: #e5d2a8; color: #4e3a1f; font-size: 9pt; font-family: "Trebuchet MS", Arial, sans-serif; text-align: center;background-image: url('img/bgc.jpg');background-repeat:repeat;}
a { color: #95771D; text-decoration: none; }
a:hover { color: #4F3921; text-decoration: underline; }
h1 { font-size: 1.3em; font-family: "Trebuchet MS", Arial, sans-serif; margin: 0; }
h2 { font-size: 1.1em; font-family: "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; margin: 0; padding: 0 0 4px 0; }
h3 { font-size: 0.9em; font-family: "Trebuchet MS", Arial, sans-serif; margin: 0; padding-bottom: 8px; }
h4 { font-size: 0.8em; font-family: "Trebuchet MS", Arial, sans-serif; color: #4F3921; text-transform: uppercase; margin: 0; padding-bottom: 8px; }
p  { margin: 0; padding-bottom: 8px; }
hr { clear: both; height: 1px; font-size:1px; border-top: dotted 1px #4d3c20; line-height:1px; }
img { border: none; }

form input, form textarea, form select { padding-left: 4px; margin: 1px 1px 1px 1px; color: #444; font-size: 84%; font-family: "Trebuchet MS", Arial, sans-serif; }
form input.focus { margin: 0px 0px 0px 0px;}
.txtIn {line-height: 16px; border: solid 1px #787564; background-color: #FDFBF2; /*background-image:url(img/input_white.gif); */}
textarea { overflow:auto; }
input .txtIn { height:18px; }
.ddlIn { font-size: 8pt; border: solid 1px #787564; background-color: #FDFBF2; }
.btn  { color:#FDFBF2;font-weight:600;height:20px; border-top: solid 1px #787564; border-left: solid 1px #787564; border-bottom: solid 1px #B7A368; border-right: solid 1px #B7A368; background-color: #b7a368;padding-left: 4px; padding-right:4px; font-family: "Trebuchet MS", Arial, sans-serif;}
.highlight { border: solid 2px #787564; background-color: #F3F3F1; color: #000; }
intput .highlight { height:16px; }

.imgBorder  {
	background-image:url('img/gfx/border.gif');margin-top:-4px;margin-left:-4px;width:128px;height:128px;border:0;
}

#wrapper {
	margin: 0 -482px;
	width: 983px;
	text-align: left;
	position:absolute;
	left:50%;
	top:0px;
}

#head, #headG {
	height: 186px;
	width: 960px;
	background-image:url('img/top.jpg');
	background-repeat: no-repeat;	
	background-position: right top;
}

#headG { height: 135px; background-image:url('img/topG.jpg'); }
#logo, #logoG { position: relative; top: 78px; left: 44px; width: 264px; height:48px; z-index:2; cursor:pointer; }
#logoG  { top: 46px; }

#logo a, #logoG a { display: block; text-decoration: none; }
#body { margin: 0; width: 960px; float:left;}

#side { position:relative; background-color: Transparent; width: 173px; height: 100%; float: left; }
#content  { position:relative; float: left; height:100%;width:575px; }
#contenttop, #contenttopG {
	background-image:url('img/contenttop.jpg');	background-repeat:no-repeat;
	width: 575px; height: 110px; float:left;
}
#contenttopG { background-image:url('img/contenttopG.jpg'); }
#contentbtm {
	background-image:url('img/contentbtm.jpg');	background-repeat:no-repeat;
	width: 575px; height: 109px; margin-top: -18px; float:left;
}
#contentbg { background-image:url(img/contentbg.jpg); background-repeat:repeat-y; 
	width: 575px; float:left; float:left;
}
#contenttopF, #contenttopFG {
	background-image:url('img/contenttopF.jpg');background-repeat:no-repeat;
	width: 787px; height: 110px; float:left;
}
#contenttopFG { background-image:url('img/contenttopFG.jpg'); }
#contentbtmF {
	background-image:url('img/contentbtmF.jpg');background-repeat:no-repeat;
	width: 787px; height: 109px; margin-top: -18px; float:left;
}
#contentbtm > div, #contentbtmF > div { padding: 24px 0 0 28px; }
#contentbgF { background-image:url(img/contentbgF.jpg); background-repeat:repeat-y; 
	width: 787px; float:left;
}
#contentCnt, #contentCntF {
	position: relative;
	margin-top: -100px;
	left: 8px; 
	background-color: #F3EAC9;
	border: solid 1px #9E948A;
	min-height: 420px; float:left;
}
#contentCnt { width: 550px; }
#contentCntF { width: 760px; }
#contentCnt > p, #contentCntF > p, .cPad {
	padding: 0px 4px 8px 8px;
	height: 100%;
}
#contentCntL
{
	padding: 8px 4px 8px 8px;
	float:left;
	border-right: dotted 1px #010000;
	height: 100%
}
.cnt { padding: 8px 4px 8px 8px; border-right: dotted 1px #010000; }

#contentCntL > hr { width: 101%; margin-top: -4px; }
#contentCntR {
	padding: 8px 4px 8px 4px;
	height: 100%; float: right; width: 172px;
}
#contentCntL ul {
	padding: 0; margin: 0 0 8px 8px; padding-left:10px;
}


#right { float:right;width:212px;height:100%;z-index:1; }
#right a { color: #4F3921; }
#righttop, #righttopG {
	background-image:url('img/righttop.jpg'); background-repeat:no-repeat;
	height: 110px;
}
#righttopG { background-image:url('img/righttopG.jpg'); }
#rightbtm {
	background-image:url('img/rightbtm.jpg'); background-repeat:no-repeat;
	height: 87px; margin-top: -14px;
}
#rightbg { background-image:url(img/rightbg.jpg); background-repeat:repeat-y; }
#rightCnt {
	position: relative;
	margin-top: -100px;
	left: 8px; width: 186px;
	border: solid 1px #9A8C5D;
	background-color: #C5B17C;
	z-index:1;
}
#rightCnt a { color: #fff; }
#right dl {
	padding: 0;
	margin: 0;
}
#right dt {
	padding: 6px 10px 4px 6px;
	margin: 0;
	color: #fff;
	font-size: 0.6em;
}
#right dd {
	padding: 0 6px 0 6px;
	margin: 0;
	font-size: 0.8em;
	color: #fff;
	border-bottom: dashed 1px #9A8C5D;
}
#right h2 
{
	color: #4e3a1f;
	padding: 4px 6px;
}
#right h3 
{
	font-size: 1.0em;
	color: #fff; 	
	padding-left: 10px;
	background-image: url(img/li3.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
}
#right > hr { color: #fff; }

.headL { background-color: #b7a368;color: #fff;height: 24px;width: 100%;border-bottom: solid 1px #9d9686;}
.headL h1 { padding: 2px 14px 0px 6px; }

#menu  { padding: 0; margin: 0; z-index: 1; }
.menutop, .menutopG {background-image:url('img/menutop.jpg'); background-repeat:no-repeat;width: 173px; height: 110px;}
.menutopG {background-image:url(img/menutopG.jpg);}
.menubtm {background-image:url('img/menubtm.jpg'); background-repeat:no-repeat;width: 173px; height: 90px;}
.menubg { background-image:url(img/menubg.jpg); background-repeat:repeat-y; width: 173px; float:left;}
.menuCnt {border: solid 1px #9E948A;background-color: #F3EAC9;position: relative;margin-top: -100px;left: 10px;width: 147px;}
.menuCntI {padding: 0 6px 4px 6px;}
.menuSub {position: relative;height: 40px;text-align: center;margin-top: 6px;margin-bottom: -34px;z-index:2;}
#menu hr { margin-top: -6px; font-size:1px;}
#menu a {text-decoration: none;display:block;}
#menu ul {padding: 0; margin: 0; list-style: none; }
#menu li {margin: 0;padding: 0;font-size: 11px;font-family: "Trebuchet MS", Arial, sans-serif;}
#menu ul li a, #menu ul li div {color: #4f3b20;padding-left: 14px;font-weight: bold;}
#menu ul li ul li a {margin-top: 0;height:19px;padding-left:24px;line-height: 19px;font-weight:normal;color: #91761F;background-image: url(img/li5.gif);background-position: 14px 4px;background-repeat: no-repeat;}
#menu ul li ul li ul { margin-bottom:4px; }
#menu ul li ul li ul li a {background-color: #fdf6ec;}
#menu li li li li a {padding-left: 15px;}
#menu ul li ul li ul li ul li a {background-color: #a1cedb;}

#btmcells div {
	float: left;
	font-size: .9em;
	margin-top: 3px;
	min-height: 72px;
}

#btmcells a {
	display: block;
	margin-bottom: 10px;
}

#cell_1 {
	width: 240px;
	padding: 10px 15px 0 10px;
	height: 100%;
}

#cell_2 {
	width: 240px;
	padding: 10px 15px 0 15px;
	border-left: dotted 1px #4d3c20;
	height: 100%;
}

#gameInfo {
	font-size: .9em;
	padding: 0px;
	background-color: #fdf6ec;
	height: 68px;
}
#gameInfo div { text-align:center;  }
.valImg { width:36px;margin: 0 8px 0 8px;float:left;}
.val { padding-top: 8px;font-size: 11px;width:36px;cursor:default;float:left; }
.gT { float:left; width:180px;font-size: 12px; font-family: "Trebuchet MS", Arial, sans-serif;text-transform: uppercase; margin:0; padding:0;font-weight:600;overflow:hidden;height:20px;white-space:nowrap;  }

#foot { position:relative;clear:both;padding: 1em;font-size: .8em;line-height: 1.4em;top:-48px; }
#foot a { color: #674E2F; }
#login, #loginG { position:relative;border:solid 1px #A09486;width:190px;height:104px;top:16px;left:752px;z-index:2;background-color:#F3EAC9; }
#loginG { top:-36px; }
.login > table, .loginG > table { margin: 2px;width:98%;border:0;font-size:0.9em; }
.login * td, .loginG * td {height:26px; }
.login * input, .loginG * input { height: 16px;font-size:8pt; }

#lngBox span { display:block;}
.lngSelDiv { background-color:#fff;width:122px;height:18px;border:solid 1px #bab49a;float:left;margin-right:2px;padding-left:2px; }
.lngOptDiv { background-color:#fff;width:124px;border:solid 1px #bab49a;z-index:20;margin-left:-3px; }
.lngOpt, .lngOptSel { background-color:#fff; background-repeat: no-repeat;background-position:3px 4px;vertical-align:middle;border: none 1px #bab49a;padding:1px 1px 1px 30px;}
.lngOptSel { background-color:#f9f7ea;border: solid 1px #bab49a;padding:0 0 0 29px;}

.err { color: #ff0000; }
.errBox { margin: 4px; border: solid 2px #ff0000;background-color: #F3EAC9; padding-right:8px; }
.errBox li { color:#674E2F;font-weight:500;list-style-image:url(img/li5.gif); }
.info { font-size: 0.75em; }
.infoBox { font-size: 0.9em;color:#674E2F;background-color:#f9f7ea;border: solid 1px #9E948A;padding:4px; }
.big { font-size: 2em; }

.dataTbl { border: 0px; }
.tdLabel, .tdLabel21 { width:125px;vertical-align: top;padding-top:5px; }
.tdLabel21 { height:26px;height: expression("21px"); }

.dataTd a, .dataTdf a, .more {	
	padding-left: 14px;
	background-image: url(img/li5.gif);
	background-position: 2px 2px;
	background-repeat: no-repeat;
}

.dataTbl th, .tdHigh, .tdHigh td {
	background-color: #fdf6ec;
	color: #4f3b20;
	border: solid 1px #b7a368;
	padding: 0 2px 0 2px;
	vertical-align: middle;
}
.dataTd {
	font-size: 8pt;
	border:0px;
	padding: 0px 4px 2px 4px;
}
.r { border:0;text-align:right; }
.c { border:0;text-align:center; }
.tdP { padding: 2px 4px 2px 4px; vertical-align: top; }
.dataTdf {
	font-size: 8pt;
	border:0;text-align:right;
	width: 35px;
}
.move { text-decoration:none; font-weight:bold; font-size:1.4em;width:22px; display:block }
.brd { border: solid 1px #9E948A; }
.bgc { background-color:#9E948A; }

.tutorial { color:#553910;display:block;font-size:14px;text-align:center;padding:0 10px 10px 10px;border-bottom:solid 1px #b7a368;margin-bottom:8px; }
#tutorialMenu { position:absolute;top:24px;left:756px;width:180px;margin:0px;padding:0px; }
#tutorialMenu A { color:#4e3a1f;font-weight:bold;font-size:14px;text-decoration:none; }
#tutorialMenu A:hover { text-decoration:underline;color:#95771D; }
#tutorialMenu UL { margin:0px;padding:0px;line-height:18px; }
#tutorialMenu LI { list-style-type:none;display:block;margin:0px;padding:0px;width:180px;margin-bottom:50px;}
#tutorialMenu LI.link1 {text-align:left;width:140px; }
#tutorialMenu LI.link2 {text-align:right; }

.tutLogo { position:absolute;top:220px;left:370px;}
.goldenBox { color:#553910;display:block;font-size:12px;left:270px;line-height:16px;margin:0px;padding:0px;position:absolute;text-align:center;top:300px;width:440px; }
.goldenBox .topRight { padding:0px; background:url(img/tutorial/goldenBoxTopRight.gif) no-repeat right top; }
.goldenBox .topLeft { padding:0px; background:url(img/tutorial/goldenBoxTopLeft.gif) no-repeat left top; }
.goldenBox .bottomRight { margin:0px;padding:0px; background:url(img/tutorial/goldenBoxBottomRight.gif) no-repeat right bottom; }
.goldenBox .bottomLeft { margin:0px;padding:0px; background:url(img/tutorial/goldenBoxBottomLeft.gif) no-repeat left bottom; }
.goldenBox .contentGoldenBox { padding:0 10px 10px 10px; }
.goldenBox H2 { font-size:14px;font-weight:bold;padding-top:10px; }
.goldenBox P { padding: 10px 0 0 0;margin: 0 0 8px 0;font-size:12px; }
.button135 { background: url(img/tutorial/button135x19_normal.gif) no-repeat 0px 0px;font-weight:bold;border:medium none;font-size:12px;width:135px;text-align:center;line-height:20px;display:inline-block;height:19px;color:#4e3a1f; }
.button135:hover { text-decoration:none;color:#fff; }
A.clickArea { position:absolute;z-index:100;background-image:url(img/blank.gif); border:#ffff00 3px solid;outline-style:none;outline-color:invert;outline-width:medium;text-decoration:none;padding:0;cursor:pointer;}

#tabs { border-bottom: #b7a368 1px solid;height:30px; font-weight: bold;}
#tabs a { background-color:#fdf6ec;padding: 0 8px;margin: 8px 2px 0 2px;line-height: 24px;font-size: 0.9em;line-height: 20px;border-right: #b7a368 1px solid;border-left: #b7a368 1px solid;border-top: #b7a368 1px solid;display:block;float:left;text-decoration: none;}
#tabs a:hover { border-top: #b7a368 1px solid;border-left: #b7a368 1px solid;border-right: #b7a368 1px solid;border-bottom: #b7a368 1px solid;margin-top: 9px;line-height: 20px; }
#tabs a.hier, #tabs a.hier:hover { font-size: 1.4em;border-top: #b7a368 1px solid;border-left: #b7a368 1px solid;border-right: #b7a368 1px solid;line-height: 26px;margin-top: 3px; }