html, body {background: #ebebde url("img/css/bg_body.png") repeat-x scroll 0 0; margin: 0; padding: 0; text-align: center;}
body, td, input, select, option, textarea, form {font: normal normal 12px "Arial", Tahoma, Verdana, Helvetica, sans-serif; color: #333;}
img, table, td, th {border: none;}
td, th {vertical-align: top;}
table {border-collapse: collapse;}
a {color: #2b53a3; text-decoration: none;}
a:hover {color: #cc0000; text-decoration: underline;}
form, fieldset {margin: 0; padding: 0; border: 0;}
.clear {clear: both; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 1px;}
.fir {display: block; overflow: hidden; text-indent: -1000em; background-repeat: no-repeat; background-position: left top; margin: 0; background-color: transparent; border: none;}
.logo {width: 100%; height: 167px; background: transparent url("img/css/logo.png") no-repeat scroll 50% 100%; padding: 45px 0 0 0;}


h1 {font-size: 24px; font-weight: bold; margin: 0; padding: 0; line-height: 28px; letter-spacing: -1px;}
h2 {font-size: 18px; font-weight: bold; margin: 0; padding: 0; line-height: 18px;}
h3 {font-size: 16px; font-weight: bold; margin: 0; padding: 0; line-height: 20px;}
h4 {font-size: 14px; font-weight: bold; margin: 0; padding: 0;}
h5 {font-size: 11px; font-weight: normal; margin: 0; padding: 0; line-height: 14px;}
h6 {font-size: 10px; font-weight: normal; margin: 0; padding: 0;}

.date {color: #999; font-size: 11px;}
.tag {background: transparent url("img/css/bg_tag.png") no-repeat scroll 0 2px; padding: 0 0 0 17px; color: #458bbe; margin: 0 1em 0 0;}
.popular {background: transparent url("img/css/bg_popular.png") no-repeat scroll 0 1px; padding-left: 20px; margin-left: -20px;}

.main {width: 98%; margin: 0 auto; text-align: left;}
.rc1 {background: #fff url("img/css/bg_rc3.png") no-repeat scroll 100% 100%; zoom :1;}
.rc2 {background: transparent url("img/css/bg_rc4.png") no-repeat scroll 0 100%; zoom :1;}
.rc3 {background: transparent url("img/css/bg_rc2.png") no-repeat scroll 100% 0; zoom :1;}
.rc4 {background: transparent url("img/css/bg_rc1.png") no-repeat scroll 0 0; padding: 20px; zoom :1;}

.footer {padding: 50px 0 70px 0; text-align: center; margin: 0 auto; width: 900px;}
.footer .fbanner {float: left; margin: 0 5px;}


.contentWrapper {float: left; width: 100%;}
.contentBar {margin: 0 442px 0 0;}
.sideBar {float: left; width: 422px; margin: 0 0 0 -422px;}

h1.dateSection {padding: 10px 26px 10px 2px; border-bottom: 1px solid #eee; font-size: 18px; font-weight: bold; margin: 0; line-height: 18px; color: #2B53A3;}

.newsItem {padding: 20px 2px; border-bottom: 1px solid #eee;}
.newsItem:hover {background-color: #f3f7fe;}
.newsItem .description a {color: #333;}
.newsItem .date {float: right; margin: 0 0 5px 10px; display: inline;}
.newsItem .description {margin: 5px 0 0 0;}
.newsItem h3 {margin-bottom: 7px;}
.newsItem .popular a {color: #940101;}

.newsArticle {padding: 2px;}
.newsArticle h1 {color: #000;}
.newsArticle h1 {margin-bottom: 1px;}
.newsArticle .date {margin: 0 0 3px 0;}
.articleText {font-size: 13px; line-height: 17px; margin: 1em 0; color: #000;}
.articleText a {text-decoration: underline;}
.articleText img {margin: 1em 0;}
.newsArticle .source {margin: 2em 0 1em 0; color: #999;}
.newsArticle .buyNow {font-weight: bold; margin: 1em 0;}
.newsArticle .buyNow a {font-weight: normal; margin: 0; color: #7F7F7F;}
.newsArticle .buyNow a.buyNow {font-weight: bold; margin: 0; color: #2B53A3;}
.newsArticle .comments {margin: 4em 0 0 0;}
.newsArticle .comments h4 {letter-spacing: -1px; font-weight: bold; padding: 0 10px 10px 10px;}
.newsArticle .comment {margin: -1px 0; border: 1px solid #eee; border-width: 1px 0; padding: 15px 10px; zoom: 1;}
.newsArticle .comment .commentInfo {float: left; display: inline; width: 120px;}
.newsArticle .comment .commentInfo .author {font-weight: bold; font-size: 11px; color: #8a7a57;}
.newsArticle .comment .commentBody {margin: 0 0 0 130px; color: #555;}

.newsArticle .commentForm {padding: 10px;}
.newsArticle .commentForm form {width: 100%; zoom: 1;}
.newsArticle #commentdiv .form,  .newsArticle .visibleElement#commentdiv .formControl {display: none;}
.newsArticle .visibleElement#commentdiv .form {display: block;}
.newsArticle .button {border: 1px solid #e2d7be; background: #fff url("img/css/bg_search_button.png") repeat-x scroll 0 0; color: #fff; font-weight: bold; height: 26px; cursor: pointer; cursor: hand; width: 0; overflow: visible; padding: 0 1em;}
.newsArticle .button[class] {width: auto;}
.newsArticle .commentForm .form {background: #fff url("img/css/bg_rightpanel_content.png") repeat-x scroll 0 0; border: 1px solid #E2D7BE; padding: 10px; margin: 0 -10px;}
* html .newsArticle .commentForm .form{width: 99%;}
.newsArticle .commentForm .bgField {border: 1px solid #d4cab3; border: 1px solid #e2d7be; background: #fff url("img/css/bg_search_field.png") no-repeat scroll -40px 0; padding: 4px 10px; margin: 0 0 8px 0; zoom: 1;}
.newsArticle .commentForm textarea {background-color: transparent; width: 100%; border: none;}
.newsArticle .commentForm .input {background-color: transparent; width: 100%; border: none;}
.newsArticle .commentForm form .button {float: right;}
.newsArticle .commentForm form .buttonAdd {margin: 0 0 0 8px;}
.newsArticle .commentForm .code {margin: 0 10px; float: left;}
.newsArticle .commentForm .code input {border: 1px solid #e2d7be; background: #fff url("img/css/bg_search_field.png") no-repeat scroll -40px 0; padding: 4px 10px; text-align: center;}
.newsArticle .commentForm .code img {margin: -3px 10px -3px 0;}

.newsArticle .related {border: 1px solid #d8dee8; margin: 3em 0 0 0; zoom: 1;}
.newsArticle .related h3 {border-bottom: 1px solid #d8dee8; padding: 11px 16px; background-color: #fff;}
.newsArticle .relatedList {background: #fff url("img/css/bg_related.png") repeat-x scroll 0 0;}
.newsArticle .relatedList ul {margin: 0; padding: 16px 20px 16px 48px; list-style-type: square;}
.newsArticle .relatedList li {color: #8298bd; margin: 0 0 3px 0;}

.newsArticle .navigation {margin: 3em 0;}
.newsArticle .navigation a.previous {height: 26px; background: transparent url("img/css/bg_page_previous.png") no-repeat scroll 0 0; display: block; float: left; padding: 0 0 0 35px; line-height: 26px; font-weight: bold;}
.newsArticle .navigation a.next {height: 26px; background: transparent url("img/css/bg_page_next.png") no-repeat scroll 100% 0; display: block; float: right; padding: 0 35px 0 0; text-align: right; line-height: 26px; font-weight: bold;}

.newsArticle .gsearch {margin: 8px 0 0 0;}
.newsArticle .gsearch form {width: 100%;}
.newsArticle .gsearch .q {border: 1px solid #e2d7be; background: #fff url("img/css/bg_search_field.png") no-repeat scroll 0 0; height: 20px; padding: 4px 10px 0 35px; margin: 0 122px 0 0;}
.newsArticle .gsearch #sbi2 {border: none; margin: 0; padding: 0; width: 100%; background-color: transparent; color: #7f7f7f; display: block;}
* html .newsArticle .gsearch #sbi2 {width: auto;}
.newsArticle .gsearch #sbb2 {width: 115px; float: right; margin-left: -115px;}


.menuPanel {background: #f7f5e6 url("img/css/bg_rightpanel.png") no-repeat scroll 0 0; border-bottom: 1px solid #e2d7be; padding: 9px; zoom: 1;}
.menuPanelHeader {zoom: 1;}
.menuPanelHeader .rss {background: transparent url("img/css/bg_rss.png") no-repeat scroll 6px 0; display: block; position: relative; height: 63px; top: -17px; margin: 0 0 -19px 0; padding: 0 0 0 106px; color: #82794d; line-height: 14px; width: 140px;}
.menuPanelHeader .rss strong {display: block; padding: 24px 0 0 0;}
.menuPanelHeader .rss strong span {color: #000; font-size: 20px; letter-spacing: -1px;}
.menuPanelHeader .rss em {display: block; font-style: normal; font-size:11px;}

.menuPanelHeader .events {background: transparent url("img/css/bg_events.png") no-repeat scroll 6px 0; display: block; position: relative; height: 63px; top: -17px; margin: 0 0 -19px 0; padding: 0 0 0 106px; color: #000;}
.menuPanelHeader .events strong {display: block; padding: 28px 0 0 0; font-size: 16px;}


.menuPanelContent {background: #fff url("img/css/bg_rightpanel_content.png") repeat-x scroll 0 0; border: 1px solid #e2d7be; padding: 21px; zoom: 1;}
.menuPanel {position: relative;}
.menuPanel .menuColumn {width: 170px; float: left;}
.menuPanel .leftColumn {margin: 0 20px 0 0;}
.menuPanel .menuColumn  h2 {padding: 7px 14px; letter-spacing: -1px; font-weight: normal;}
.menuPanel .menuColumn  a {display: block; border: 1px solid #eee; border-width: 1px 0; padding: 7px 14px; margin: -1px 0 0 0;}
.menuPanel .menuColumn  a.allLink {font-weight: bold;}
.menuPanel .menuColumn  a.popularLink {background: transparent url("img/css/bg_link_popular.png") no-repeat scroll 0 8px; font-weight: bold;}
.menuPanel .menuColumn  a.archieveLink {font-weight: bold;}
.menuPanel .menuColumn  a.active {background-color: #597fcf; color: #fff; background-image: none;}

#settingsdiv {position: absolute; width: 404px;}
#settingsdiv .triggerButton {height: 44px;}
#settingsdiv .triggerButton  a {display: block; float: right; background: transparent url("img/css/bg_settings.png") no-repeat scroll 0 4px; padding: 0 16px 4px 40px; line-height: 32px; font-size: 12px; color: #82794d;}
#settingsdiv .settings {display: none; background: #fff url("img/css/bg_rightpanel_content.png") repeat-x scroll 0 0; border: 1px solid #e2d7be; padding: 21px; zoom: 1;}
#settingsdiv .settings div {padding: 0 0 10px 10px;}

#settingsdiv .button {border: 1px solid #e2d7be; background: #fff url("img/css/bg_search_button.png") repeat-x scroll 0 0; color: #fff; font-weight: bold; height: 26px; cursor: pointer; cursor: hand; width: 0; overflow: visible; padding: 0 1em;}
#settingsdiv .button[class] {width: auto;}

#settingsdiv h2 {border-bottom: 1px solid #eee; margin-left: -10px; padding: 0 0 5px 10px; font-weight: normal;}
#settingsdiv label {display: block; margin: 4px 0;}
#settingsdiv label input {float: left; width: 12px; height: 12px; margin: 2px 0.5em 0 0; padding:  0;}
.visibleElement#settingsdiv .settings {display: block;}


.menuPanel .calendar {color: #7f7e7a; background-color: #fffef7; border: 1px solid #e2d7be; zoom: 1; margin: 20px 0 0 0;}
.menuPanel .calendar .controls {padding: 4px; border-bottom: 1px solid #e2d7be;}
.menuPanel .calendar .controls .month {text-align: center; font-weight: bold; line-height: 22px; color: #000;}
.menuPanel .calendar .controls .previous {background: transparent url("img/css/bg_previous.png") no-repeat scroll 9px 50%;; border: 1px solid #e2d7be; width: 24px; height: 20px; padding: 0; margin: 0; float: left;}
.menuPanel .calendar .controls .next {background: transparent url("img/css/bg_next.png") no-repeat scroll 9px 50%;; border: 1px solid #e2d7be; width: 24px; height: 20px; padding: 0; margin: 0; float: right;}
.menuPanel .calendar .days {background: transparent url("img/css/bg_calendar_days.png") repeat-x scroll 0 0; zoom: 1; padding: 5px 0 5px 4px;}
.menuPanel .calendar .days a, .menuPanel .calendar .days span {display: block; float: left; margin: 0; padding: 0; text-align: center; width: 23px; line-height: 20px; border: none;}
.menuPanel .calendar .red {color: #7b0707;}
.menuPanel div.calendar .selected {background: #7b0707; color: #fff;}

.menuPanel .search {padding: 9px 0 0 0;}
.search .q {border: 1px solid #e2d7be; background: #fff url("img/css/bg_search_field.png") no-repeat scroll 0 0; height: 20px; float: left; padding: 4px 10px 0 35px; width: 273px;}
.search #sbi {border: none; margin: 0; padding: 0; width: 100%; background-color: transparent; color: #7f7f7f;}
.search #sbb {border: 1px solid #e2d7be; background: #fff url("img/css/bg_search_button.png") repeat-x scroll 0 0; color: #fff; font-weight: bold; height: 26px; cursor: pointer; cursor: hand; width: 75px; float: right;}

.advPanel {background-color: #f3f7fe; border: 1px solid #d8dee8; padding: 20px; margin: 20px 0; zoom: 1;}
.advPanel .bannerLeft {float: left; margin: 0 20px 0 0;}
.advPanel .bannerRight {float: left; }

.eventsPanel h2 {padding: 7px 14px; letter-spacing: -1px; font-weight: normal;}
.eventsList {border-collapse: collapse; width: 100%; border: 1px solid #eee; border-width: 1px 0;}
.eventsList td {padding: 7px 14px ; border-bottom: 1px solid #eee;}
.eventsList td.empty {border: none;}
.eventsList td.date {font-size: 17px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #7f7f7f; border-top: 1px solid #eee; padding: 4px 0 0 18px; width: 30px;}

.pages {padding: 20px 26px; font-weight: bold;}
.pages .previous {width: 28px; height: 26px; background: transparent url("img/css/bg_page_previous.png") no-repeat scroll 0 0; display: block; float: left; margin: 0 10px 0 0;}
.pages .next {width: 28px; height: 26px; background: transparent url("img/css/bg_page_next.png") no-repeat scroll 0 0; display: block; float: left; margin: 0 0 0 10px;}

.pages .previousna {width: 28px; height: 26px; background: transparent url("img/css/bg_page_previous_na.png") no-repeat scroll 0 0; display: block; float: left; margin: 0 10px 0 0;}
.pages .nextna {width: 28px; height: 26px; background: transparent url("img/css/bg_page_next_na.png") no-repeat scroll 0 0; display: block; float: left; margin: 0 0 0 10px;}


.pages .text {float: left; line-height: 26px;}
.pages input {text-align: center; width: 3em; margin: 0 10px; font-weight: bold; border: 1px solid #e2d7be; background: #fff url("img/css/bg_search_field.png") no-repeat scroll -35px 0; height: 20px; padding: 4px 0 0 0; display: block; float: left;}