/* @override http://localhost:8888/workspace/rokwebify/templates/rt_rokwebify/css/template_css.css */

/* @group Main */

html {
  /* this is a hack to force scrollbars on at 
     all times so that the page does not jump
     when going from short to long pages */
  height: 100%;
  margin-bottom: 1px;
  background: #fff;
}

body {
  margin: 0;
  padding: 0;
}

p {
  /* setup some more readable paragraph spacing */
  margin-top: 10px;
  margin-bottom: 15px;
}

h1, h2, h3, h4, h4 {
  /* setup some more readable header spacing */
  padding-bottom: 5px;
  margin: 15px 0;
}

/* @group Fonts */

/* @group Sizes */


body {
  font-size: 13px;
}

h1 {
  font-size: 200%;
}

h2 {
  font-size: 180%;
}

h3 { 
   font-size: 150%;
}

h4 {
  font-size:  120%;
}
@font-face {
 font-family: Lucidasans;
 src: url("../fonts/lucidasans.eot") /* EOT file for IE */
}
@font-face {
 font-family: Lucidasans;
 src: url("../fonts/lucidasans.TTF") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: Segoeui;
 src: url("../fonts/segoeui.eot") /* EOT file for IE */
}
@font-face {
 font-family: Segoeui;
 src: url("../fonts/segoeui.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: trado;
 src: url("../fonts/trado.eot") /* EOT file for IE */
}
@font-face {
 font-family: trado;
 src: url("../fonts/trado.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: trajanb;
 src: url("../fonts/trajanb.eot") /* EOT file for IE */
}
@font-face {
 font-family: trajanb;
 src: url("../fonts/trajanb.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: trajan;
 src: url("../fonts/trajan.eot") /* EOT file for IE */
}
@font-face {
 font-family: trajan;
 src: url("../fonts/trajan.ttf") /* TTF file for CSS3 browsers */
}/* @group Fonts */

@font-face {
 font-family: Century Gothic;
 src: url("../fonts/gothic.eot") /* EOT file for IE */
}
@font-face {
 font-family: Century Gothic;
 src: url("../fonts/gothic.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: opensans;
 src: url("../fonts/opensans.eot") /* EOT file for IE */
}
@font-face {
 font-family: opensans;
 src: url("../fonts/opensans.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: trebuchet;
 src: url("../fonts/trebuc.eot") /* EOT file for IE */
}
@font-face {
 font-family: trebuchet;
 src: url("../fonts/trebuc.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: lucida;
 src: url("../fonts/lucida.eot") /* EOT file for IE */
}
@font-face {
 font-family: lucida;
 src: url("../fonts/lucida.ttf") /* TTF file for CSS3 browsers */
}

.small,
.modifydate,
.createdate,
div.mosimage_caption {
  font-size: 100%;
}

div.moduletable h3,
.componentheading {
  
}

.contentheading {
  font-size: 200%;
}

.componentheading {
 margin-bottom: 15px;
}

td.componentheading {
  padding-bottom: 15px;
}

/* @end */

/* @group Family */

body {
    line-height: 145%;
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    color: #1D2D45;
}

div#top {
  color: #666;
}

.contentheading,
.componentheading {
  font-weight: bold;
}

div.moduletable h3,
div.moduletable-hilite1 h3,
div.mdouletable-hilite2 h3,
.contentheading {
  /* see style css */
}

table.headlines div.moduletable h3,
.componentheading {
  /* see style css */
}

a:link,
a:visited {
  /* color: see style css */
  color: #819D26;
  text-decoration: none;
}

div#bottom a:link,
div#bottom a:visited {
  color: #99CC00;
}

a:hover {

  text-decoration: underline;
}

/* @end */

/* @end */

/* @end */

/* @group Structure */

html {
  background: #7E9D4D url(../images/maize-bg.png) 0 0 repeat-x;
}

div#wrapper {
  margin:0 auto;
  padding:10px 10px 0px 10px;
  width:980px;
  background: url(../images/bg-trans.png) top left repeat;
}
#floater {
  width:980px;
  background:#fff;
  
  
}

#xhead {
  width:920px;
  height:145px;
  padding-left:30px;
  padding-right:30px;
}


.xlogo {
  background:url(../images/africa-agro-logo-real.jpg) top left no-repeat;
  width:210px;
  height:143px;
  float:left;
  
}
#topmods {
  min-width:400px;
  float:right;
  height:30px;
  margin-top:10px;
  
}
div#horiz-menu {
  
  height: 45px;
  width:700px;
  background:#375EAD;
  float:right;
  margin-top:50px;
  border-bottom:10px solid #90C444;
  -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
div#topmenu {
  
  height: 20px;
  margin-top:5px;  
  float:left;
  margin-right:30px;
  
  
}
#xbody {
  width:920px;
  padding-left:30px;
  padding-right:30px;
}
#slides {
  width:920px;
  min-height:350px;
  
  
}
#xfront {
  width:920px;
  height:280px;
  background:#E5F2D7;
  margin-top:30px;
  padding-left:30px;
  padding-right:30px;
  
}
.xf1 {
  width:240px;
  float:left;
  
  
}
.xf2 {
  width:380px;
  float:left;
  margin-left:40px;
  margin-right:40px;
}
.xf3 {
  width:220px;
  float:left;
  
  
}
.xf3 a:link, .xf3 a:visited{
  text-align:justify!important;
}
.chronoform {
  display:none;
}
#agrobg {
  abackground:url(../images/agrobg.jpg) top left no-repeat;
  width:920px;
  height:100px;
  margin-top:10px;
}
#xcompo {
  width:880px;
  padding:20px;
}

#xcompo h2 {
  font-size:25px;
  font-weight:normal!important;
  border-bottom:1px dotted #375EAD;
  padding-bottom:20px;
  line-height:120%;
  text-transform:capitalize!important;
}
#xfooter {
  width:100%;
  background:#6A8441;
  aheight:350px;
  float:left;
}
.xbfoot{
  width:920px;
  padding-left:30px;
  padding-right:30px;
  margin:0 auto;
  padding-top:10px;
  color:#E5F2D7;
  
}
.xb1 {
  width:30%;
  float:left;
  
}
.xb2 {
  width:30%;
  float:left;
  margin-left:30px;
  margin-right:30px;
}
.xb3 {
  width:30%;
  float:left;
  
}
.xbcaution{
  width:920px;
  apadding-left:30px;
  apadding-right:30px;
  
  padding-top:10px;
  float:left;
  color:#E5F2D7;
  text-align:justify;
  font-size:9px;
  
}
/* My Comment */
.xsearch {
  float:right;
  height:30px;
}
.xsearch .inputbox {
  padding:5px;
  background:#D1E7B3;
  border:none;
  color:#375EAD;
}
.xsearch .button {
  background:#375EAD;
  color:#fff;
  padding:5px;
  border:none;
  margin-left:10px;
}

/* @group menus */

div#horiz-menu ul {
  margin: 0;
  padding: 0px 0 0 0;
}

div#horiz-menu li {
  margin: 0;
  padding: 0;
  padding-right: 0px;
  float: left;
  list-style: none;
  
  height:21px;
}
img {
  border:none;
}
div#horiz-menu a:link,
div#horiz-menu a:visited {
  display: block;
  float: left;
  padding: 0 15px;
  margin-top:13px;
  height: 21px;
  line-height: 21px;
  font-weight: normal!important;
  Acolor: #C7D4C0!important;
  color:#fff;
  font-size:14px!important;
  font-family:Century Gothic,Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-transform:capitalize;
  border-right:1px solid #fff;
}

#horiz-menu .ux-menu-link-last{
border-right:none!important;
font-weight:bold!important;
color:#fff;
}
div#horiz-menu a:hover {
  color:#FFFF00;
}
div#horiz-menu ul ul{
  margin-top:35px;
}
div#horiz-menu ul ul ul{
  margin-left:20px;
  margin-top:0px;
}
div#horiz-menu li li {
  margin: 0;
  padding: 0;
  padding-right: 0px;
  float: left;
  list-style: none;
  height:31px;
}
div#horiz-menu li li a:link,
div#horiz-menu li li a:visited {
  display: block;
  float: left;
  padding: 0px 10px;
  height: 30px;
  line-height:30px;
  font-weight: normal;
  color:#FFFFFF;
  text-decoration: none;
  font-size:13px!important;
  text-transform:capitalize!important;  
  abackground: #286699;
  background:#8DC441;
  width:100%;
  border-bottom:1px solid #ccc;
  border-right:none;
  margin-top:-2px;
}
div#horiz-menu li li li a:link,
div#horiz-menu li li li a:visited {
  display: block;
  float: left;
  padding: 0px 10px;
  height: 30px;
  line-height:30px;
  font-weight: bold;
  color:#FFFFFF;
  text-decoration: none;
  font-size:12px!important;
  text-transform:capitalize!important;  
  background: #333;
  width:100%;
  border-bottom:1px solid #ccc;
  border-right:none;
  margin-top:-2px;
}
div#horiz-menu li li a:hover {
  color:#FFFF00;
  background:#375EAD;
}

/* My Comment */
div#topmenu ul {
  margin: 0;
  padding: 0px 0 0 0;
}

div#topmenu li {
  margin: 0;
  padding: 0;
  padding-right: 0px;
  float: left;
  list-style: none;
  
  height:11px;
}
div#topmenu a:link,
div#topmenu a:visited {
  display: block;
  float: left;
  padding: 0 15px;
  height: 11px;
  margin-top:5px;
  line-height: 11px;
  font-weight: normal!important;
  color: #8DC441!important;
  font-size:12px;
  font-family:Century Gothic,Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-transform:capitalize;
  border-right:1px solid #8DC441;
}
/* My Comment */

/* @end */

/* @group content */

.hide {
  display: none;
}

form {
  border: 0;
  margin: 0;
  padding: 0;
}

table.blog span.article_seperator {
  display: block;
  height: 20px;
}

.highlight {
  background-color: #ffc;
}

/* @end */

/* @end */

/* @group Joomla Core */

/* @group modules */

div.moduletable h3 {
  color: #375EAD;
  padding: 3px 0;
  margin-top:10px;
  line-height:25px;
  font-size:25px;
  margin-bottom:10px;
  font-weight:normal!important;
}
.xbfoot  h3,.xbfoot  a {
  color: #E5F2D7!important;
}

div.moduletable {
  margin-bottom:20px;
}
/* @end */

/* @group content */

.contentheading {
  padding: 10px 0;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height:100%;
  color: #99CC00;
}

td.buttonheading {
   vertical-align: middle;
}

td.buttonheading img {
  margin-right: 5px;
}

table.contentpaneopen, table.contentpane {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

div.contentpane, div.contentpaneopen {
  width: 100%;
}

.clr {
  clear: both;
}

div.mosimage {
  margin: 5px;
}

a.readon {
  display: block;
  float: left;
  padding-left: 20px;
  margin-top: 10px;
  line-height: 14px;
  height: 16px;
  /* background: see style css */
}

.small {
  color: #666;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
  color: #666;
}

.createdate {
  height: 20px;
  vertical-align: top;
  vertical-align: top;
  padding-bottom: 5px;
  padding-top: 0px;
  color: #666;
}

table.contenttoc {
  margin: 5px;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}

/* @end */

/* @group pathway */

span.pathway {
  display: block;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  margin-top: 5px;
  margin-bottom: 20px;
  font-weight: bold;
}

span.pathway img {
  margin: 0px 10px;
  vertical-align: middle;
}

div#pathway {
  margin-bottom: 10px;
  padding-left: 8px;
}

/* @end */

/* @group sections */

table.mainbody td.mainbody td.sectiontableheader {
  font-weight: bold;
  padding: 4px;
  line-height: 20px;
  background: #f6f6f6;
  border-bottom: 1px solid #ddd;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 5px;
  border-top: 1px #fff;
  border-bottom: 1px solid #efefef;  
}

tr.sectiontableentry2 td,
td.sectiontableentry1 {
  background: #fcfcfc;
}

/* @group My Group */

/* @end */

.pollstableborder .sectiontableentry1,
.pollstableborder .sectiontableentry2 {
  background: none;
  border:  0;
}


/* @end */

/* @group mainmenu */

a.mainlevel:link,
a.mainlevel:visited {
  text-decoration: none;
}

a.mainlevel {
  display: block;
  padding: 4px 0 2px 28px;
  margin-bottom: 3px;
  background: url(../images/menu-bullet.png) 0 0 no-repeat;
}

a.sublevel:link,
a.sublevel:visited {
  text-decoration: none;
}

a.mainlevel:hover {
  text-decoration: underline;
}

a.sublevel:hover {
  text-decoration: none;
}


a#active_menu:link,
a#active_menu:visited {
  color: #333;
}


li.active_menu a:link,
li.active_menu a:visited {
  color: #333;
}



/* @end */

/* @end */