/* COMMON STYLE */

html, body, form, fieldset {margin: 0; padding: 0;}
body {background: #FFFFFF; color: #000000; font-family: Arial, sans-serif; line-height: 1.5;}
body#bd {color: #DCCAC0; background: url(../images/bd-bg.gif) left #2C2A26; margin: 0 0 50px;}
body.contentpane {color: #000000; font-size: 12px; line-height: 1.3em; margin: 0; margin: 1em 2em; width: auto;}
body.fs3 {font-size: 12px;}


/* Normal link */
a {color: #F8B150; text-decoration: none;}
a:hover, a:active, a:focus {color: #d37a00; text-decoration: none;}
a img {border: none;}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4, #login, #topnav {line-height: normal; font-weight: normal; font-family: "Times New Roman", Times, serif;}	

/* Small text */
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, p.site-slogan, a.readon, #topnav, #footer {font-size: 92%;}
small, .small, .img_caption {color: #8A5C2B;}
img {margin: 0; padding: 0;}
.img_caption.left {margin-right: 25px;}
.img_caption.right {margin-left: 25px;}
img.caption {padding: 3px; background: #4F2F1D; border: 1px solid #2E190D;}
div .news img {padding: 3px; margin: 5px; background: #4F2F1D; border: 1px solid #2E190D;}
div .news .editor_button img, div .news .editor_button_brk img, div .news .editbclose img {padding:0; margin:0; border:0;}
.news {text-align:justify; width:720px;}
.news input, .news textarea { background: #e9e9e9; color:#1f1f1f;}

/* Heading */
h1 {font-size: 200%;}
h2 {font-size: 180%;}
h3 {font-size: 150%;}
h4 {font-size: 125%; text-transform: uppercase;}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {margin: 15px 0; padding: 0;}
ul {list-style: none;}
ul li {background: url(../images/bullet.gif) no-repeat 18px 7px; line-height: 160%; padding-left: 30px;}
ol li {line-height: 180%; margin-left: 35px;}
th {font-weight: bold; padding: 5px; text-align: left;}
fieldset {border: none; padding: 10px 5px;}
fieldset a {font-weight: bold;}
fieldset.input {padding: 0;}
hr {border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px solid #4F2F1D; height: 1px;}
td, div {font-size: 100%;}

/* FORM */
form {margin: 0; padding: 0;}
form label {cursor: pointer;}
input, select, textarea, .inputbox, .news .inputbox, .button {font-family: Arial, sans-serif; font-size: 100%; color: #DCCAC0;}
.inputbox, .news .inputbox, select {border: 1px ridge #47210C; padding: 3px 2px; background: #8A5C2B;}
.button, .news .button, .news .bbcodes {padding: 2px 8px; border: 1px solid #47210C; background: url(../images/but-bg.gif) repeat-x center #4F2F1D; font-variant: small-caps; color: #F8B150;}
* html .button, * html .bbcodes {padding: 0 2px !important;}
*+html .button, *+html .bbcodes {padding: 0 2px !important;}
.textarea {width:720px; height:120px; padding:5px;}
legend {color:#f8b150;}

/* MAIN LAYOUT DIVS */
#wrapper {}
#header, #mainnav {width: 1100px; margin: 0 auto; clear: both;}
#container, #topsl, #botsl, #footer {width: 1200px; margin: 0 auto; clear: both;}
#container {background: url(../images/content-bg.png) repeat-y center;}
#container-inner {padding: 10px 6px 0; position: relative;}

/* HEADER */
#headerwrap {height: 386px; background: url(../images/header-bg.gif) repeat-x; position: relative; z-index: 99; text-align:center;}
#header {height: 340px; line-height: normal; position: relative;}
h1.logo {margin: 0; padding: 0; font-size: 300%; position: absolute; top: 0; left: -90px;}
h1.logo a {display: block; background: url(../images/logo.png) no-repeat; width: 488px; height: 224px; text-indent: -5000px;}
#login {position: absolute; top: 60px; right: 5px; width: 650px; height:80px;}
#login .inputbox {width: 150px; padding: 2px;}
#login span {color: #F8B150; font-variant: small-caps; padding: 0 5px;}
#login a {}

/* MAIN NAVIGATION */
#mainnavwrapmask {background: url(../images/mainnav-bg.png); height: 46px; position: absolute; bottom: 0; z-index: 9; width: 100%;}
#mainnavwrap {height: 46px; position: relative; z-index: 99; text-align:left;}
#mainnav {height: 46px; font-family: Georgia, "Times New Roman", Times, serif;}
#mainnav a, #subnav a {outline: none;}
#topnavwrap {position: absolute; top: 0; right: 0; background: url(../images/topnav-l.gif) no-repeat left top; height: 46px; float: left;}
#topnav {height: 46px; background: url(../images/topnav-r.gif) no-repeat right top; padding: 0 25px 0 0; float: left;}
#topnav ul {padding: 0; margin: 0;}
#topnav li {display: inline; background: url(../images/bullet.gif) no-repeat 12px center;}
#topnav li a {display: inline; font-variant: small-caps; line-height: 36px;}

/* breadcrumbs */
#pathway {color: #F8B150; padding: 10px 0; border-top: 1px solid #4F2F1D; border-bottom: 1px solid #4F2F1D; font-size:10px; font-variant: small-caps; background: url(../images/pathway-bg.png) repeat-x top; text-indent: 20px;}
#pathway a {text-decoration: none;}
#pathway a:hover {text-decoration: underline;}
#pathway img {margin: 1px 5px;}

/* COLLAPSIBLE LAYOUT */
#containerwrap {clear: both; background: url(../images/container-bg.gif);}

/* SEARCH */
#search {float:right; margin-top:-48px; margin-left:25px; width:390px; height: 65px; background: url(../images/icon-search.png) no-repeat left top;}
#search .inputbox {margin: 18px 10px 0 80px; width: 200px; padding: 3px;}
.sresult {font-size:12px; font-weight: bold; color: #f83010;}

/* PRIMARY COLUMN */
#content {clear: both; display: block; float: left; width: 770px;}
#current-content {padding: 10px 20px;}

/* COLUMNS */
#columns {float: right; overflow: hidden; width: 417px;}
#colwrap {float: right; overflow: hidden; width: 417px; background: url(../images/dot.gif) repeat-y center; margin: 10px 0;}

/*columns*/
#col1 {float: left; width: 208px; overflow: hidden;}
#col2 {float: right; width: 208px; overflow: hidden;}
#col1 div.innerpad, #col2 div.innerpad {padding: 5px;}
#col {float:right; width:404px; overflow: hidden; padding-right: 10px;}

/* Common style for column */
#colwrap table {border-collapse: collapse; border-spacing: 0;}
.article_separator {background: url(../images/separator.png) no-repeat; width:730px; padding-bottom: 15px;}
#colwrap ul {list-style: none;}

/* JA Moo Tabs */
#tabs {margin: 0 1px; padding: 0 18px 10px; background: #3F271A;}

div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3  {font-size: 150%; margin: 0 0 10px; color: #F8B150; font-variant: small-caps; background: url(../images/h3-bg.gif) no-repeat bottom right;}
div.moduletable h3 span, div.moduletable_menu h3 span, div.moduletable_text h3 span {display: block; padding: 2px 0 0; background: url(../images/h3-bg.gif) no-repeat bottom left;}
div.moduletable, div.moduletable_menu, div.moduletable_text {margin: 0 0 20px; padding: 0 0 5px;}

/* Default Menu */
ul.menu {list-style: none; margin: 0; padding: 0;}
ul.menu li {margin: 0; padding: 1px 0; background: url(../images/hline.gif) repeat-x left bottom;}
ul.menu li a {display: block; outline: none; padding: 3px 12px; text-decoration: none; color: #F8B150; background: url(../images/bullet.gif) no-repeat 0 9px;}
ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus {color: #d37a00; text-decoration: none;}
ul.menu li.active a {font-weight: bold; color: #F8B150;}
ul.menu li ul {list-style: none; margin: 0; padding: 0;}
ul.menu li li {background: none;}
ul.menu li li a {background: url(../images/arrow.png) no-repeat 9px 12px !important; border: none; font-weight: normal !important; padding-left: 20px !important; width: 75%; /*need for ie6*/}
ul.menu li li li a { background: url(../images/arrow.png) no-repeat 18px 11px !important; padding-left: 30px !important;}
ul.menu li li a:hover, ul.menu li li a:active, ul.menu li li a:focus {background: none;}

/* SPOTLIGHT */
/* Spotlight Box Style */
.box-full, .box-left, .box-center, .box-right {float: left; overflow: hidden; padding: 20px 0;}
.box-right, .box-center {}

/* Top spotlight */
#topslwrap {position: absolute; bottom: 3px; left: 0; width: 100%; height: 244px; margin: 0; padding: 0; overflow: hidden; text-align:left;}
#topsl {overflow: hidden; position: relative; height: 244px;}
#topsl div.moduletable {padding: 0; margin: 10px 0 0 10px; width: 600px; font-size: 120%; color: #8A5C2B;}
#topsl .contentheading {font-size: 250%; font-variant: small-caps; color: #F8B150; padding: 80px 0 5px 0;}
#topsl div.moduletable img {position: absolute; top: 0; right: 0;}

/* Bot spotlight*/
#botslwrap {background: url(../images/botslwrap-bg.gif); clear:both; position:relative; text-align:center;}
#botsl {background: url(../images/botsl-bg.png) no-repeat top center; text-align:left;}
#botsl div.moduletable {padding: 0 20px; margin: 0;}
#botsl div.moduletable h3 {background: url(../images/h3-botsl.gif) no-repeat right bottom;}
#botsl div.box-left div.moduletable {padding-left: 20px;}
#botsl div.box-right div.moduletable {padding-right: 20px;}

/* FOOTER */
#footerwrap {padding: 0; border-top: 1px solid #55452E; text-align:center;}
#footer {padding: 20px 0; position: relative; text-align: center;}
#footer small {color: #8A5C2B; font-size: 100%; padding: 0 5px;}

li.firstitem {background: none !important;}

/* content tables */
.readon a{color: #F8B150; display: block; width: 120px; height: 19px; line-height: 19px; clear: both; font-size: 82%; font-variant: small-caps; text-decoration: none; border: 1px solid #2E190D; background: url(../images/readon-bg.gif) no-repeat left top; text-indent: 35px;}
.readon a:hover, .readon a:focus, .readon a:active {color: #DCCAC0;}
table.contentpaneopen td, table.contentpane td {}
table.contentpaneopen, table.contentpane, table.blog {width: 100%;}
.moduletable {padding: 0; color: #F8B150;}
table.contentpaneopen {border: none; border-collapse: collapse; border-spacing: 0;}
h2.contentheading, .contentheading {margin: 0; padding: 0 0 5px;}
.contentheading {font-size: 150%; font-weight:bold; color:#f8b150; font-variant: small-caps;}

/* META */
.article-toolswrap {display: block; margin: 3px -5px 10px; padding: 0 0 0 10px; background: url(../images/meta-l.gif) no-repeat top left; position: relative; color: #8A5C2B;}
.article-tools {display: block; padding: 0 10px 0 0; height: 38px; line-height: 38px; background: url(../images/meta-r.gif) no-repeat top right;}
.article-meta {width: 70%; float: left;}
.createby {padding: 5px 5px 3px 20px; background: url(../images/icon-author.gif) no-repeat left center;}
.createdate {padding: 5px 5px 3px 25px; background: url(../images/icon-date.gif) no-repeat left center;}
.modifydate {width: 100%; display: block; margin-bottom: 10px; color: #8A5C2B;}
div.buttonheading {position: absolute; top: 12px; right: 30px;}
.buttonheading img {margin: 0 0 0 5px; border: 0; float: right;}

/* Clearfix */
.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
* html > body .clearfix {display: block; width: 100%;}
* html .clearfix {height: 1%;}

/* Navigation to pages */
.pagesnav {padding-top:24px; font-size:12px; color:#F8B150;}
.pagesnav a:link,.pagesnav a:visited,.pagesnav a:active {text-decoration:none;color:#F8B150;}
.pagesnav a:hover {text-decoration:none; color:#f26522;}
.navigation a:link,.navigation a:visited,.navigation a:active {text-decoration:none;color:#f8b150;background:#3f271a;border:1px solid #6a422c;padding:2px 6px;}
.navigation a:hover {background:#be764f; color:#371e10; border-color:#6a422c;}
.navigation span {text-decoration:none; background:#3f271a; border:1px solid #6a422c; color:#F8B150; padding:2px 6px; font-weight:bold;}

/* Archives */
.archives {font-size:11px;}

/* Slidershow */
#slideshow {margin: 0; padding: 0; float: left; width: 404px; height: 573px; overflow: hidden;}
div#slideshow-wrap {width: 100%; color: #FFFFFF; border: 0px;}
div.slideshow-case {margin: 7px 0 0 30px; background: #3f271a; border: 3px solid #371e10;}
div.slideshow-case p {padding-top: 9px;}
div.slidebar {margin: -24px 0 0 30px; padding: 0; width: 345px; background: #371e10; border: 3px solid #371e10; font-size:11px;}
div.slidebar ul {margin: 0; padding: 0; list-style: none; overflow: hidden; z-index: 10001;}
div.slidebar ul li {margin: 0; padding: 0; float: left; display: block; background: none; font-family: Tahoma, Arial, Helvetica, sans-serif;}
div.slidebar ul a.active,
div.slidebar ul a:hover {border: none; background: #5e2f16; color: #FFFFFF;}
div.slidebar ul a.active {font-weight: bold;}
div.slidebar ul li a {border:none; float:left; margin-right:1px; padding:1px 8px; display:block; color:#D2C5A3; background:50% 50%; cursor:pointer;}
div.slidebar ul li a.prev,
div.slidebar ul li a.next {display: block; font-weight: bold;}
div.slidebar ul li a.prev {margin-left: 5px;}

/* Comments */
.com-foto {background-color: #371e10; background: url(../images/com-foto.png) no-repeat top center; color: #f8b150; font-size: 11px;}
.com-foto-c {margin-top:7px; width:100px; height:100px;}
.com-top {background: url(../images/com-top.png) no-repeat top center; color: #dccad0; font-size: 12px; padding-left:50px; padding-top:10px; padding-right:18px; text-align:justify;}
.com-bot {background-color: #371e10; background: url(../images/com-bot.png) no-repeat top center; color: #f8b150; font-size: 12px; padding-bottom:6px;}
.com-n { background: url(../images/com-n.png) repeat-y top center;}
.com-tit {font-size:14px; font-weight: bold; color: #f9a93b;}