/* --------- 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 {	
	font-family: Verdana, Arial, Tahoma, sans-serif;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #333;
	background: #edebd6 url("../images/bg.jpg") top left repeat-x;
}
#xo-canvas {
  width : 918px;
  margin : 0 auto;
  background: #EDEBD6;
}
#xo-canvas-content {
  background : #EDEBD6;
  padding-top : 5px;  
}
#xo-page {padding-top : 5px;}

/* --------- Header --------- */
#xo-header {
	/*clear: both;*/
	background: url(../images/header.jpg) top left repeat-x;
	width: 918px;
	margin: 0 auto;
}

#left {
	background: url(../images/left.jpg) top left no-repeat;
}

#right {
	background: url(../images/right.jpg) top right no-repeat;
	height: 30px;
	padding: 141px 0 0 0;
}

#logo {
	padding: 0;
	text-align: center;
	margin: 0 auto;
	width: 918px;
	position: absolute;
	top: 1px;
}

#logo a, #logo a:link, #logo a:hover {
	font-weight: normal;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 26px;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
	color: #edebd7;
	text-decoration: none;
	outline: none;
	line-height: 36px;
}

.pill_m {
	width: 910px;
	text-align: center;
	height: 30px;
	margin: 0 auto;
	background: url(../images/menu.jpg) top left repeat-x;
}

#pillmenu {
	float: left;
	width: 910px;
}

#pillmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pillmenu li {
	float: left;
	margin: 0;
	padding: 0;
	height: 30px;
	background: url(../images/menu_li.jpg) top right no-repeat;
}

#pillmenu li:hover {
	background: url(../images/menu_li_hover.jpg) top right no-repeat;
}

#pillmenu li a#active_menu-nav {
	
}

#pillmenu li a {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	float: center;
	display: block;
	line-height: 24px;
	padding: 2px 10px 2px 10px;
	color: #EDEBD7;
	text-decoration: none;
}

#pillmenu li a:hover {

}

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

/* --------- Footer --------- */
#xo-footer {
	text-align:			center;
	font-size:			90%;
	color:				#666;
	margin:				0px;
}

#xo-footer a {
	color:				#333;
}
  
#xo-logger-output{font-size : .9em;}

/* --------- Block main menu --------- */
#mainmenu {	font-size: .8em; }
#mainmenu a {
	display: block; 
	line-height: 20px;
	padding: 0 0 0 15px;
	text-decoration: none;
	color: #666;
	font-weight: normal;
	font-size: 11px;
	background: url(../images/menu_row.jpg) center left no-repeat;
	margin-left:5px;
	}
#mainmenu a:hover { color: #000;}
#mainmenu a.menuTop {padding-left: 15px; /*border-top: 1px solid #ccc; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc;*/}
#mainmenu a.menuMain {padding-left: 15px; /*border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc;*/ }
#mainmenu a.menuSub {padding-left: 19px; /*background-image: url(../icons/arr.gif);background-repeat: no-repeat; background-position: left; background-color: #fff; color: #666; font-size:.9em; font-style:italic; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc;*/}
#mainmenu a.menuSub:hover {/*color: #f3ac03;*/}

/* --------- Block user menu --------- */
#usermenu {	font-size: .8em; }
#usermenu a {
	display: block; 
	line-height: 20px;
	padding: 0 0 0 15px;
	text-decoration: none;
	color: #666;
	font-weight: normal;
	font-size: 11px;
	background: url(../images/menu_row.jpg) center left no-repeat;
	margin-left:5px;
	}
#usermenu a:hover {color: #000;}
#usermenu a.menuTop {/*border-top: 1px solid #ccc;*/}
#usermenu a.highlight {/*background-color: #fcc; color: #ff0000;*/}