
body {margin: 0; padding: 0; background: #fff; font-family: arial, helvetica, sans-serif; color: #fff; font-size: 12px; text-align: center;}
body.admin {background: #666;}
h1, h2, h3, h4, h5, h6 {font-size: 12px; font-weight: bold; margin: 0;}
p {margin: 0 0 1.2em 0;}
select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000;}
img, table {border: 0;}
form {margin: 0;}
a:link, a:active, a:visited {color: #fff; text-decoration: none;}
a:hover {text-decoration: underline;}
ul, li {margin: 0; padding: 0; list-style: none;}

.hide {display: none;}
.small {font-size: 11px;}

.imgright {float: right; margin: 0 0 30px 30px;}

#outer {position: relative; width: 880px; margin: 30px auto 0 auto; text-align: left; border: 10px solid #fff; background: #fff;}
#logo {width: 200px; height: 84px; position: absolute; top: 0; left: 0; background: url(../images/logo.gif); z-index: 20;}
#logo a {display: block; width: 200px; height: 84px; line-height: 200px; overflow: hidden;}

#top {position: relative; border-bottom: 10px solid #fff; height: 84px; overflow: hidden;}
body.admin #top {background: #333;}
#top ul {position: absolute;}

#mainnav {bottom: 7px; left: 210px; font-weight: bold;}
#mainnav li {display: inline; font-size: 11px;}

#pagenav {width: 124px; top: 10px; right: 0; background: url(../images/pagenav.gif);}
#pagenav li {width: 33px; height: 17px; float: left; line-height: 50px; overflow: hidden;}
#pagenav a {display: block; width: 33px; height: 17px;}
#pagenav #prevpage, #pagenav #prevpage a, #pagenav #nextpage, #pagenav #nextpage a {width: 29px;}
#pagenav.hide a {display: none;}

#main {position: relative; width: 880px; height: 560px;}
#prev, #next {display: block; width: 19px; height: 27px; position: absolute; top: 240px; line-height: 100px; overflow: hidden; z-index: 10;}
#prev {left: -29px; background: url(../images/pagenav.gif) -38px 5px no-repeat;}
#next {left: 890px; background: url(../images/pagenav.gif) -67px 5px no-repeat;}
.adlink {display: block; position: absolute; line-height: 2000px; overflow: hidden; z-index: 20; background: url(../images/blank.gif);}

#contents {position: absolute; left: 440px; top: 85px;}
#contents li a {position: relative; display: block; width: 440px; text-transform: lowercase; overflow: hidden; text-decoration: none;}
#contents li a span {position: relative; display: block; width: 440px; overflow: hidden; background: #fff; text-indent: 450px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;}

#main.page {color: #000; padding: 40px; border-left: 190px solid; width: 610px; height: 480px;}
	html>body #main.page {height: auto; min-height: 480px;}
#main.page h2 {font-size: 26px; margin-bottom: 20px; text-transform: lowercase;}
#main.page a {color: #000; text-decoration: underline;}

#allissues {margin-right: -20px;}
#allissues li {float: left; margin: 0 10px 30px 0; text-align: center; font-weight: bold; width: 200px;}
#allissues li.spacer {clear: both; float: none; height: 1px; overflow: hidden;}

form table {margin-top: 30px;}
form th, form tfoot td {text-align: right;}
form td {padding: 0 0 5px 10px;}
form input, form textarea {width: 250px; border: 1px solid #000;}
form tfoot td input {background: #000; color: #fff; font-weight: bold; width: auto;}

#footer {width: 900px; margin: 0 auto; text-align: right; color: #fff; font-family: tahoma,verdana,arial,helvetica,sans-serif; font-size: 9px; padding: 5px 0;}

body.admin #main {border-left: 190px solid #333; color: #000; padding: 40px; width: 610px; height: 480px;}
	html>body.admin #main {height: auto; min-height: 480px;}
body.admin #main h2 {font-size: 26px; margin-bottom: 20px;}
body.admin #main h3 {font-size: 18px; margin-bottom: 10px;}
body.admin #main a {color: #d00;}
body.admin ul.notes li {margin-bottom: 10px; padding-left: 10px; background: url(/images/bullet.gif) 0 7px no-repeat;}
body.admin ul.notes li ul {margin: 10px 0 5px 10px;}
body.admin ul.notes li li {margin-bottom: 6px; padding-left: 10px; background: url(/images/bullet.gif) 0 7px no-repeat;}

#main .admintable {border-collapse: collapse; margin-bottom: 25px; margin-top: 0;}
.admintable th, .admintable td {font-weight: normal; padding: 6px 10px; border-bottom: 2px solid #fff; text-transform: lowercase; background: #ddd;}
.admintable td.center {text-align: center;}
.admintable th {font-weight: bold; text-align: left;}
.admintable thead th, .admintable thead td {font-weight: bold; background: #aaa; white-space: nowrap; text-align: left; font-size: 14px; color: #fff;}
#main .admintable .listpage {width: 300px; min-width: 300px;}
html>body .admintable thead th.listpage {width: auto; min-width: 390px;}
#main .admintable thead th a {font-size: 11px; background: #d00; text-decoration: none; padding: 2px 5px; color: #fff; float: right; margin-left: 30px;}
.admintable input, .admintable textarea {width: 350px; border: 2px solid #fff;}
.admintable textarea {height: 350px;}
.admintable tfoot td {text-align: right; border: 0; padding: 5px 0; background: #fff;}
.admintable tfoot input {width: auto; background: #999; color: #fff; font-size: 12px; font-weight: bold; border: 2px solid #999; margin-left: 10px;}
.admintable tr.alt {background: #f2ead2; font-weight: bold;}
