/**
 * @version $Id: template.css
 * @author SiteGround
 * @package Joomla
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */
 body,html {
height: 100%;
}
body {
background: #ffffff;
font: 400 14px/1.4em Arial, Tahoma, Verdana, Helvetica;
color: #777;
margin: 0;
padding: 0
}
.clr {
clear: both;
overflow: hidden;
font-size: 0;
line-height: 0;
}
ul {
list-style: none;
margin: 0;
padding: 0
}
a,img {
outline: none;
margin: 0;
padding: 0;
border: none;
}
a:link, a:visited {
color: #777;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #4e8f0c;
}
form {
padding: 0;
margin: 0;
}
header, nav, menu, section, aside, article, footer {
display: block;
}

h1,h2,h3,h4,h5,h6 {
margin: 0 0 20px;
font-family: 'Droid Serif', serif;
color: #666;
line-height: normal;
}

h1 {
font-size: 24px;
}
h2 {
font-size: 20px;
color: #4e8f0c;
}
h3 {
font-size: 18px;
color: #4e8f0c;
font-family: 'PT Sans Narrow', serif;
}
h4 {
font-size: 14px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 11px;
}

iframe {
border: none;
}
dl dd {
padding: 0 0 0 10px;
margin: 0;
}

fieldset {
border: none;
margin: 0;
padding: 0;
}
input, textarea, button {
border: none;
background: #000;
color: #fff;
}
button {
background: url("../images/but.gif") repeat-x scroll left top transparent;
color: #fff;
border: none;
}
.cont input {
background: #fff;
color: #555;
border: 1px solid #ccc
}

p {
margin: 0 0 10px;
}

.page_bg {
background: #fff url(../images/page_bg.png) repeat-x center top;
}
.page {
min-height: 100%;
}

.wrapper {
padding-bottom: 140px;
}

.main {
width: 960px;
margin: 0 auto;
}
.top {
margin: 0 auto;
width: 960px;
height: 38px
}
.top .menu {
height: 26px;
padding: 6px 0;
}
.top .menu li {
float: left;
height: 26px;
margin: 0 10px 0 0;
font-size: 15px;
}
.top .menu a {
float: left;
background: transparent url(../images/top_menu_r_bg.png) no-repeat top right;
text-decoration: none;
}
.top .menu a span {
float: left;
height: 26px;
padding: 0 10px;
color: #fff;
line-height: 25px;
background: transparent url(../images/top_menu_l_bg.png) no-repeat top left;
cursor: pointer;
}


header {
position: relative;
background: url("../images/holder.jpg") no-repeat center top transparent;
height: 100px;
margin: 0 auto;
width: 960px;
}

header table, header table th, header table td {
border: none !important;
}
header table {
width: 100%;
}
header table td {
height: 80px;
vertical-align: middle;
}

header #search {
position: absolute;
top: 7px;
right: 0
}

#search .search {
background: url("../images/inputbox.png") no-repeat scroll left top transparent;
float: left;
height: 22px;
padding: 0 0 0 10px;
width: 170px;
}

#search .search .inputbox {
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #000000;
float: left;
font-size: 14px;
height: 18px;
line-height: 18px;
overflow: hidden;
padding: 3px 6px 0 0;
width: 141px;
}

#search .search .button {
background: url("../images/search_btn.gif") no-repeat scroll right top transparent;
border: medium none;
clear: none;
color: #FFFFFF;
float: left;
font-size: 0;
height: 19px;
line-height: 0;
margin: 0;
padding: 0;
width: 23px;
}

#header-img {
background: url("../images/headerimg.jpg") no-repeat scroll center top transparent;
height: 300px;
margin: 0 auto;
width: 980px;
}

.logo {
position: absolute;
left: 0;
top: 26px;
height: 74px;
overflow: hidden;
padding: 0 0 0 10px;
width: 350px;
}

.logo h1 {
color: #FFFFFF;
font-family: "Trebuchet Ms",Tahoma,Verdana,Arial,sans-serif;
margin: 0;
text-align: left;
text-shadow: 1px 1px #638E2C;
}

.logo a, .logo a:link, .logo a:visited {
color: #FFFFFF;
font-size: 24px;
font-weight: 700;
line-height: 34px;
text-decoration: none;
}

.logo table tr td {
height: 74px;
vertical-align: middle;
width: 360px;
}

.top-menu {
position: absolute;
right: 0;
top: 56px;
}

#content {
background: url("../images/content_bg.png") repeat scroll left top transparent;
}


.top-menu {
margin: 0 auto;
width: 660px;
}

.maincol,
.maincol_w_right,
.maincol_w_left,
.maincol_full {
padding: 20px 0;
width: 960px;
margin: 0 auto;
}

.leftcol {
float: left;
margin: 0 10px 0 0;
width: 210px;
}
.rightcol {
float: left;
margin: 0 0 0 10px;
width: 210px;
}

.maincol_w_right .cont,
.maincol_w_left .cont {
float: left;
padding: 10px;
width: 710px;
}

.maincol .cont {
float: left;
padding: 10px;
width: 500px;
}


#breadcrumbs {
position: absolute;
bottom: 30px;
left: 0;
}

.separator {
font-size: 14px;
padding: 20px 0 0;
display: block;
color: #505050;
font-size: 14px;
font-weight: 700;
}


.module_menu .menu,
.module .menu {
margin: 0 20px 0 10px;
}

.module_menu .menu li,
.module .menu li {
padding: 0 0 0 10px;
line-height: 20px;
}

.module_menu .menu li a,
.module .menu li a {
display: block;
}

.module_menu .menu li a span,
.module .menu li a span {
display: block;
background: transparent url(../images/arrow1.gif) no-repeat left 7px;
cursor: pointer;
}

#login-form {
margin: 0;
padding: 0;
}

fieldset.userdata {
border: none;
margin: 0 20px;
padding: 0;
height: 150px;
position: relative;
}

#login-form ul {
margin: 20px 20px 0;
}

fieldset.userdata label {
display: block;
line-height: 16px;
}
#form-login-remember label {
display: inline;
}

fieldset.userdata input {
border: none;
background: #fff;
color: #666;
}
fieldset.userdata input.button {
position: absolute;
bottom: 0;
left: 0;
width: 80px;
}


fieldset.userdata input.button {
background: url("../images/but.gif") repeat-x scroll left top transparent;
border: 1px solid #000000;
color: #CCCCCC;
float: left;
font-weight: 400;
height: 20px;
line-height: 15px;
margin: 10px 0 0;
padding: 0 10px 3px;
}

#form-login-username,
#form-login-password,
#form-login-remember {
margin: 0 0 10px;
overflow: hidden;
}

#modlgn-remember {
float: none;
margin: 0 0 0 10px;
border: none;
background: none;
width: auto;
}


.module .search {
margin: 0 20px;
position: relative;
}
.search label {
display: none;
}
#mod-search-searchword {
border: 1px solid #d5d5d5;
background: none;
color: #666;
width: 160px;
}
.module .search .button {
position: absolute;
right: 0;
top: 0;
text-indent: -9999px;
width: 20px;
height: 20px;
background: transparent url(../images/search_bg.png) no-repeat center center;
}

div.module_menu div, div.module div, div.module_text div {
background: url("../images/box_m.gif") repeat-y scroll center top transparent;
}

div.module_menu div div, div.module div div, div.module_text div div {
//background: url("../images/box_b.gif") no-repeat scroll center bottom transparent;
//margin: 0 0 20px;
//padding: 0 0 2px;
}

div.module_menu div div div, div.module div div div, div.module_text div div div {
//background: url("../images/box_t.gif") no-repeat scroll center top transparent;
//margin: 0 0 26px;
//padding: 0;
}


.leftcol h3, .rightcol h3 {
background: url("../images/box_h3.png") no-repeat scroll center top transparent;
color: #CCCCCC;
font-family: Tahoma,Verdana,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
height: 32px;
line-height: 31px;
margin: 0 0 6px;
overflow: hidden;
padding: 0 14px;
text-align: left;
text-transform: none;
width: 186px;
}

.leftcol ul.menu li a, .leftcol ul.menu li a:link,
.leftcol ul.latestnews li a, .leftcol ul.latestnews li a:link,
.rightcol ul.latestnews li a, .rightcol ul.latestnews li a:link,
.rightcol ul.menu li a, .rightcol ul.menu li a:link {
background: url("../images/menu_arrow.gif") no-repeat scroll left top transparent;
color: #888888;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 19px;
margin: 0;
padding: 0 16px;
text-decoration: none;
}

/* maincol */
.maincol h2,
.maincol h2 a {
color: #4e8f0c;
font-size: 18px;
line-height: normal;
margin: 0 0 10px;
}

.items-leading
{
margin: 0 0 30px 0;
text-align: justify;
background: #e6e4e4;
padding: 10px;
border: 1px solid #c2c2c2;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* items row */
.items-row .item {
margin: 0 0 30px 0;
text-align: justify;
background: #e6e4e4;
padding: 10px;
border: 1px solid #c2c2c2;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.items-row .item h2,
.items-row .item h2 a {
font-size: 18px;
}
.item .readmore {
text-align: right;
margin: 0;
}
.item .readmore a {
color: #4e8f0c;
font-weight: 700;
}

.leading-0 .readmore {
text-align: right;
margin: 0;
}
.leading-0 .readmore a {
color: #4e8f0c;
font-weight: 700;
}

.actions {
overflow: hidden;
margin: 0 0 10px;
}
.actions li {
float: left;
}
.actions li img {
float: left;
margin: 0 6px 0 0;
}


.category-desc img {
margin: 0 10px 4px
}
.category-desc a, .category-desc a:link, .category-desc a:visited {
color: #4e8f0c;
text-decoration: underline;
}
.image-left {
float: left;
margin: 0 10px 4px 0;
}
.image-right {
float: left;
margin: 0 0 4px 10px;
}


.item-title {
font-size: 12px;
}
.main .categories-list ul li {
padding: 5px;
}

.category-desc {
line-height: 1.7em;
margin: 10px 0;
padding-left: 0;
}

.category-desc p {
line-height: normal;
}
.pagination {
overflow: hidden;
padding: 10px 0;
}
.pagination .counter {
margin: 0;
}

.current > a > span {
color: #4e8f0c;
}

.pagination ul {
overflow: hidden;
}
.pagination ul li {
float: left;
margin: 0 6px 0 0;
}

.pagination .pagenav {
display: block;
background: #fff;
margin: 0 4px 0 0;
padding: 2px 6px;
border: 1px solid #e5e5e5;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 10px 0;
}


.pagenav .pagenav-prev {
float: left;
}
.pagenav .pagenav-next {
float: right;
}
.pagenav-prev, .pagenav-next {
background: #fff;
margin: 0 4px 0 0;
padding: 2px 6px;
border: 1px solid #e5e5e5;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 10px 0;
}

/* end maincol */

/* tables */

table {
border-collapse: collapse
}

table, table th, table td {
//border: solid 1px #d5d5d5 !important
}


table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th {
background: #dedede;
color: #777
}


table.weblinks,
table.category {
margin: 10px 10px 20px 0px;
width: 99%;
}

table.weblinks td {
border-collapse: collapse;
}

table.weblinks td,
table.category td {
padding: 7px;
}

table.weblinks th,
table.category th {
padding: 7px;
text-align: left
}

td.num {
vertical-align: top;
text-align: left;
}

td.hits {
vertical-align: top;
text-align: center
}

td p {
margin: 0;
line-height: 1.3em
}

.filter {
margin: 10px 0
}

.display-limit,
.filter {
text-align: right;
margin-right: 7px
}

/* ++++++++++++++  category table  ++++++++++++++ */

table.category th a img {
padding: 2px 10px
}

.filter-search {
float: left;
}
.filter-search .inputbox {
width: 6em
}

legend.element-invisible {
position: absolute;
        /* need margin top and left doesn't work for the legend element */
        margin-left:-3000px;
margin-top: -3000px;
height: 0px;
}

.cat-items {
margin-top: 20px
}

#contact-slider .panel {
background: #fff;
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #e5e5e5;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 10px 0;
}

#contact-slider .panel h3 {
margin: 0;
}
#contact-slider .panel h3 a {
font-size: 18px;
line-height: normal;
}
#contact-slider .panel .pane-slider {
padding: 10px 0 0 0;
}
#contact-slider .panel .pane-slider div {
padding: 10px 0 0 0;
overflow: hidden;
}

.contact-email label {
float: left;
width: 140px;
}

#member-registration label {
display: block;
}
#member-registration legend {
font-size: 20px;
}

#member-registration dd {
padding: 0;
margin: 0 0 10px;
}

.contact-links li {
line-height: 20px;
}


/* */
#jform_email-lbl {
width: 200px;
float: left;
}
#article-index li {
line-height: 20px;
}

.maincol li {
line-height: 20px;
}
.maincol .menu li,
#article-index li,
.maincol .latestnews li,
.maincol .relateditems li,
.maincol .categories-module li {
padding: 0 10px 0 20px;
line-height: 20px;
background: transparent url(../images/arrow-1.png) no-repeat top left;
}

#article-index ul,
.maincol .menu {
margin: 10px 0;
}

.stats-module dt {
float: left;
font-weight: bold;
margin: 0 10px 0 0;
}

.login {
background: #F0F0F0;
border: 1px solid #E7E7E7;
}

.maincol .login, .maincol .registration, #user-registration {
background: #F0F0F0;
border: 1px solid #E7E7E7;
margin: 0 0 10px 0;
padding: 20px 80px 20px 20px;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 0 10px 0;
}

.maincol .login label {
float: left;
width: 100px;
}
.maincol .login .login-fields {
overflow: hidden;
margin: 0 0 10px;
}

footer {
margin: 0 auto;
overflow: hidden;
width: 980px;
padding: 20px 0;
line-height: 20px;
color: #666666;
}
footer p {
margin: 0;
}
footer a {
color: #cbc1cb;
}

.error {
background: #fdcdc9;
margin: 0 0 20px 0;
padding: 10px;
border: none;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#system-message {
margin: 0;
}
#system-message dt.warning {
color: #be4e4c;
margin: 0 0 10px;
font-size: 16px;
font-weight: 700;
}
#system-message dd.warning li {
line-height: 20px;
background: transparent url(../images/arrow-2.png) no-repeat left top;
padding: 0 0 0 20px;
}

.tip-wrap {
background: #fff;
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #e5e5e5;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* sgmenu */
#sgmenu ul.menu:after {
clear: both;
content: "";
display: block;
}
#sgmenu ul.menu {
_zoom: 1
}
#sgmenu ul li {
float: left;
}
#sgmenu ul li a {
display: block;
white-space: nowrap
}
#sgmenu ul li ul {
position: absolute;
visibility: hidden;
}
#sgmenu ul li ul li {
float: none;
}
#sgmenu ul li ul li a {
width: auto;
}


/* sgmenu skin */
#sgmenu ul.menu {
float: right
}
#sgmenu ul.menu li {
margin-right: 6px;
}
#sgmenu ul.menu li a,#sgmenu ul.menu li a:link, #sgmenu ul.menu li a:visited {
text-align: center;
line-height: 29px;
color: #fff;
}
#sgmenu ul.menu ul li a:hover {
color: #4e8f0c
}
#sgmenu ul.menu li ul li a:hover {
color: #4e8f0c
}

#sgmenu ul.menu li a span {
display: block;
color: #fff;
font-size: 15px;
font-weight: 700;
font-family: Tahoma, Verdana, Arial, sans-serif;
text-decoration: none;
line-height: 29px;
padding: 0 10px;
}


#sgmenu ul.menu > li a:hover,#sgmenu ul.menu > li#current a {
text-decoration: none;
background: transparent url(../images/t_menu_btn_r_hover.png) no-repeat top right;
}

#sgmenu ul.menu > li a:hover span,#sgmenu ul.menu > li#current a span {
color: #96ff96;
background: transparent url(../images/t_menu_btn_l_hover.png) no-repeat top left;
}

#sgmenu ul.menu li ul li a, #sgmenu ul.menu li ul li a:hover, #sgmenu ul.menu li ul li a:hover span, #sgmenu ul.menu li ul li a span {
background: #555;
}
#sgmenu ul.menu li ul li a:hover span {
color: #b4d041;
}

ul.latestnews {
margin: 0 0 0 20px;
}
.jicons-icons img {
float: left;
margin: 0 10px 0 0
}
.contact-contactinfo p {
margin: 10px 0 0 0;
}
input.inputbox, textarea.inputbox {
background: #ebebeb;
background: 1px solid #a3a3a3;
margin: 0 0 10px 0;
color: #000;
}

.cont ul {
   list-style: circle;
   padding-left: 10px;
   margin-bottom: 10px;
}
.mcecontentbody ul {
   list-style: circle;
   padding-left: 10px;
   margin-bottom: 10px;
}

div.module {
    padding-bottom: 20px;
}