* {margin: 0;padding:0;}
html, body {min-height: 100%; height: auto; height: 100%; color:#000; background: #c0d7e1 url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/trees.gif") repeat-x bottom left; 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.88em; color: #666; background:transparent; margin:7px;}
.center {text-align:center; margin: 0 auto 0 auto;}

.border { border: solid 1px #999; }

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: 0; font-size:1.2em; color: #333; text-align: left; background:transparent;}
.tdHeaderCenter { font-family: inherit; font-weight: bold; padding: 0; font-size:1.2em; color: #333; text-align: center; background:transparent;}

/* REMOVES TABLE BORDER FROM TWISTIES VIEW */
.twisties table { border: none;}
.twisties td { border: none;}

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;}ul { width: auto; list-style-type: none;  padding:0 0 0 9px;}ul { width: auto; list-style-type: none;  padding:0 0 0 9px;}

h2.cafe {font-size: 1.3em; margin: 0; padding:0; color: #996633; font-family: inherit; font-weight: bold; background-color: inherit; line-height: 1.2em; height:auto;}
h2.visit {font-size: 1.3em; margin: 0; padding:0; color: #663366; font-family: inherit; font-weight: bold; background-color: inherit; line-height: 1.2em; height:auto;}
h2.green {font-size: 1.3em; margin: 0; padding:0; color: #6c7c01; font-family: inherit; font-weight: bold; background-color: inherit; line-height: 1.2em; height:auto;}
h2.Exhib {font-size: 1.3em; margin: 0; padding:0; color: #3399cc; font-family: inherit; font-weight: bold; background-color: inherit; line-height: 1.2em; height:auto;}
h2.help {font-size: 1.3em; margin: 0; padding:0; color: #990000; font-family: inherit; font-weight: bold; background-color: inherit; line-height: 1.2em; height:auto;}
h2.games {font-size: 1.3em; margin: 0; padding:0; color: #0099cc; font-family: inherit; font-weight: bold; background-color: inherit; line-height: 1.2em; height:auto;}
h2.friends {font-size: 1.3em; margin: 0; padding:0; color: #cc0033; font-family: inherit; font-weight: bold; background-color: inherit; line-height: 1.2em; height:auto;}
h2.contact {font-size: 1.3em; margin: 0; padding:0; color: #009966; font-family: inherit; font-weight: bold; background-color: inherit; line-height: 1.2em; height:auto;}

/* SEARCH */
#searchBox {width:165px; height:22px; background: transparent; color:#333; margin:0 0 8px 8px; padding:0; text-align:left;}
#searchBox input {display: inline;  margin-left:3px;}
.searchBoxInner {margin:0; padding:0; height:17px;}
.textField {width:120px; height:18px; font-size: 0.86em; margin:0; padding:0; background: #eaf8ff; color:#333; }
.searchButton { width:31px; height:auto; margin:0; padding:0; color:#333; font-size: 0.82em;}

/* 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; background:url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/NavBkgdTop.gif") no-repeat; margin:0 0 10px 0; padding:9px 0 0 0;}
.noteBtm { width:180px; height:9px; background:url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/NavBkgdBtm.gif")  no-repeat; margin:0; padding:0;}
*html .note {margin:0;}

#MainNav {width: 179px; background:url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/NavBkgd.gif")  repeat-y top left; color: #333; margin:0; padding:0; text-align:left; font-size: 0.8em;}
#MainNav ul { width: auto; list-style-type: none; padding:0; margin-left:10px;}
#MainNav li { margin:0; padding:0; line-height:normal; width:160px; height: 32px;}
#MainNav a:link, #MainNav a:visited {position:relative; left: 35px; top:8px; display:block; color: #333; font-weight:bold; font-size: inherit;  text-decoration: none;  width:135px; margin:0;}
#MainNav a:hover { display:block;  color: #006699; font-weight:bold; font-size: inherit;  text-decoration: none; }

.navCafe { background: transparent url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/icon_cafe.gif") no-repeat; width:30px;}
.navVisit { background:url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/icon_visit.gif") no-repeat; width:30px;}
.navGreen { background:url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/icon_green.gif") no-repeat; width:30px;}
.navExhib { background:url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/icon_exhib.gif") no-repeat; width:30px;}
.navHelp { background:url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/icon_help.gif") no-repeat; width:30px;}
.navGames { background:url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/icon_games.gif") no-repeat; width:30px;}
.navFriends { background:url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/icon_friends.gif") no-repeat; width:30px;}
.navContact { background:url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/icon_contact.gif") no-repeat; width:30px;}


.wrapper {min-height: 100%; height: auto; height: 100%; width: 583px; padding:0; margin: 0 auto -2em 200px; 	background:url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/Paper_Bkgd.jpg") repeat-y top left; }

.container {width:560px; height: auto; margin:0; padding: 0 0 0 23px; background:url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/Paper_Bkgd.jpg") repeat-y top left; }

.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;}

.rightimage {background:url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/miners.jpg") no-repeat top right; height: 320px; width: 245px; padding:0;margin: 0; position:fixed; top:0; left:772px;}
*html .rightimage { position:absolute; top:0; left:772px; width:245px; }

/*CONTENT*/
#content {background:#fff; border:1px dotted #faeedc; width:auto;  margin: 0 50px 0 0; padding:10px; text-align:left; font-size: 0.81em; min-height:400px;}
*html #content {height:400px;}
#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 a:hover { color:  #006699;  font-size:  inherit;  font-weight: bold; text-decoration: underline; 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; background: url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/bullet.gif") no-repeat 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;}

/* Feedback Form */
#form { margin: 0; padding: 0; }
#form p { margin: 0; padding: 0 5px 10px 5px; }
#form fieldset { border: solid 1px #ccc; padding: 5px; margin: 5px; }
#form fieldset legend { line-height: 130%; font-size: 1.1em;  font-weight:bold; color:#336699; margin: 0; padding: 0 5px; }
#form fieldset label { vertical-align: top; font-weight: bold; width: 135px; float: left; text-align: right; padding-top: 5px; padding-right: 5px; }
#form fieldset textarea { margin-left: 160px; width: 300px; height: 100px; background:#eaf8ff; color: #000; font-family: inherit; border: solid 1px #666; margin: 2px; padding: 2px; overflow: auto; }
#form fieldset input { margin-left: 160px; width: 300px; background:#eaf8ff; color: #000; border: solid 1px #666; margin: 2px; padding: 2px; }
#form fieldset textarea:focus, #form fieldset input:focus { background-color: #fff; color: #000; }

#form .indent { margin-left: 135px; }
#form .indent label	{ font-weight: normal; float: none; text-align: left; padding-top: 5px; padding-right: 5px; }
#form .indent input	 { border: 0; width: 10px; }
#form .indent input.button 	{ width: auto;  margin-left: 8px; font-weight: bold; background-color: #0099cc; color: #fff;  padding: 1px; border: solid 2px #000; cursor: pointer;  }

.mandatory	{ font-weight: bold;  }


.homeboxone {float:left; width:150px; padding:0 0 3px 0; margin:0 8px 0 0; border:3px solid #000; text-align:center; }
.homeboxonetop {width:auto; padding:7px; margin:1px; background: #def8ff; color:#000033; text-align:left; font-weight:bold;}

.homeboxtwo {float:left; width:150px; padding:0 0 3px 0; margin:0 125px 0 0; border:3px solid #000; text-align:center; }
.homeboxtwotop {width:auto; padding:7px; margin:1px; background: #f6c7cc; color:#000033; text-align:left; font-weight:bold; }

.homeboxthree { width:auto; padding:0 0 3px 0; margin:0 0 0 330px; border:3px solid #000; text-align:center; height: 200px;}
.homeboxthreetop {width:auto; padding:7px; margin:1px; background: #e2f17d; color:#000; font-weight:bold; text-align:left; height: 36px;}


.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;}

.topofpage { margin:10px 0 10px 10px;  height:auto; }
.topofpage a, .topofpage a:active{ color: #0099cc; font-size: 0.84em;  font-weight: bold; text-decoration: none; background-color: inherit; }
.topofpage a:hover { color: #006699;  font-size: 0.84em;  font-weight: bold; text-decoration: underline; background-color: inherit; } 

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

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

.footer {background:url("/killhope08/usp.nsf/Lookup/InterfaceImages/$file/Paper_Bkgd.jpg") repeat-y top left;  margin: 0 auto 0 0px; padding:0 7px 0 20px;  color: #999; font-size:0.7em; line-height:1.3em; }
.footer a { color: #999;  font-size:inherit; font-weight: normal;  text-decoration: underline;  padding: 0; }
.footer a:hover {font-size: inherit; color:#006699; text-decoration: underline;  }