body {background: rgb(51,51,51); margin: 0 0 16px; padding: 0; font-family: arial,tahoma,verdana; text-align: center;}
a {text-decoration: underline; color: #666;}
a:hover {text-decoration: none;}
img {border: none;}
form {margin: 0; padding: 0;}
h1 {display: none;}
h2 {text-transform: uppercase; font-size: 18px; color: #555;}
h2 strong {color: #aaa; margin: 0 0 0 -4px;}
h3 {font-size: 18px; color: #555; margin: 0; padding: 8px 0;}
h4 {font-size: 12px; color: #555; margin: 0; padding: 8px 0;}
p, ol, ul, address {font-size: 12px; color: #777; line-height: 18px; margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 16px;}
th, td, caption {font-size: 12px; padding: 4px 8px; color: #777;}
.fclr {clear: both;}

form table {border-collapse: collapse; width: 100%; border: none;}
form td, form th {border: none; padding: 8px 4px; border-bottom: 1px solid #eee;}
form th {text-align: right; width: 140px;}
form .submit td {padding-left: 152px; border: none;}

#bgt{background: rgb(234,234,234) url(../gfx/bg-bgt.gif) scroll repeat-x left top;}
#bgb{background: transparent url(../gfx/bg-bgb.gif) scroll repeat-x left bottom;}

#nav {background: rgb(51,51,51);}
#nav a {color: #ccc;}
#nav ul {list-style-type: none; text-align: right; padding: 16px 8px 8px; margin: 0;}
#nav li {display: inline; padding: 0; margin: 0 0 0 16px;}

#all, #web {width: 1000px; margin: 0 auto;}
#all {background: #fff; text-align: left; position: relative;}

#top {background: url(../gfx/bg-top.jpg); height: 279px;}

#account {position: absolute; top: 280px; width: 530px; height: 40px; padding: 0 0 0 170px; background: transparent url(../gfx/bg-account.gif) scroll no-repeat 8px 0px;}
#account p {font-size: 14px; margin: 5px 0 0; padding: 0;}
#account p.logged {font-size: 14px; margin: 12px 0 0; padding: 0;}
#login, #password {width: 130px; position: relative; top: 4px;}
#btnlogin, #btnregister {height: 33px; margin: 0; border: none; color: transparent; font-size: 0; cursor: pointer; overflow: hidden; background: transparent none scroll no-repeat left top;}
#btnlogin {width: 86px; padding: 0 0 0 86px !important; background-image: url(../gfx/btn-login.gif);}
#btnregister {width: 114px; padding: 0 0 0 114px !important; background-image: url(../gfx/btn-register.gif);}

#pad {padding: 20px 8px;}

#txt {float: left; width: 640px; padding: 0 0 0 12px;}
#txt h3 {background: rgb(51,51,51); padding: 3px 8px; margin: 8px 0; font-weight: normal; text-transform: uppercase;}
#txt h3, #txt h3 a {color: #ccc;}
#txt h3 small {display: block; margin: 0; padding: 3px 0 0 8px; font-size: 11px; float: right; text-transform: lowercase;}
#txt h4 {font-size: 12px; margin: 8px 0; padding: 3px 8px; background: #eee;}
#txt h4 small {display: block; margin: 0; padding: 0 0 0 8px; font-size: 11px; float: right; font-weight: normal; text-transform: lowercase;}

#box {float: right; width: 280px; padding: 0 12px 0 0;}
#box ul {list-style-type: disc; padding: 0 0 16px 16px; margin: 0;}
#box li {margin: 0; padding: 0;}
#box li .date {}
#box li .city {font-weight: bold;}
#box .post a {font-weight: bold;}
#box .post span {font-size: 11px; display: block; margin-top: 0; color: #aaa; line-height: 12px;}

#foot {clear: both; padding: 32px 0 16px;  text-align: center;}
#foot hr {display: none;}
#foot p {padding: 8px 0 0; margin: 0 200px 0; border-top: 1px solid #ccc;}

#web {clear: both;}
#web p {padding: 5px 0; margin: 0 auto;}
#web ul {padding: 8px 0 0; margin: 0 auto;}
#web li {padding: 0; margin: 0 8px; display: inline;}

.thumbs {clear: both;}
.thumbs img {width: 60px; height: 60px;}
.thumb img, .thumb2 img  {border: 1px solid #fff; margin: 0 0 -3px 0; padding: 1px;}
.thumb:hover img, .thumb2:hover img {border: 1px solid rgb(22,50,78);}

.newsitem {clear: both;}
.newsitem p {text-align: justify;}
.newsitem .newsthumb {float: right; margin: 0 0 8px 16px; border: 1px solid #ccc; padding: 3px;}
.newsitem .more {clear: none; text-align: left !important;}

.news {clear: both;}
.news .date {margin: 0; padding: 0; font-size: 11px;}
.news .pic {clear: both; text-align: center; background: #eee; padding: 8px 0; margin: 0 0 16px;}
.news .pic img {margin: 0 auto; border: none;}
.news .pic p {font-size: 11px; margin: 4px 8px 0; padding: 0;}
.news .lead {font-weight: bold; border-bottom: 1px solid #ccc; margin: 0 0 14px; padding: 0 0 2px;}

.more {clear: both; text-align: right; text-transform: lowercase;}

.event {clear: both; padding: 0 0 16px;}
.event .place {margin: 0; padding: 0;}
.event .desc {margin: 0; padding: 0;}

.navigator, .back {clear: both; background: #eee; padding: 8px; text-align: center;}
.navigator p, .back p {margin: 0; padding: 0;}
.navigator small {font-size: 11px;}

.cover {float: right; width: 200px; height: 200px;}

.cd {clear: both;}
.cd img {clear: both; width: 200px; height: 200px;}

.single {clear: both; padding: 0 0 8px;}
.single img {width: 90px; height: 90px; float: left; margin: 0 8px 0 0;}
.single h3 {padding: 0; margin: 0;}
.single p {padding: 0; margin: 8px 0 0;}

.form {width: 100%; border-collapse: collapse;}
.form th, .form td {font-size: 12px; padding: 2px 8px; border: none;}
.form th {text-align: right;}
.form th span {font-weight: bold; color: #f00;}

.clip {float: left; width: 300px; height: 200px; margin: 0 10px; text-align: center;}
.clip img {width: 230px; height: 125px;}

.chart {float: left; width: 300px; height: 270px; margin: 0 10px; text-align: center;}

.link {clear: both; text-align: center; padding: 8px 0 16px;}

.user {clear: both; margin: 0 0 48px;}
.user table {border-collapse: collapse; width: 400px; border: none; overflow: hidden;}
.user td, .user th {border: none; padding: 2px 4px !important; border-bottom: 1px solid #eee;}
.user th {text-align: right; width: 140px;}
.user img {float: right; width: 200px; margin: 0;}

#syserr, #sysmsg {padding: 8px 16px; margin:  0 0 16px;}
#syserr {background: #800;}
#syserr a {color: #ff0;}
#sysmsg {background: #080;}
#sysmsg a {color: #ff0;}
#syserr p , #sysmsg p, #syserr ul , #sysmsg ul {font-size: 12px; margin: 0; padding: 0; color: #ccc;}
#syserr li, #sysmsg li {padding: 0; margin: 0 0 0 16px;}