body {

  font:normal 80% Tahoma, Verdana, Helvetica, sans-serif;

  margin:0;

  padding:0;

  color:#454442;

  background-color:#fff;

  text-align:center

}

form, fieldset {

    margin:0;

    padding:0;

    text-align:left;

    border:0

}

img{

  border:0

}

a:link, a:visited{

  text-decoration:underline;

  font-weight:normal;

  color:#000

}

a:hover{

  text-decoration:none;

  font-weight:normal;

  color:#000

}

p {

  text-align:justify

}

ul, ol{

  text-align:left

}

hr{

  color:#e2e2e2!important;

  background:#e2e2e2!important;

  border:0!important;

  height:1px!important; 

}

input[type="text"], input[type="password"], input[type="email"]{

  background-color:#fff;

  border:1px solid #bbb;

  font-family:inherit;

  font-weight:normal;

  font-size:inherit;

  width:200px

}

select{

  background-color:#fff;

  border:1px solid #bbb;

  font-family:inherit;

  font-weight:normal;

  font-size:inherit  

}

table{

  font-family:inherit;

  font-weight:normal;

  font-size:inherit;

  color:inherit;

  border:0;

  border-collapse:collapse

}

textarea{

    width: 540px;

    height: 400px;

    background-color:#fff;

    border:1px solid #bbb;

    font-family:inherit;

  font-weight:normal;

  font-size:inherit;

  color:inherit

}

#page_bg {

  background: #fff url(../images/page_bg.gif) top repeat-x;

}



#container {

  width:980px;

  background: url(../images/container_bg.gif) top left repeat-y;

  margin:0 auto;

  text-align:center

}

#container #header{

  width:980px;

  height:158px;

  background: url(../images/header_bg.jpg) top no-repeat;

  margin:0 auto;

  text-align:center

}

.spacer{

  clear:both;

  font-size:1px;

  margin:0px;

  padding:0px

}

#title_container{

  width:60%;

  float:left;

  text-align:left;

  font:bold 275% Georgia, "Times New Roman", Times, serif;

  padding-top:35px

}

#title_container #title{

  display:block;

  position:relative;

  top:20px;

  left:19px;

  font-style:italic;

  color:#50b6d3;

  z-index:100

}

#title_container #title a:link, #title_container #title a:visited, #title_container #title a:hover{

  color:#fff;

  text-decoration:none;

  font-weight:bold;

}

#title_container #title_shadow{

  display:block;

  position:relative;

  top:-18px;

  left:22px;

  font-style:italic;

  color:#50b6d3;

  z-index:10

}

#newsflash_container {

  height:113px;

  float:right;

  width:359px;

  text-align:justify;

  margin-top:22px;

  padding-right:22px;

  background:url(../images/flashnews_bg.gif) 0 0 no-repeat

}

#newsflash_container .newsflash{

  margin:13px 20px;

  color:#fff;

  text-align:justify;

  height:80px;

  overflow:hidden

}

#newsflash_container .newsflash, #newsflash_container .newsflash a{

  color:#fff  

}

#newsflash_container .newsflash p{

  margin:0;

  padding:0

}



#top_menu{

  width:100%;

  height:28px;

  text-align:center;

  background:url(../images/top_menu_bg.gif) 0 0 repeat-x

}

#top_menu table{

  margin:0 auto

}

#top_menu ul{

  list-style: none;

  padding:0;

  margin:0;

  text-transform:uppercase

}

#top_menu ul li{

  background-image:none;

  float: left;

  margin:0;

  font-size:80%;

  line-height:22px;

  white-space:nowrap

}

#top_menu ul li a{

  display:block;

  width:123px;

  height:34px;

  line-height:40px;

  margin:0 3px;

  padding:0;

  text-align:center;

  background:url(../images/top_menu_tab.gif) 0 0 no-repeat;

  text-decoration: none;

  color: #fff;

  font-weight:bold;

  overflow:hidden

}

#top_menu ul li a:hover{

  color: #fff;

  background:url(../images/top_menu_tab1.gif) 0 0 no-repeat;

}

#top_menu ul li.active a{

  background:url(../images/top_menu_tab1.gif) 0 0 no-repeat;

}



#contents{

  width:980px;

  margin:0 auto

}

#column1_container, #column3_container{

  width:190px;

  float:left;

  text-align:center

}

#column1{

  margin:20px 10px

}

#column3{

  margin:20px 10px

}

#column2_container{

  width:700px;

  float:left;

  text-align:center

}

#column2_container_full{

  width:780px;

  float:left;

  text-align:center

}

#column2{

  margin:20px 0;

  text-align:justify

}

#column2_container_full #column2 form{

  padding-left:20px

}

/* menu */



ul.menu{

  margin:0;

  padding:0;

  list-style:none

}

ul.menu li {

  margin:0;

  padding:0

}

ul.menu li a:link, ul.menu li a:visited{

  display:block;

  margin:0;

  padding:2px 2px 2px 7px;

  text-decoration:none;

  color:#24242b;

  text-align:left;

  font-size:inherit;

  font-weight:bold

}

ul.menu li a:hover{

  color:#4f5299;

  font-weight:bold

}

ul.menu .current > a{

  background:url(../images/dot1.gif) no-repeat 0 7px;  

}

ul.menu ul{

  margin:0;

  padding:0 0 0 8px;

  list-style:none

}

ul.menu ul li a{

  font-weight:normal!important

}

.module_menu, .module{

  font-size:85%

}

.module_menu, .module{

  padding: 0;

  margin:20px 0;

  text-align:left;

  background:url(../images/box_bottom.gif) left bottom no-repeat;

  overflow:hidden

}

.module_menu div, .module div{

  background:url(../images/box_top.gif) 0 0 no-repeat;

  overflow:hidden

}

.module_menu div div, .module div div{

  background-image:none

}

.module_menu div div div, .module div div div{

  padding:5px;

  position:relative;

  background-image:none

}

.module_menu h3, .module h3{

  color:#fff;

  text-align: center;

  font-weight: bold;

  font-size:inherit;

  margin:0;

  background:url(../images/h3_bg.gif) 0 0 no-repeat;

  height:28px;

  line-height:28px;

  position:relative;

  top:-5px;

  left:-5px;

  width:170px

}

.category{

  width:100%;

  margin:10px 0

}

.category td, .category th{

  padding:2px 5px;

  text-align:left

}

.category th{

  background:#ebf9fc  

}

.category th a{

  font-weight:bold

}

.category .actions{

  top:0  

}

.category td a{

  display:inline-block;

  float:left;

  width:80%

}



.category .title, .category .hits{

  vertical-align:top;

  border-bottom:1px solid #e2e2e2

}

.category .title p:first-child{

  margin:0;

  padding:0;

  display:inline-block;

  float:left;

  clear:both;

  width:80%

}

.category .title p:first-child a{

  width:100%;

  display:block;

  float:left

}

.category .title p{

  clear:both;

  display:block;

  margin:0;

  padding:0

}

.category .title p a{

  display:inline;

  float:none;

  width:auto

}

#system-message{

  color:#cc0000;

  padding:10px;

  border:1px solid red

}

#system-message dt{

  font-weight:bold;

  border-bottom:1px dotted red

}

#system-message dd.error ul{

  border:0!important  

}





div#wrapper {

  margin-left: auto;

  margin-right: auto;

  width:980px

}

#footer {

  width:100%;

  height:20px;

  background:url(../images/top_menu_bg.gif) 0 0 repeat-x;

  margin:0 auto;

  padding:0;

  font-size:85%

}

#footer #left{

  width:40%;

  float:left;

  text-align:left;

  padding-left:20px;

  padding-top:2px

}

#footer #right{

  width:40%;

  float:right;

  text-align:right;

  padding-right:20px;

  padding-top:2px

}

#footer img{

  border:0;

  vertical-align:middle

}

#footer a:link, #footer a:visited, #footer:hover{

  color:#fff

}





h1 {

  font-family:inherit;

  font-weight:bold;

  font-size:130%;

  color:#3696b2;

  text-align:left;

  padding:0;

  margin:10px 0;

  display:block;

  clear:both

}

h4 {

  font-family:inherit;

  font-weight:bold;

  font-size:100%;

  color:#3696b2;

  text-align:left;

  padding:0;

  margin:10px 0;

  display:block;

  clear:both

}

h3{

    font-family:inherit;

  font-weight:bold;

  font-size:100%;

    color:#43abc8;

    text-align:left;

  padding:0;

  margin:10px 0;

  display:block;

  clear:both

}

legend {

  margin:2px 0;

  padding:0;  

  font-family:inherit;

  font-weight:bold;

  font-size:100%;

    color:#43abc8;

    text-align:left;

  clear:both

}



h2{

  font-size:120%;

  font-weight:bold;

  font-family:inherit;

  color:#161372;

  text-align:left;

  padding:0;

  margin:10px 0;

  display:block;

  position:relative;

  clear:both

}

h2 a:link, h2 a:visited{

  padding:0;

  font-size:100%;

  font-weight:bold;

  font-family:inherit;

  color:#3f4ac1

}

.readmore{

  text-align:right  

}

.readmore a{

  font-size:85%;

  color:#666

}

.cols-2 .item{

  width:48%;

  float:left;

  margin-right:2%

}

.cols-3 .item{

  width:31%;

  float:left;

  margin-right:2%

}

.cols-4 .item{

  width:23%;

  float:left;

  margin-right:2%

}

.cols-5 .item{

  width:18%;

  float:left;

  margin-right:2%

}

.row-separator{

  clear:both;

  display:block;

  font-size:0;

  height:0

}

.items-row{

  clear:both  

}



.pagination{

  clear:both;

  border-top:1px dotted #999;

  padding:5px 0;

  overflow:hidden

}

.pagenav{

  clear:both  

}

.pagination ul, .pagenav, .actions{

  float:right;

  list-style-type:none;

  margin:0;

  padding:0;

  display:inline-block

}

.pagination ul li, .pagenav li, .actions li{

  float:left;

  display:inline-block;

  padding:0 4px

}

.pagination .pagenav{

  color:#666;

  padding:0;

  float:none

}

.pagination ul a, .pagenav li a{

  display:inline-block;

  padding:0

}

.pagination .counter{

  display:inline-block;

  float:left;

  padding:0;

  margin:0

}

.article-info{

  color:#999;

  font-size:85%;

  display:block;

  overflow:hidden

}

.article-info a{

  color:#999

}

.actions{

  position:relative;

  top:-25px;

  right:0

}

.module form{

  padding:0 5px  

}

fieldset p, fieldset div{

  text-align:left;

  display:block;

  clear:both;

  margin:0;

  padding:0

}

fieldset label{

  display:block;

  float:left;

  padding:2px 0;

  clear:both

}

fieldset input{

  float:left;

  clear:both;

  padding:2px 0

}

fieldset #modlgn-remember{

  float:none;

  clear:none

}

input [type="submit"], .button, button{

  float:left;

  clear:both;

  overflow:visible;

  font-weight:bold;

  font-size:inherit;

  color:#fff;

  text-align:center;

  background-color:#43ABC8;

  border-left:1px solid #fff;

  border-top:1px solid #fff;

  border-right:1px solid #1c748d;

  border-bottom:1px solid #1c748d;

  padding:3px

}

button{

  margin:5px 0  

}

form ul{

  list-style-type:none;

  margin:0;

  padding:5px 0

}

form dd, form dt{

  margin:0;

  padding:0;

  display:block;

  float:left;

  clear:both

}

.module input[type="text"], .module input[type="email"], .module input[type="password"], .module select{

  width:100%

}

.module input, .module button, .module select{

  font-size:100% /*IE7*/

}

input[type="checkbox"], input[type="radio"]{

   background:transparent;

   border:none

}

.filters{

  border-bottom:1px solid #e2e2e2;

  padding-bottom:3px

}

.filters .filter-search select{

  float:left;

  margin:5px 5px 5px 0

}

.filters button{

  clear:none;

  vertical-align:middle

}

.registration button{

  float:none;

  vertical-align:middle

}

.registration .spacer{

  font-size:85%;

  color:#999

}

#searchForm fieldset.phrases, #searchForm fieldset.only{

  border:1px solid #abe4f3;

  padding:5px;

  margin:2px 0;

  font-size:85%

}

#searchForm button, #finder-search button, #mod-finder-searchform button{

  clear:none;

  margin:0 5px

}

#searchForm input, #searchForm select,

#finder-search input, #finder-search select,

#mod-finder-searchform input, #mod-finder-searchform select{

  clear:none;

  float:left;

  margin-left:5px

}

#searchForm .phrases-box{

  float:left;

  clear:none

}

#searchForm .ordering-box{

  float:right;

  clear:none

}



#searchForm .form-limit{

  float:left;

  margin:10px 0

}

#searchForm .counter{

  float:right;

  display:block;

  padding:0;

  margin:10px 0

}

.search .search-results{

  clear:both

}



#searchForm label, #finder-search label, #mod-finder-searchform label{

  display:inline-block;

  float:left;

  clear:none

}

#finder-search a#advanced-search-toggle{

  padding-left:90px;

  text-decoration:underline

}

#finder-search a#advanced-search-toggle:hover{

  text-decoration:none  

}

.stats-module dt, .stats-module dd{

  display:block

}

.stats-module{

  display:block;

  overflow:hidden

}

.stats-module dt{  

  float:left;

  color:#999;

  padding-right:10px

}

.stats-module dd{

  padding-left:0;

  margin-left:0  

}

iframe{

  width:100%!important

}

.category-list .cat-children li{

  display:block;

  clear:both

}

.category-list .cat-children li li{

  display:block;

  clear:none

}

.category-list .cat-children .item-title a{

  font-weight:bold  

}

.category-desc img{

  float:right;

  margin-left:10px

}

.tip{

   background:#ffc;

   border:1px solid #D4D5AA;

   padding:3px;

   max-width:200px;

   font-size:85%;

   color:inherit;

   text-align:left

}

.tip-title{

   font-weight:bold

}

.tip-text{

}

.categories-list .item-title a{

  font-weight:bold  

}

.categories-list dt{

  float:left;

  padding-right:5px

}

.categories-list dl{

  display:block;

  margin-bottom:15px;

  border-bottom:1px dotted #999

}

.search label{

  display:block;

  padding:3px 0

}

.search .button{

  margin:3px 0

}



/*user area*/

#adminForm fieldset{

  border:1px solid #e2e2e2;

  padding:5px;

  margin:10px 0

}

#adminForm .formelm{

  overflow:hidden;

  padding:3px 0

}

#adminForm label{

  width:200px  

}

#adminForm .formelm-buttons{

  float:left;

  clear:none;

  overflow:hidden

}

#adminForm .formelm label, #adminForm .formelm input, #adminForm .formelm select{

  float:left;

  clear:none

}

#adminForm .formelm-buttons button {

  float:left;

  clear:none;

  margin:5px 5px 0 0

}

#adminForm #jform_title,

#adminForm #jform_alias{

  width:85%;

  float:right

}

#adminForm .formelm #jform_title-lbl,

#adminForm .formelm #jform_alias-lbl{

  width:auto  

}

#adminForm #jform_articletext_parent{

  clear:both;

  display:block;

  padding:10px 0

}

#adminForm #editor-xtd-buttons div{

  float:left;

  clear:none;

  margin-right:10px

}

#adminForm #editor-xtd-buttons a.modal-button{

  font-size:85%;

  color:#666

}

#adminForm .toggle-editor{

  padding-top:10px  

}

#adminForm #jform_description-lbl{

  float:none;

  width:auto;

  padding:10px 0

}

#adminForm img.calendar{

  margin-left:3px;

  border:0;

  background:transparent

}

#users-profile-core dt, #users-profile-core dd,

#users-profile-custom dt, #users-profile-custom dd{

  display:block

}

#users-profile-core,

#users-profile-custom{

  display:block;

  overflow:hidden

}

#users-profile-core dt,

#users-profile-custom dt{  

  float:left;

  color:#999;

  padding-right:10px;

  width:250px

}

#users-profile-core dd,

#users-profile-custom dd{

  padding-left:0;

  margin-left:0  

}

#member-profile dt{

  width:250px;

  display:block;

  float:left;

  clear:both;

  padding:2px 0

}

#member-profile dd{

  clear:none;

  float:none;

  display:block;

  padding:2px 0

}

#member-profile dd input{

  clear:none  

}

#member-profile dt span{

  display:inline-block;

  vertical-align:middle;

  color:#999;

  padding:2px

}

#member-profile div button{

  float:none  

}

#member-profile div a{

  display:inline-block;

  vertical-align:middle

}

#member-profile fieldset + fieldset{

  margin-top:20px  

}

.calendar .button{

  clear:none;

  float:none

}



#mailto-window{

  padding:10px

}

#mailto-window .formelm{

  padding:2px 0

}

#mailto-window label{

  display:inline-block;

  width:100px  

}

#mailto-window button{

  float:left;

  clear:none;

  margin-right:5px

}

#mailto-window .mailto-close{

  position:absolute;

  right:10px;

  top:10px;

  font-size:85%

}

.contentpane .item-page{

  padding:10px  

}

.contentpane .article-info{

  text-align:left  

}