/* --------- Stylesheets incorporation --------- */
@import url("content.css");
/*@import url("extraclass.css");
@import url("forms.css");*/
@import url("blocks.css");

/* --------- Reset css --------- */
* {
  margin : 0;
  padding : 0;
}

/* --------- Layout --------- */
html, body {	
  	margin : 0;
	padding : 0;
	font-family : tahoma, Arial, sans-serif;
	font-size : .9em;
	background:url(../images/bg.jpg) 
	repeat-x 0 0 #000; 
	color:#000;
}
#xo-canvas {
  width : 1001px;
  margin : 0 auto;
  margin-top:-30px;
  background: #F3F1F1 url(../img/content-top.gif) no-repeat top left;
}
#xo-canvas-content {
  padding-top : 5px;
  
}
#xo-page {
padding-top : 5px;
}
/*---------------------------header----------------------*/
#header{
	width:1004px; margin:0 auto; background:url(../images/header_pic.png) no-repeat 0 51px; height:239px;
	position:relative;
	}
#header img{
	position:absolute; left:336px; top:100px; display:block;
	}
#header h1{
	background:url(../images/slogan.gif) no-repeat 0 0; position:absolute; left:362px; top:165px; text-indent:-2000px;
	display:block; font-size:0; width:66px; height:9px!important;
	}
#header ul{
	width:620px; height:39px; position:absolute; left:140px; top:12px;
	}
#header ul li{
	background:url(../images/sapa.gif) no-repeat top right; padding:0 2px 0 2px; float:right;
	}
#header ul li.noborder{
	background-image:none; padding:0 2px 0 2px; float:right;
	}
#header ul li a{
	background:url(../images/navi_bg.gif) repeat-x 0 0 #1C1C1C; color:#CCCCCC; display:block; padding:0 12px 0 12px; 
	text-decoration:none; line-height:39px;
	}
#header ul li a.hover{
	background:url(../images/navi_h.gif) no-repeat top center;
	}
#header ul li a:hover{
	background:url(../images/navi_h.gif) no-repeat top center;
	}

/* --------- Header --------- */
#xo-header {
  height : 170px;
  width: 1001px;
  margin: 0 auto;
  background : #000 url("../img/header2.gif") no-repeat;  
}


/* --- Banner --- */
#xo-header .banner {
  position : relative;
  float : right;
  top : 50px;
  right : 20px;  
}

* html #xo-header .banner { /*IE6 fix*/
 position: absolute;
  float : right;
  top : 50px;
  margin-right : 125px;  
}

/* --------- Navigation menu --------- */
#nav-top{
width: 1001px;
height: 41px;
background: url(../img/menu-top.gif) no-repeat left;
line-height: 41px;
margin-left: auto;
margin-right:auto;
margin-bottom: 15px;
}

ul#xo-globalnav {
  height : 41px; 
  width: 100%;
  float: left;
  margin-left: 20px;
  line-height: 41px;
  background : transparent;  
  text-align : center;
}

* html ul#xo-globalnav{
margin-left: 10px;
}

ul#xo-globalnav li {
 display : inline;
  list-style : none;
  margin-left: 25px;
}

ul#xo-globalnav a {
  float:left;
  margin-left: 3px;
  padding : 0 0 0 20px;
  display: block;
  color : #fff;
  font-size : 1.4em;
  font-weight: normal;
  background: none;
}

ul#xo-globalnav .navigation {
  position : relative;
  top : 5px;
  color : #888;
  font-size : 1.1em;
}
ul#xo-globalnav a:hover, ul#xo-globalnav a:active,
ul#xo-globalnav a:focus, ul#xo-globalnav a.xo-current {
  background : none;
  color : #70AA0F;
  cursor: pointer;
}

ul#xo-globalnav a:hover span, ul#xo-globalnav a:active span,
ul#xo-globalnav a:focus span, ul#xo-globalnav a.xo-current span {
  background : none;
  color : #000;
}

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

/* --------- Footer --------- */
#xo-footer {
  height : 40px;
  line-height: 30px;
  width: 1002px;
  margin: 0 auto; 
  text-align : center;
  font-size : .85em;
  border: none;
  background-color:#000;
  background-image:url(../img/bot.png) no-repeat;
}

#xo-footer a{
color: #fff;
}

#xo-footer a:hover{
color: #fff;
}

#xo-footer cite {font-style : normal;}
#xo-footer p.copyright {text-align : center;}   
#xo-logger-output{font-size : .9em;}

/* --------- Block main menu --------- */
#mainmenu {
	background-color: #3c0101;
	}
#mainmenu a {
	display: block;
	margin: 0;
	padding: 4px;
	color: #FFFFFF;
}
#mainmenu a:hover {
	background-color: #B60505;
	color: #FFFFFF;
	text-decoration: none;
}
#mainmenu a.menuTop {
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#mainmenu a.menuMain {
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#mainmenu a.menuSub {
	padding-left: 9px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
/* --------- Block user menu --------- */
#usermenu {
	background-color: #3c0101;	
}
#usermenu a {
	display: block;
	margin: 0;
	padding: 4px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	color: #FFFFFF;
}
#usermenu a:hover {
	background-color: #B60505;
	color: #FFFFFF;
}
#usermenu a.menuTop {}
#usermenu a.highlight {background-color: #FF9900;}