@import url(blocks.css);
@import url(module_content.css);
@import url(class.css);


html, body {

	color: #000;

	margin: 0;

	padding: 0;

	font-size: 10pt;

	font-family:	Tahoma, Lucida Grande, Verdana, Arial, sans-serif;

	background: url(images/canvas_bg.gif) repeat-y center top #ebf4fa;

}



table {

	width: 100%;

}



table td {

	padding: 0;

	border-width: 0;

	vertical-align: top;

}



h1 {font-size: 90%;}

h2 {font-size: 95%;}

h3 {font-size: 90%;}

h4 {font-size: 85%;
padding-right: 15px !important;
	background-image: url(images/bullet.png);
	background-position: center right;
	background-repeat: no-repeat;
}

h5 {font-size: 80%;}

h6 {font-size: 75%;}



h1, h2, h3, h4, h5, h6 {

	padding: 0px;

	margin: 0px;

}



a {

	color: #298608;

	text-decoration: none;

	font-weight: bold;

}

a:hover {

	color: #41667A;

	text-decoration: none;

}



img { }



#xo-canvas {

	margin: auto;

    padding: 0px;

	background:		#FFFFFF;

	color:			#666666;

	width: 972px;

	background: url(images/canvas_bg.gif) repeat-y left top;

}



/* ---------- Header / banner / globalnavigation ---------- */

#xo-canvas-header {

	height: 55px;

	clear:both;

	position:relative;

	background: url(images/header_bg.gif) repeat-x left top;

	margin: 0 12px;

}

#xo-search {

	float: right;

	padding-top: 15px;

	padding-right: 15px;

}



#xo-main-logo {

	float: left; position: absolute; left: 30px; top: 6px;  

}



#xo-spotlight {

	height: 144px;

	background: #298608 url('images/bannerbg/banner_bg.png') repeat-x left top;

	border-top: 1px solid #283235;

	border-bottom: 1px solid #283235;

	margin: 0 12px

}



#xo-spotlight-txt {

	float: left;

	width: 400px;

	padding: 25px 15px 10px 25px;

	color:#FFFFFF;

}



#xo-spotlight-txt  h2{

margin-bottom: 8px;

color: #98b0b9;

}

#xo-spotlight-img {

	float: right;

	width: 464px;

}



#xo-canvas-globalnav {

	background: #6eb13f url(images/globalnav_bg.gif) repeat-x left top;

	height: 22px;

	clear:both;

	border-top: 1px solid #035713;

	border-bottom: 1px solid #035713;

	margin: 0 12px;

}



#xo-canvas-globalnav ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



#xo-canvas-globalnav li {

	display: inline;

}



#xo-canvas-globalnav li a {

	float: left;

	width: 8em;

	text-decoration: none;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #669b0b;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #538700;

	text-align: center;

	color: #FFF;

	font-weight: normal;

	display: block;

}



#xo-canvas-globalnav li a:hover { background: #395E7B; }



/* ---------- Content (main) zone ---------- */

#xo-canvas-content {

	/*background:	 #FFFFFF;*/

	padding:  0;

	line-height: 1.3em;

}

#xo-page {

	padding: 20px 10px;

	background:	  url(images/col-center_bg.gif) repeat-y right top;

}





#xo-content {

	clear:			both;

	padding:		.5em 1em .5em .5em;

	margin:			0px;

	color:			#333;

}

#banner {



	 text-align:center;

}

/* ---------- column configurations ---------- */

#xo-canvas-columns {

	width: 100%;

}

#xo-canvas-leftcolumn {

	width: 190px;

    padding: 20px 20px 0 15px;

}



#xo-canvas-rightcolumn {

	width: 190px;

	padding: 20px 0 0 20px ;



}



#xo-canvas-leftcolumn, #xo-page, #xo-canvas-rightcolumn {

	vertical-align:	top;

}



.leftcolumn-layout#xo-canvas #xo-canvas-columns, .threecolumns-layout#xo-canvas #xo-canvas-columns {}

.rightcolumn-layout#xo-canvas #xo-page, .threecolumns-layout#xo-canvas #xo-page {}



/* ---------- Footer ---------- */

#xo-footer { color: #fff;  text-align:center; width: 948px; margin: 0 auto; 
background-image: url(images/footerbg.png);
background-color: #298608;
background-position: center center;
background-repeat: repeat;
height: 100px;
padding-top: 10px;
}



#xo-footer a:hover {	text-decoration: none;}

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


/* ---------- Extra layout / forms---------- */

blockquote {

	margin-left:		.5em;

	border:				1px solid #8EC0F9;

	border-left-width:	6px;

	background:			#f4faff;

	padding:			.5em;



}

.xoopsCode {

	background:			#ffffff;

	font-family:		monospace;

	border:				1px solid #d0d0d0;

	padding:			.5em;

	width:				100%;

	display:			block;

	overflow: auto;

}



input[type=submit], input[type=button] {

	color: #fff;

	border: 1px solid #336600;

	text-transform: uppercase;

	font-size: 75%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	height: 21px;

	background: #306929;

}

 

 input[type=text], input[type=password], textarea {

	border:				1px solid #ddd;

	margin:				2px 0px;

	padding-left:		.2em;

	background:	 #F7F7F7 ;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:100%;

}



select[name=timezone_offset] {

	font-size:			90%;

}



input[type=text], input[type=password] { color: #969696; }



input[type=text]:focus, input[type=password]:focus, textarea:focus {

	border-color:		#999999;

	outline:			1px solid #999999;

	background-color:	#FAFAFA;

	color: #666666;

}





textarea { width: 95%;}


#xo-pagenav {
	text-align: center;
	margin: 10px;
}

.pagneutral {

}

.pagact {

}

.paginact {

}

.xo-pagact {
	padding: 5px;
	margin: 0 2px;
	background-color: #95B22C;
	color: #fff;
border-radius: 5px;	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.xo-counterpage {
	padding: 5px;
	margin: 0 2px;
	background-color: #298608;
	color: #fff;
	border-radius: 5px;	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.xo-counterpage:hover {
	background-color: #95B22C;
	color: #fff;
}

.xo-pagarrow {
	padding: 5px;
	margin: 0 2px;
	background-color: #298608;
	color: #fff;
		border-radius: 5px;	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
} 

.xo-pagarrow:hover {
	background-color: #95B22C;
	color: #fff;
}

.item {
	padding: 1px;
	margin: 1px;
}

.itemHead {
	
}

.itemTitle {
	border-bottom: 1px solid #ccc;
	padding: 4px;
}

.itemTitle h2 {
	font-size: 1.5em;
}

.itemTitle h2 a {
	color: #298608;
	text-decoration: none;
	font-family: Arial !important;
	font-weight: normal;
}

.itemTitle h2 a:hover {
	color: #333;
}

.itemInfo , .itemInfo a {
	font-size: .9em;
	font-weight: normal;
}

#xo-page .xo-blockszone .xo-blockcontent h3 {
	width: 195px;
	float: right;
	border-bottom: 1px dotted #ccc;
	margin-left: 10px;
	padding: 5px 10px !important;
	background-image: url(images/bullet.png);
	background-position: center right;
	background-repeat: no-repeat;
	
}

#extgallery {
	text-align: center;
}

.PhotoTitle , .photoHit , .photoComment , .photoRating , .extgallery img {
	text-align: center !important;
	margin: 0 auto  !important;
}