/* Xennex Layout CSS */

html {
	margin:0px;
	padding:0px;
		}

body {
	margin: 0px;
	padding: 0px;
	background-image: url(body-bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#page{
	padding:0px;
	margin: 0px;
	}

#header {
	width:385px;
	height:178px;
	position:absolute;
	top:0px;
	left:275px;
	padding:0px;
	margin:0px;
	z-index:100;
}
	
#logo {
	}
	
/* Locale links */

#locale-links {
	position: absolute;
	top: 470px;
	left: -135px;
	}
#locale-links a {
	}
#locale-links a:hover {
	}	

/* The DIV for the sitemap tree */	
	
#sitemap {
	position:absolute;
	top:0px;
	left:0px;
	height:587px;
	width:275px;
	background-image:url(sitemap-bg.jpg);
	background-repeat:no-repeat;
	text-align: right;
	padding: 0px;
	margin:0px;
}

/* "Master" UL (contains the whole tree) - nav level 1 start */

#section {
	position:absolute;
	top:210px;
	left:0px;
	width: 255px;	
	margin: 0px;
	padding: 0px;
	z-index:100;	
}

/* Mark a section as current */
.current {
	font-weight: bolder;
	}

/* Mark a section as home */
.home {
	}

/* a sub-section UL inside a section - nav level 2 start */

ul.section {	
	margin: 5px 0px 10px 0px;
}

/* a section item LI inside a sub-section - nav level 2 */

ul.section li.current-section-item, ul.section li.section-item {
	margin: 3px 0px 0px 0px;
}

/* The nav level three - a ul inside a ul inside the main section ul */

#section ul.section ul.section {
	display:none;
	visibility: hidden;
	}

/* sectionmap */
#sectionmap {
       display:none;
       visibility: hidden;
       }


/* The main content area - the center column */

#content {
	background-color:#FFFFFF;
	background-image:url(content-bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;	
	position:absolute;
	top:178px;
	left:275px;
	height:auto;
	width:48%;		
	min-height: 400px;
	min-width: 335px;
	max-width: 585px;		
	padding: 10px 50px 30px 20px;
	margin: 0px 15% 0px 0px;
	
}
		
/* The side bar, which is not used currently */		

#sidebar {
	border-left: 1px solid #ccc;
	float:right;
	width:200px;
	padding:0px 20px 15px 20px;
	margin-left:20px;
	margin-bottom:55px;
	margin-top:15px;
}
#sidebar li, #sidebar ul {
	margin:0px;
	padding:0px;	
}
#sidebar ul {
	margin-bottom:30px;	
}


/* footer stuff */

#footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	width: 250px;
	background-color: #fff;
		}
			
.imgalignleft {
	float:left;
	padding-bottom: 8px;
	padding-right: 8px;
	}
.imgalignright {
	float:right;
	padding-bottom: 8px;
	padding-left: 8px;
}

/*Hidden class - use to make something invisible */
.hidden {
	display: none;
	visibility: hidden;
	}