body {
  font:normal 80% Tahoma, Verdana, Helvetica, sans-serif,century gothic;
  margin:0;
  padding:0;
  color:#454442;
  background-color:#000;
  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 {
  display :block;
    backgroud-color: #O11727;
  background: #BDDBE3 url(../images/bg_monde_old.jpg) top no-repeat;

}

#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.gif) top no-repeat;
  margin:0 auto;
  text-align:center
}
.spacer{
  clear:both;
  font-size:1px;
  margin:0px;
  padding:0px
}
#title_container{
  width:110%;
  float:LEFT;
  text-align:left;
  font:  century gothic,"century gothic";
  padding-top:5px
}
#title_container #title{
  display:block;
  position:relative;
  top:20px;
  left:172px;
  
  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;
  
}
#title_container #title_shadow{
  display:block;
  position:relative;
  top:-70px;
  left:160px;
  
  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{
  font:bold 110% Tahoma, Verdana, Helvetica, sans-serif;
  width:100%;
  height:65px;
  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:#005490 ;
  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:600px;
  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:#109abe;
  text-align:left;
  font-size:inherit;
  font-weight:bold
}
ul.menu li a:hover{
  color:#4dc5e5;
  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-color:#54bfdd;
  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:#55c0df;
  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:#55c0df
}
.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  
}


