* {margin: 0; padding: 0;}
html {background: #3A7728 url('../images/bg_cols.png') top repeat-y; overflow-y: scroll;}
body {background: url('../images/top_bg.png') repeat-x; margin: 0 auto; font-family: tahoma, arial, sans-serif; font-size: 12px; color: #E5E5E5;}
table {border-collapse: collapse;}
td {vertical-align: top;}
a {text-decoration: none; color: #82DD66; outline: none;}
a:hover {color: #fff;}
img {border: 0;}
input {vertical-align: middle; font-family: tahoma, arial, sans-serif; color: #666; font-size: 11px;}
textarea {overflow: auto; font-family: tahoma, arial, sans-serif; color: #666; font-size: 11px;}
select {font-family: tahoma, arial, sans-serif; color: #666; font-size: 11px;}
#body #ArtForms select.inputbox {width: 80px;}
.inputbox, #body #ArtForms .inputbox {border: 1px solid #666; background: #eee; padding: 2px; font-weight: normal;}
.inputbox:focus, #body #ArtForms .inputbox:focus {background: #fff;}
.button, #body #artforms-box .artforms-button, #body #artforms-box .artforms-button:hover {font-size: 11px; font-weight: bold; color: #B5CC8E; padding: 2px 6px; background: #3A7728; border: 1px solid; border-color: #4D843D #274A1B #274A1B #4D843D; cursor: pointer;}

#outer {background: url('../images/top.jpg') top no-repeat;}
#inner {width: 940px; margin: 0 auto;}
#header {height: 164px; position: relative;}
#logo {float: left; width: 415px; height: 132px; line-height: 132px; overflow: hidden; text-indent: 450px;}
#header .moduletable {float: right; height: 112px; width: 460px; padding: 20px 30px 0 20px; background: url('../images/header_login.png') no-repeat;}
#header h3 {font-size: 36px; font-weight: normal; color: #3A7728; padding: 4px 0 0 0;}
#header .inputbox, #header .button {/*float: left;*/}
#header .inputbox {width: 110px; padding: 4px; border: 1px solid #61A94B; background: #2C571E; font-size: 14px; color: #B9FFA6; margin: 0 5px 0 0;}
#header #mod_loginform .button {background: url('../images/login_button.png') no-repeat; border: 0; padding: 0 0 0 28px; text-indent: 28px; width: 28px; height: 28px; overflow: hidden; margin: 0 10px 0 0;}
#header #mod_loginform {line-height: 0; font-size: 0; padding: 8px 0 0 0; color: #0D0D0D;}
#header #mod_loginform .mod_login {font-size: 12px; margin: 0 12px 0 0; font-size: 11px; position: relative; top: 4px;}
#header .moduletable a {color: #fff; text-decoration: underline;}
#header .moduletable a:hover {text-decoration: none;}

.moduletable-nav {position: absolute; left: 0; bottom: 1px; border-left: 1px solid #2C571E;}
#top li {list-style: none; float: left; margin: 0 1px 0 0;}
#top li:hover {background: url('../images/menu_grey_right.gif') top right no-repeat;}
#top .mainlevel-nav {float: left; line-height: 28px; padding: 0 12px; background: url('../images/menu.png') repeat-x; position: relative; color: #fff; font-weight: bold; border: 1px solid #3A7728;}
#top .mainlevel-nav:hover, #top #active_menu-nav.mainlevel-nav {background: url('../images/menu_hover.png') repeat-x;}

.moduletablelang {position: absolute; right: 0; bottom: 1px; width: 340px;}
.moduletablelang #jflanguageselection ul.jflanguageselection li {background: url('../images/lang.png') repeat-x; margin: 0 0 0 1px; float: left; display: inline; line-height: 28px; height: 28px; width: 100px; border: 1px solid #2C571E;}
.moduletablelang div#jflanguageselection li img.langImg {float: left; margin: 0 6px 0 0;}
.moduletablelang a {padding: 0 12px 0 0; font-weight: bold; color: #fff;}
.moduletablelang a:hover {color: #82DD66;}
.moduletablelang #active_language a {color: #fff;}

#main {clear: both; width: 940px; float: left;}
#body {margin: 20px 171px 0;}
.blog, .contentpane, .contentpaneopen {width: 100%;}
#body .row .contentpaneopen td {padding: 0;}

.row {height: 100%; overflow: hidden; margin: 0 0 20px 0;}
.row img {position: relative; top: -10px;}
#user1 {float: left; width: 186px; background: #2C571E url('../images/heading_shadow.png') 0 25px repeat-x; font-size: 11px; line-height: 130%;}
#user1 h3 {font-size: 14px; color: #fff; line-height: 19px; padding: 2px 12px; margin: 0 0 5px 0; background: #F28411 url('../images/heading_orange.png') repeat-x; border: 1px solid #F28411;}
#user1 .dn-each {border-bottom: 1px solid #4D843D; padding: 6px 15px 8px;}
#user1 h5 {font-size: 11px; font-weight: bold; padding: 0 0 2px 0;}
#user1 h5 a {color: #E5E5E5;}
#user1 h5 a:hover {color: #bbb;}
#user1 #mainlevel {list-style: none;}
#user1 #mainlevel a {color: #fff; text-transform: uppercase; letter-spacing: 1px; display: block; line-height: 25px; padding: 0 15px; background: #4D843D url('../images/more.png') 100% 0 no-repeat; border-left: 1px solid #3A7728;}
#user1 #mainlevel a:hover {}

#user2 {float: right; width: 400px; font-size: 11px; line-height: 130%;}
#user2 img {float: right !important; margin: 0 0 0 5px !important;}
#body #user2 div.contentheading,
#body #user3 div.contentheading,
#body #user4 div.contentheading,
#body #user5 div.contentheading,
#body #user6 div.contentheading {font-size: 14px; color: #fff; line-height: 19px; padding: 2px 12px; margin: 0 0 12px 0; background: #2C571E url('../images/heading.png') repeat-x; border: 1px solid #2C571E;}
#body #user2 div.contentheading,
#body #user4 div.contentheading,
#body #user6 div.contentheading {text-align: right;}
#user2 p, #user3 p, #user4 p, #user5 p, #user6 p {margin: 10px 0 0 0;}

#user3, #user5 {float: left; width: 293px; font-size: 11px; line-height: 130%;}
#body #user3 .contentpaneopen td.contentheading, #body #user5 .contentpaneopen td.contentheading, #body #user3 div.contentheading, #body #user5 div.contentheading {font-size: 14px; color: #fff; line-height: 19px; padding: 2px 12px; margin: 0 0 12px 0; background: #2C571E url('../images/heading.png') repeat-x; border: 1px solid #2C571E;}

#user4, #user6 {float: right; width: 293px; font-size: 11px; line-height: 130%;}
#body #user4 .contentpaneopen td.contentheading, #body #user6 .contentpaneopen td.contentheading, #body #user4 div.contentheading, #body #user6 div.contentheading {font-size: 14px; color: #fff; line-height: 19px; padding: 2px 12px; margin: 0 0 12px 0; background: #2C571E url('../images/heading.png') repeat-x; border: 1px solid #2C571E; text-align: right;}

.row .contentpane span.readon {display: block; margin: 12px 0 0 0;}
.row .contentpane a.readon {color: #fff; text-transform: uppercase; letter-spacing: 1px; display: block; line-height: 25px; padding: 0 15px; background: #4D843D url('../images/more.png') 100% 0 no-repeat; border-left: 1px solid #3A7728; float: left; width: 156px;}
.row #user2 .contentpane a.readon,
.row #user4 .contentpane a.readon,
.row #user6 .contentpane a.readon {float: right;}
.row .contentpane a.readon:hover {}

.contentpaneopen,
.contentpane,
.blog {width: 100%;}
.componentheading {font-size: 14px; color: #fff; line-height: 19px; padding: 2px 15px; margin: 0 0 12px 0; background: #D47F00 url('../images/heading_orange.png') repeat-x; border: 1px solid #FF9A01; font-weight: bold;}
#body .contentpaneopen td {padding: 8px 0 0 0; font-size: 12px; line-height: 140%;}
#body .contentpaneopen td p {margin: 0 0 8px 0;}
#body .contentpaneopen td td {padding: 4px;}
#body .contentpaneopen td.contentheading {font-size: 20px; padding: 0 15px 3px; background: #3A7728; border-bottom: 1px solid #2C571E;}
#body .contentpaneopen td.contentheading a {color: #fff;}
.article_seperator {display: block; height: 30px;}
.blog .readon {display: block; color: #fff; text-transform: uppercase; letter-spacing: 1px; display: block; line-height: 25px; padding: 0 15px; background: #4D843D url('../images/more.png') 100% 0 no-repeat; border-left: 1px solid #3A7728; float: left; width: 156px;}
#body .blog_more {background: url('../images/blog_more.png') no-repeat; padding: 16px;}
#body .blog_more div {color: #B9FFA6; margin: 0 0 10px 0;}
#body .blog_more ul {margin: 0 0 0 16px; list-style-type: square; font-size: 11px;}
#body .blog_more li {padding: 0 0 4px 0;}

#body .contentpane ul {margin: 10px 0 10px 16px;}
#body .contentpane .contentdescription {padding: 0 0 12px 0;}
#body .contentpane table {margin: 0 0 12px 0;}
#body .sectiontableheader {border: 1px solid #4D843D; background: #3A7728; padding: 4px 12px;}
#body .sectiontableentry1 td, #body .sectiontableentry2 td {border: 1px solid #4D843D; padding: 4px 12px; border-bottom: 1px solid #3A7728;}

#body #ArtForms {line-height: 16px;}
#body #artforms-box, #body #artforms-box div {padding: 0 !important; border: 0; margin: 0 !important;}
#body #artforms-box div.affieldname {text-align: right; padding: 3px 8px 3px 0 !important; font-weight: normal;}
#body #artforms-box div div {padding: 2px 0 !important;}
#body #artforms-box div div div {padding: 0 !important;}

#left {float: left; width: 150px; border-left: 1px solid #4D843D; margin: 0 0 0 -940px;}
#right {float: left; width: 150px; margin: 0 0 0 -151px;}
#left, #right {background: url('../images/col_top.png') repeat-x; padding: 20px 0 0 0; line-height: 130%;}
#left h3, #right h3 {font-size: 14px; color: #fff; line-height: 19px; padding: 2px 0; margin: 0 0 5px 0; text-align: center; background: #3A7728 url('../images/heading_module.png') repeat-x; border: 1px solid #3A7728;}
#left .moduletable, #right .moduletable {background: url('../images/heading_shadow.png') 0 25px repeat-x; font-size: 11px; margin: 0 0 20px 0;}
.online {text-align: center;}
#left #mainlevel, #right #mainlevel {list-style: none;}
#left #mainlevel a, #right #mainlevel a {display: block; line-height: 24px; border-bottom: 1px solid #4D843D; color: #fff; padding: 0 12px 0 20px; width: 118px; background: url('../images/bull2.png') 10px 10px no-repeat;}
#left #mainlevel a:hover, #right #mainlevel a:hover, #left #mainlevel a#active_menu, #right #mainlevel a#active_menu {background-color: #3A7728;}
.poll {width: 130px; margin: 3px 10px 0;}
.pollstableborder {margin: 8px -5px; position: relative;}
.pollstableborder td {padding: 3px; border: solid #3A7728; border-width: 1px 0; text-align: left;}
.pollstableborder td.sectiontableentry2 {background: #274A1B;}
.pollstableborder input {margin: 2px 0 0 0; width: 12px; height: 12px; padding: 0; border: 0;}
#left .random h3 {margin-bottom: 10px;}
.random img {border: 1px solid #fff;}

#footer {clear: both; height: 45px; padding: 30px 0 0 0; background: url('../images/footer.png') no-repeat; border-bottom: 1px solid #4D843D;}

/* sobi2 */

.sobi2 {padding: 0;}
.sobi2 #sobi2CatListSymbols, .sobi2 .sobi2CompDesc, .sobi2 .sobi2Listing, .sobi2 .sobi2Details {width: 100%; margin: 0;}
.sobi2 a {color: #9D09CE;}
.sobi2 a:hover {color: #fff;}
.sobi2 a.sobi2Header {float: left; background: #191919; border-bottom: 1px solid #212121; font-weight: bold; margin: 0 5px 20px 0; padding: 0 12px; line-height: 24px; font-size: 12px;}
.sobi2 a.sobi2Header:hover {background: #212121;}
.sobi2 .sobi2CompDesc td {padding: 0 0 12px 0; line-height: 135%;}
.sobi2 #sobi2CatListSymbols td {padding: 8px 8px 8px 0; font-size: 11px; border-top: 1px solid #212121; border-bottom: 1px solid #212121;}
.sobi2 .sobi2Footer {display: none;}
.sobi2 .sobi2Listing {margin: 12px 0;}
.sobi2 .sobi2Listing td {background: #111 !important; border: 0; border-bottom: 4px solid #000 !important; padding: 8px; line-height: 140%;}
.sobi2 .sobi2Details {background: #000 !important; border: 0; padding: 8px 0; line-height: 140%;}
.sobi2 .sobi2Listing td span {padding: 0 8px 0 0; margin: 0;}
.sobi2 .sobi2Listing .sobi2ItemTitle {padding: 0 0 8px 0; margin: 0; font-weight: bold; font-size: 13px;}
.sobi2 .sobi2Details td {padding: 0;}
.sobi2 .sobi2Details h1, #body .sobi2 #sobi2EditFormHeader {font-size: 14px; line-height: 24px; background: #191919; border-bottom: 1px solid #212121; padding: 0 12px; margin: 0 0 12px 0;}
#body .sobi2 #sobi2EditFormHeader {margin: 12px 0;}
.sobi2 .sobi2Details img.sobi2DetailsImage {padding: 0; margin: 0 10px 8px 0;}
.sobi2 .sobi2eSearchForm td {padding: 0 12px 12px 0; white-space: nowrap; vertical-align: middle;}
.sobi2 #sobi2Search.inputbox {width: 400px; padding: 4px; font-size: 13px;}
.sobi2 #sobiSearchSubmitBt.button {padding: 3px; font-size: 13px;}
.sobi2 td#sobi2eSearchEmptyCell {width: 0;}
.sobi2 #searchphraseany, .sobi2 #searchphraseall, .sobi2 #searchphraseexact {width: 12px; height: 12px; border: 0; padding: 0; margin: 0 4px 0 0;}
.sobi2 .sobi2eSearchForm label {margin: 0 12px 0 0;}
.sobi2 #sobi2ReqFieldsInfo {padding: 0 0 8px 0; font-style: italic;}
#body .sobi2 h4 {padding: 0 0 4px 0;}
.sobi2 #sobi2FormTable td, .sobi2 #sobi2FormTable2 td {padding: 3px 0;}
.sobi2 #sobi2FormTable td input {margin: 0 4px 0 0;}
.sobi2 #sobi2FormTable td span.sobi2FormNotFreeLabel {padding: 0;}
.sobi2 #sobi2FormCats td {border: 1px solid #bbb; background: #fff; padding: 6px; margin: 0; color: #444;}

.sobi2 #sobi2FormTable3 {width: auto; margin: 0 auto;}
.sobi2 #sobi2FormTable3 td {padding: 6px 8px 6px 0; white-space: nowrap; vertical-align: middle;}
.sobi2 input#sobi2SendButton, .sobi2 input#sobi2CancelButton {margin: 0 0 0 3px; padding: 3px 12px; font-size: 13px;}

/* events */
#body #jevents.contentpaneopen {margin: 1px 0 0 0;}
#body #jevents.contentpaneopen .buttonheading {display: none;}
#body #jevents.contentpaneopen .contentheading {font-size: 14px; color: #fff; line-height: 19px; padding: 2px 15px; margin: 0 0 12px 0; background: #0C6481 url('../images/heading_lightblue.png') repeat-x; border: 1px solid #0C7599; font-weight: bold;}
#body #jevents fieldset {border: 0;}
#body #jevents legend {font-size: 20px; font-weight: normal;}
#body #jevents .cal_table {width: 100%; border-collapse: separate; border-spacing: 1px;}
#body #jevents .cal_table td {}
#body #jevents .cal_table .cal_td_daysnames {color: #fff; background: #333; font-weight: normal; padding: 0; line-height: 28px; border: 0;}
#body #jevents .cal_table .cal_td_daysnames .sunday {color: #0C7599;}
#body #jevents .cal_table td.cal_td_daysnoevents {background: #191919; color: #e5e5e5; padding: 4px !important;}
#body #jevents .cal_table a.cal_daylink {color: #e5e5e5; font-size: 15px; font-weight: normal;}
#body #jevents .cal_table .cal_td_daysoutofmonth {background: #000; padding: 4px;}
#body #jevents .cal_table .cal_td_today {background: #212121; padding: 4px !important;}

/* events module */
#right .mod_events_monthyear, #right .mod_events_table {border: 0; margin: 0 auto;}
#right .mod_events_monthyear td, #right .mod_events_table td {border: 1px solid #212121;}
#right .mod_events_table td {background: #000;}
#right .mod_events_table td .mod_events_daylink {color: #eee; font-size: 11px;}

/* componentheadings */