* {padding:0; margin:0;}
body {font:10pt 'courier new',monospace; color:#ccc; background:#000 url(img/back.gif); text-align:center;}

a {color:#999; text-decoration:none;}
a:hover {color:#ccc; text-decoration:underline;}

.clear {height:0; clear:both;}
.required {font:10pt 'courier new',monospace; color:#ccc;}
.small {font-size:9pt;}
.centered {text-align:center;}
.error {color:#f00;}
.bighi {font:bold 12pt 'courier new',monospace; color:#999;}
div.bighi {margin:4px 0;}
.label {}
.inText {}

input, textarea, button {font:9pt 'courier new',monospace; border:1px solid #fff; background-color:#ccc; color:#000;}

#wrap {min-width:680px;}

/* header */
#header {height:57px;}
#logo {width:120px; height:56px; float:left;}
#headerTitle {width:300px; height:54px; float:left; margin:4px 0 0 8px;}
#headerTitle h1 {font:normal 14pt 'courier new',monospace; color:#999; letter-spacing:4px; margin:2px 0 0 0; text-align:left;}
#headerTitle h2 {font:bold 14pt 'courier new',monospace; color:#666; letter-spacing:13px; margin:2px 0 0 0; text-transform:uppercase; text-align:left;}
#header a {color:#404040;}
#header a:hover {color:#ccc;}

#welcome {width:300px; font:8pt 'courier new',monospace; color:#ccc; text-align:right; padding-right:16px; margin-top:4px; float:right;}
#welcome strong {font-weight:bold; color:#666;}

#menuMain {height:28px; text-align:left; background:#404040;}
#menuMain ul {list-style-type:none;}
#menuMain ul li {width:120px; height:28px; float:left; text-transform:uppercase;}
#menuMain ul li a {font:10pt 'courier new',monospace; display:block; height:100%; line-height:2.0; color:#ccc; text-align:center; border-right:1px solid #333; letter-spacing:2px;}
#menuMain ul li a.current {color:#999; background:#1c1c1c; border:0;}
#menuMain ul li a:hover {color:#000; background-color:#ccc; text-decoration:none; border:0;}

#menuMain ul li ul {position:absolute; width:160px; background:#666; height:auto; border:1px solid #999; border-top-width:0; left:-999em;}
#menuMain ul li:hover ul, #menuMain ul li.ie6hover ul {left:auto;}

#menuMain ul ul li {font:normal 11px 'courier new',monospace; float:none; width:100%; height:20px; border-top:1px solid #999; text-transform:lowercase; overflow:hidden;}
#menuMain ul ul li a {display:block; width:100%; color:#000; padding-left:2px; line-height:1.2; text-align:left; border:0; letter-spacing:0;}
#menuMain ul ul li a:hover {color:#ccc; background:#333;}
#menuMain ul ul li.current {background:#999; border:0;}
#menuMain ul ul li.current:hover {}


#main {min-height:600px; background:#1c1c1c; padding:4px;}
#main .group {font:12pt 'courier new',monospace; color:#999;}
#main .group a {color:#c60;}
#main .group a:hover {color:#069;}

#main p {padding:0.5em 0;}
#main h1 {font:normal 18pt 'courier new',monospace; padding:0.2em 0;}
#main h2 {font-size:14pt; font-weight:normal; padding:0.2em 0;}
#main h3 {font-size:12pt; font-weight:bold; padding:0.2em 0;}
#main h4 {font-size:10pt; font-weight:bold; padding:0.2em 0;}

/* footer */
#footer {font:9pt 'courier new',monospace; color:#666; padding:2px; text-align:left;}
#footer a {color:#404040;}
#footer a:hover {color:#ccc;}
.footLeft {width:250px; padding-left:16px; float:left;}
.footRight {width:250px; float:right; text-align:right; padding-right:16px;}
#extras {display:none;}

/* content */
.content {padding:4px;}

.groupsPanel {width:720px; margin:0 auto;}
.groupCell {width:228px; text-align:left; margin:1px; padding:0; float:left; overflow:hidden;}
.groupCell a {display:block; width:218px; height:100%; font:12px 'courier new',monospace; color:#000; background:#666; border:1px solid #333; padding:4px;}
.groupCell a:hover {color:#ccc; border-color:#fff; background:#000; text-decoration:none;}
.groupCell img {border:1px solid #000;}
.groupCell a:hover img {border-color:#ccc;}

.itemsPanel {width:720px; margin:0 auto;}
.itemsPanel h1 {text-transform:lowercase; color:#999;}

.itemTnCell {width:100px; height:100px; padding:2px; margin: 2px; background:#666; border:1px solid #000; text-align:center; float:left; overflow:hidden;}
.itemTnCell a {display:block; width:100%; height:100%;}
.itemTnCell img {border:1px solid #000;}
.itemTnCell a:hover {background:#ccc;}
.itemTnCell a:hover img {border-color:#fff;}

.bigPicCell {margin:0 auto;}

table.formTab {border:0;}
table.formTab td {padding:4px;}
table.formTab button {font-size:9pt;}

.bigPicCell {}
.bigPic {}

.tip img {border:1px solid #000;}

#main #gbShow {width:720px; border:1px solid #666; padding:8px; margin:0 auto; text-align:left;}
#main #gbContent {background:#ccc;}
#main #gbContent p {font-size:9pt; margin:0; padding:1px 4px;}
#main #gbContent .nav {font:9pt verdana,arial,helvetica,sans-serif; text-align:center; padding:4px; color:#000;}
#main #gbContent .nav a {color:#666;}
#main #gbContent .nav a:hover {color:#fff;}
#main #gbContent .time {color:#ccc; background:#666;}
#main #gbContent .who {font:9pt verdana,arial,helvetica,sans-serif; color:#000; border-bottom:1px dotted #808080;}
#main #gbContent .msg {color:#333; padding:2px 4px 12px 4px;}

#main #gbContent .inactive {color:#666; background-color:#999;}
#main #gbContent .inactive .time {color:#333;}

#main #gbWrite {width:400px; margin:0 auto; text-align:left; background:#333; border:1px solid #666; padding:8px;}
#main #gbWrite table {}
#main #gbWrite table td {padding:4px; vertical-align:top;}

#main #contactForm {width:400px; margin:0 auto; text-align:left; background:#333; border:1px solid #666; padding:8px;}
#main #contactForm table {}
#main #contactForm table td {padding:4px; vertical-align:top;}


#ieoxAdTag {display:none;}
#conash3D0 {display:none;}
#counter {display:none;}
#syserror {color:#f00;}
#sysmsg {color:#ccc;}

