/**** reset ****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/**** general ****/
html, body{width: 100%; height: 100%;}
html{overflow-y: scroll;}
body{ font-size: 11px; background: #f5f5f5; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #111}
img { border: 0 none; }
b, strong{font-weight: bold}
em {font-style:italic}
/** Links **/
a{outline: none; cursor: pointer;}
p {margin: 12px 0}
a{color: #035300; text-decoration: none}
a:hover{text-decoration: underline}
/** lists **/
#content ul{margin: 5px 0 5px 10px; padding: 0 0 0 10px; list-style: circle outside}
/** headings **/
h1{font-size: 22px; color: #035300; line-height: 26px; font-weight: normal; margin: 0 0 20px}
h1#logo{margin: 0}
h1#logo a{position: absolute; display: block; width: 218px; height: 77px; right: 35px; top: 52px; text-indent: -2000px; font-size: 1px;}
h2{font-size: 20px; color: #035300; line-height: 24px; font-weight: normal; margin: 0 0 20px }
h3{font-size: 18px; color: #035300; line-height: 22px; font-weight: normal; margin: 10px 0}
h4{font-size: 16px; color: #035300; line-height: 22px; font-weight: normal; margin: 10px 0}
h5, h6{font-size: 14px; color: #035300; line-height: 22px; font-weight: bold; margin: 10px 0}
/**** layout ****/
#all{width: 979px; margin: 50px auto; border: 1px solid #238209; background: #fff}
#header{width: 979px; height: 165px; background: #fff url(../images/header_bg.png) left top no-repeat; position: relative;}
#main{position: relative; min-height: 400px;}
#content{float: left; width: 650px; padding: 0 35px 10px 35px}
#sidebar{width: 218px; float: right; padding: 0 35px 200px 0}
#magazine{width: 221px; height: 187px; position: absolute; right: 0px; bottom: 0px; z-index: 100px; background: url(../images/dl_magazine_bg.png) left top no-repeat}
#footer{width: 979px; height: 102px; background: url(../images/footer_bg.png) left top no-repeat; position: relative}
#footer_nav{position: absolute; left: 35px; top: 5px;}
/**** menus ****/
#sidebar ul{}
#sidebar ul a {display: block; padding: 0 11px 0 11px;height: 30px;line-height: 28px;white-space: nowrap; background: url(../images/menu_link_bg.png) left top no-repeat; margin: 0 0 3px; font-size: 13px; text-decoration: none;}
#sidebar ul li.current.active a {color: #C34404}
#sidebar ul ul a {margin-left: 11px}
#sidebar ul li#item-141, #sidebar ul li#item-147{margin-top: 9px}
#footer li {float: left; margin: 0 5px;line-height: 45px;}
#footer a { color: #111;}
/**** modules ****/


/*** jstuff ****/
/** search **/
.searchintro{margin:20px 0 20px;}
#searchForm,#finder-search{padding:0 5px}
.form-limit{margin:20px 0 0;text-align:right;padding:0 10px 0 20px;}
.inputbox:focus{}
.highlight{font-weight:bold;}
.ordering-box{width:40%;float:right;}
.phrases-box{width:60%;float:left}
.only,.phrases{margin:10px 0 0 0px;padding:15px ;line-height:1.3em;}
label.ordering{display:block;margin:10px 0 10px 0}
.word{padding:10px 10px 10px 0;}
.word input{margin:0px 10px 0px 10px;padding:4px;font-size:1em}
.word input:focus{ margin:0 0 0 9px;}
.word label{font-weight:bold}
fieldset.only label,fieldset.phrases label{margin:0 10px 0 0px}
.ordering-box label.ordering{margin:0 10px 5px 0;float:left}
form .search label,form .finder label{display:none}
form #finder-filter-select-list label{display:block;margin-top: 10px;margin-bottom: 2px;}
.phrases .inputbox{width:10em;}
.phrases .inputbox option{padding:2px;}
dl.search-results{}
dl.search-results dt.result-title{padding:15px 15px 0px 5px;font-weight:bold;}
dl.search-results dd{padding:2px 15px 2px 5px}
dl.search-results dd.result-text{padding:10px 15px 10px 5px;line-height:1.7em}
dl.search-results dd.result-url{font-size:90%;padding:2px 15px 15px 5px;}
dl.search-results dd.result-created{padding:2px 15px 15px 5px}
dl.search-results dd.result-category{padding:10px 15px 5px 5px}
/** contacts **/
#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg, #jform_contact_message{width: 300px; padding: 3px 5px; border: 1px solid #ccc}
.contact{padding:0 5px}
.contact-category{padding:0 10px}
.contact-category  #adminForm fieldset.filters{border:0;padding:0}
.contact-image{margin:10px 0;overflow:hidden;}
.contact-image img{float:left}
address{font-style:normal;margin:10px 0;}
address span{display:block}
.contact-address{margin:20px 0 10px 0;}
.contact-email div{padding:2px 0;margin:0 0 10px 0;}
.contact-email label{ width:17em;float:left;}
span.contact-image{margin-bottom:10px;overflow:hidden;display:block}
#contact-textmsg{padding: 2px 0 10px 0}
#contact-email-copy{float:left;margin-right:10px;}
.contact .button{float:none !important;clear:left; display:block; margin:20px 0 0 0}
dl.tabs {float: left;margin: 10px 0 0 0; z-index: 50; clear:both;}
dl.tabs dt {float: left;padding: 4px 10px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;margin-right: 3px;background: #f0f0f0;color: #666;}
dl.tabs dt.open {background: #F9F9F9; border-bottom: 1px solid #F9F9F9; z-index: 100;color: #000;}
div.current {clear: both;border: 1px solid #ccc;padding: 10px 10px;}
div.current dd {padding: 0; margin: 0;}
dl#content-pane.tabs {margin: 1px 0 0 0;}
/** image float style **/
.img-fulltext-left {float:left;margin-right: 20px;margin-bottom: 20px;}
.img-intro-left {float: left;margin-right: 10px;margin-bottom: 10px;}
.img-fulltext-right {float: right;margin-left: 20px;margin-bottom: 20px;}
.img-intro-right {float: right;margin-left: 10px;margin-bottom: 10px;}
/** position **/
.blog-featured{padding: 0;}
.items-leading{ padding:0px 5px 10px 5px;overflow:hidden;margin-bottom:10px}
.row-separator{display: block; clear: both;margin: 0;border: 0px; height:1px}
.item-separator{display: none;margin: 0px;}
/**  blog **/
.cols-1{display: block;float: none !important; margin: 0 !important;}
.cols-2 .column-1{width:46%;float:left;}
.cols-2 .column-2{width:46%;float:right;margin:0}
.cols-3 .column-1{float:left;width:29%;padding:0px 5px;margin-right:4%}
.cols-3 .column-2{float:left;width:29%;margin-left:0;padding:0px 5px}
.cols-3 .column-3{float:right;width:29%;padding:0px 5px}
.items-row{overflow:hidden;margin-bottom:10px !important;}
.column-1,.column-2,.column-3{padding:10px 5px}
.column-2{width:55%;margin-left:40%;}
.column-3{width:30%}
.blog-more{padding:10px 5px}
/** readmore **/
.readmore a{padding:2px 7px 2px 12px;display:inline-block;margin-top:15px;background:#eee;border:solid 1px #ddd;}
.readmore a:hover{background:#555;color:#fff; text-decoration: none}
/** forms & validation **/
legend {padding: 3px 5px;}
fieldset {border: solid 0px #CCC;margin: 10px 0;padding: 15px 0px;}
#member-registration{ padding:0 5px}
#member-registration fieldset{border:solid 1px #ddd}
form fieldset dt{clear:left ;float:left; width:12em;padding:3px 0}
form fieldset dd{float:left;padding:3px 0}
.invalid{color:red; border-color: red}
/**** clearfix ****/
.clr:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clr{display: block}
/**** clearfix ****/
.clr:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clr{display: block}


label {content: "" !important;}

.popover {display: none !important; font-size: 0 !important;}

