* {margin: 0;padding:0;}
html, body {color:#000; font-family: Arial, Helvetica, sans-serif;}

.skipnav {font-size:6pt; text-decoration:none; position: absolute; left:0px; top:-100px; }
.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
.title {position:absolute; left:0px; top:-500px; overflow:hidden; }

img {border:none; }

blockquote {margin:15px 20px 0px 20px; padding:5px; font-weight: bold;}

q { font-weight: normal; color: #000; background-color: transparent; }
q:before, q:after {  content: "";}
strong {font-weight: bold;}
.abbr { border-bottom: 1px dotted #999;  cursor: help;}
acronym { border-bottom: 1px dashed #999; cursor: help;}
hr { border: none; border-top: 1px dashed #ccc; width: 100%; height: 1px; margin: 0; text-align: center}
.caption {font-weight: bold;  font-size: 0.85em; color: #666; background:transparent; margin:7px;}
.center {text-align:center; margin: 0 auto 0 auto;}

sup { line-height:2em;}
sub { line-height:1.2em; }

table { border-collapse:collapse; margin-bottom:6px; margin-top:6px;}
td { font-family: inherit; font-weight: normal; padding: 3px; font-size:0.81em;  border: 1px solid #ccc; empty-cells: show; text-align:left;}
td li { list-style: none;}
.tdHeaderLeft { font-family: inherit; font-weight: bold; padding: 0px; font-size:1.2em; color: #333; text-align: left; background:transparent;}
.tdHeaderCenter { font-family: inherit; font-weight: bold; padding: 0px; font-size:1.2em; color: #333; text-align: center; background:transparent;}


h1 { font-size: 1.7em; margin: 0 0 0 10px; padding: 6px 0 0 0; color: #000033; font-family: inherit; font-weight: normal; background-color: inherit; line-height: 1em; width: 500px; height:auto;} 
h2 {font-size: 1.3em; margin: 0; padding:0; color: #003399; font-family: inherit; font-weight: bold; background-color: inherit; line-height: 1.2em;  height:auto;}
h3 {font-size: 1.2em; margin: 0; padding:0; color:#336699; font-family: inherit; font-weight: bold; background-color: inherit;line-height: 1.2em; height:auto;}
h4 {font-size: 1em; margin: 0px; color: #333; padding:0; font-family: inherit; font-weight: bold; background-color: inherit;line-height: 1.2em;  height:auto;}


/* LEFT COLUMN */
#col_left {position:absolute; left:17px; top:10px; width: 190px; text-align:left; margin:0; padding:0; }

/*MAIN NAV*/
.note { width:179px; height:auto; margin:0 0 10px 0; padding:9px 0 0 0;}
.noteBtm { width:180px; height:9px; margin:0; padding:0;}

#MainNav {width: 179px; color: #666; margin:0; padding:0; text-align:left; font-size: 0.8em; text-decoration: underline; }
#MainNav ul { width: auto; list-style-type: none; padding:0; margin:0;}
#MainNav li { margin:0; padding:0; line-height:normal; width:160px; height: 32px;}
#MainNav a:link, #MainNav a:visited { display:block; color: #666; font-weight:bold; font-size: inherit;  text-decoration: none;  width:135px; margin:0;}

#subNavCafe, #subNavVisit, #subNavGreen, #subNavExhib, #subNavHelp, #subNavGames, #subNavFriends, #subNavContact { color: #666; font-size: 0.8em;}

.wrapper {min-height: 100%; height: auto; height: 100%; width: 583px; padding:0; margin: 0 auto -2em 200px; }

.container {width:560px; height: auto; margin:0; padding: 0 0 0 23px; }

.header {height:40px; padding:10px 0 0 0; width:537px;}
.header img {float:right;}

/*BREADCRUMB*/
#breadcrumb {width: 340px; min-height: 18px; background: transparent; text-align: left; color:#333; font-size:.8em; font-weight: normal; padding: 0; margin:0 0 8px 0;}
breadcrumb a,  #breadcrumb a:visited  #breadcrumb a:active {font-weight:normal; color:#0099cc; background: transparent; text-decoration:none; font-size: inherit;}
#breadcrumb a:hover {font-weight:normal; color:#006699; background: transparent; text-decoration:underline; font-size: inherit;}

.strapline {width:20px; margin:8px; position:absolute; top:60px; left: 735px;}


/*CONTENT*/
#content {background:#fff; width:auto;  margin: 0 50px 0 0; padding:10px; text-align:left; font-size: 0.81em;}
#content p { font-size: inherit; font-family: inherit; text-align: left; color: #333; margin-bottom: .8em; background-color: transparent; height:auto;}
#content a:active { color: #666; background-color: inherit; } 
#content a:link { color: #0099cc; font-size: inherit;  font-weight: bold; text-decoration: none; background-color: inherit; }
#content a:visited  { color: #006699; font-size: inherit;  font-weight: bold; text-decoration: none; background-color: inherit; }
#content ul {margin: 15px 0 15px 10px; padding:0; list-style-type: none;  height:auto;}
#content ul li {margin: 7px 0 0px 0; padding:0 0 0 12px; top left; line-height:1.15em;  height:auto;}
#content ul li a {margin: 0; padding:0; line-height:1.1em; }
#content ol { margin-left: 25px; padding: 0; margin-top:5px; margin-bottom: 10px; font-weight: normal;}
#content ol li {margin: 8px 0 0px 0px; padding:0px; line-height:1.1em; height:auto; }
#content ol li li {margin: 6px 0 0px -8px; padding-left:8px; line-height:1.1em; }
#content li sup { line-height:2em;}
#content li sub { line-height:2em; }
#content img { padding:7px;}


.gameslayout {position:relative; width:95%; padding:0; margin:0 0 0 10px; border:1px solid #333;}
.gameslayout img { float:left; margin:6px 0 6px 6px; }
.gameslayouttext {width:auto; padding:8px; margin:2px 2px 2px 70px; background: #def8ff; color:#000033; text-align:left;}


.stretch {height: 2em; width:530px; }

.clear {clear:left; margin:10px;}

.footer { margin: 0 auto 0 0px; padding: 0 7px 0 20px;  color: #333; font-size:0.7em; line-height:1.3em; }
.footer a { color: #333;  font-size:inherit; font-weight: normal;  text-decoration: underline;  padding: 0; }
.footer a:hover {font-size: inherit; color:#0099ff; text-decoration: underline;  }

#searchBox, .topofpage {visibility:hidden;}