@import url("xo-content.css");
@import url("xo-blocks.css");
@import url("xo-userbar.css");
@import url("xo-vertical.css");




/* --------- Layout --------- */

html, body {
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	width: 100%;
	background: url(../img/bg.gif) ;	
	
	
    
	
}

#xo-canvas {
    margin: 0 auto; 
    padding: 0; 
	width: 840px;
	text-align: left;
	
	
	
}
#xo-canvas-content {
padding-left:0px;
background: #fff;

}


#xo-page {
	padding-top: 1px;  
	
}



/* --------- Content module page --------- */
#xo-content {
  padding : 8px;
  text-align : justify;
  color:#333;
 
  
    
}

#header {
	
	width: 840px;
	height: 157px;
	background: url(../img/header.jpg) no-repeat;

	
}

#logo-slogan {
	
	width: 400px;
	height: 60px;
	margin: 40px 0 0 20px;
	float: left;
	
}

#logo {
	
	font-family: Tahoma;
	font-size: 30px;
	color: #0e8fcb;
	margin: 0 0 5px 0;
}

#slogan {
	
	float: left;	
	font-family: Geneva;
	font-size: 12px;
	font-weight:	bold;
	color: #000;
	margin: 8px 0 0 4px;
    
}

#icons {
	
	width: 190px;
	height: 80px;
	float: right;
	margin: 30px 0 0 0 ;
}

#icons form {
	float: right;
	width: 185px;
	height: 36px;
	background: url(../img/search.jpg);

}

.search {
	float: left;
	width: 130px;
	height: 21px;
	border: none;	
	background: none;
	border: none;
	font-family: Tahoma;
	color : #686868;
	margin: 6px 0 0 10px;
}

#search_button{

	float: right;
	width: 26px;
	height: 22px;
	border: none;	
	background: url(../img/srh.png) no-repeat;
	margin: 10px 2px 4px 0;
	cursor: pointer;
    border: none;
}

#icons img{
	float: right;
	margin: 0 25px 0 0;
	border: none;
}


/* menu */

#menu {
	float: right;
	width: 840px;
	height: 40px;
	margin: 6px 0 0 0;
	padding: 0 ;
}

#menu ul {
	float: right;
	margin: 0px;
	padding: 0 0 0 0;
	width: 600px;
	list-style: none;
}

#menu ul li {
	display: inline;
}

#menu ul li a {
	float: left;
	padding: 11px 20px;	
	text-align: center;
	font-size: 1.2em;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	background: url(../img/divider.png) center right no-repeat;
	color: #2a5f00;	
	outline: none;
}

#menu li a:hover, #menu li .current {
	color: #fff;
}

#menu li .last {
	background: none;
}

/* end of menu*/



/* block main menu */
#mainmenu { padding: 0 0 0 6px;  }
#mainmenu a {
  display: block;
  margin: 0;
  padding: 4px 4px 4px 14px;
  border-bottom: 1px dotted #e9e9e9;
  font-weight:	bold;
  color: #1E95CD;
  font-size: 1.04em;
   background: url(../img/arrow.png) no-repeat left;
  
}
#mainmenu a:hover {color: #DFA102;}
#mainmenu a.menuTop {}
#mainmenu a.menuMain {}
#mainmenu a.menuSub {
  padding-left: 25px;
  background: none;
  border: none;
  font-style: italic;
  color:#666666;
  font-size: .9em;
}
#mainmenu a.menuSub:hover { color: #DFA102;}

/* block user menu */
#usermenu {	font-size: .9em; }
#usermenu a {
  display: block;
  margin: 0;
  padding: 4px 4px 4px 14px;
  border-bottom: 1px dotted #e9e9e9;
  color:#3a3a3a;
  background: url(../img/arrow.png) no-repeat left;
}
#usermenu a:hover {}
#usermenu a.menuTop {}
#usermenu a.highlight {background-color: #A52524;}




/* footer */
#xo-footer { 
	clear: both; 	
	color: #fff; 	
	margin: 0 auto; 
	background: url(../img/footer.jpg) repeat;
	height: 42px;
	font-size: 1.1em;
	width: 840px
}
#xo-footer a { 
	text-decoration: none; 
	font-weight: bold;
	color: #fff; 
}
#xo-footer-content {
	margin: 0 auto;
	width: 840px
}
#xo-footer-content #xo-footer-left {
	padding: 10px;
	width: 50%;
	float: left;
	text-align: left;
}
#xo-footer-content #xo-footer-right {
	padding: 10px;
	width: 40%;
	float: right;
	text-align: right;
}

    






/*-----------------Styles for pagenav ------------*/
#xo-pagenav {
    margin:                 7px 0;
    text-align:             center;
    font-size:              1.05em;
	
}
#xo-pagenav a {
    display: block;
	padding: 2px 6px;
	float: left;
	font-size: 1.1em;
	background: #D6DEE4;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 1px;
	
}
#xo-pagenav a:hover {
    color:                  #1251c6;
     background:			#eceff2 ;
    border:                 1px solid #fff;
}
.xo-pagact {
    margin:                 0;
    padding:                .2em .2em;
    background: #D6DEE4;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 1px;
	text-decoration:none;
	
}


/*======= Tinymce background textarea ========*/
body.mceContentBody {
    margin:                 0;
    padding:                0;
    background-color:       #fff;
    background-image:       none;
    color:                  #000;
}