html {
	/* Force a vertical browser scrollbar to prevent page jumping */
	height: 101%;
	/* Page background */
	background: #fff;
	/* General font settings */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.90em;
	font-weight: normal;
	color: #000;
}
body {
	/* Create a 10px space at the top of the browser window */
	padding: 10px 0 0 0;
	/* General font settings */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: normal;
	color: #000;
}
/*
 * Create a 10px space around content, doing an extra inner div instead of setting
 * a padding or margin on a fixed width div prevents problems between browsers.
*/
div.inner {
	padding: 0 10px 10px 10px;
}
/* Main site container, the margin: 0 auto; horizontaly centers the container */
div#site-container {
	width: 976px;
	margin: 0 auto;
	text-align: left;
}
/* Header container where logo or a nice picture could be presented */
div#header-container {
	float: left;
	display: inline;
	height: 78px;*/
	width: 976px;
}
/* The logo container */
div#logo-container {
	float: left;
	display: inline;
	height: 78px;*/
	width: 160px;
}
/* The horizontal main menu container */
div#mainnav-container {
	float: left;
	display: inline;
	height: 28px;
	background: url(../images/top_r2.jpg) 0 0 no-repeat;
	width: 816px;
	padding: 50px 0 0 0;
}
/* The main page container */
div#main-page-container {
	float: left;
	display: inline;
/*	height: 500px;*/
	width: 100%;
}
/* The side panel container */
div#side-panel-container {
	float: left;
	display: inline;
	width: 170px;
}
div#recentnews-container {
	float: left;
	display: inline;
	min-height: 110px;
	width: 170px;
	margin: 10px 0 0 0;
}


/* The login container */
div#login-container {
	float: left;
	display: inline;
	min-height: 110px;
	width: 244px;
	margin: 10px 0 0 0;
}

/* The main content container */
div#content-container {
	float: left;
	display: inline;
/*	height: 490px;*/
	width: 500px;
	margin: 10px 0 0 20px;
}
/* The main content container */
div#content-breadcrumb {
	float: left;
	display: inline;
/*	height: 490px;*/
/*	margin: 10px 0 0 0;*/
	padding: 0 0 10px 0px;
	font-size: 0.8em;
}
/* The main content container */
div#main-content {
	float: left;
	display: inline;
/*	height: 490px;
	width: 490px;*/
	width: 444px;
}
/* The main content container full width*/
div#main-content-full {
	float: left;
	display: inline;
/*	height: 490px;*/
	width: 710px;
}
/* The main content noticeboard container full width*/
div#content-noticeboard {
	float: left;
	display: inline;
/*	height: 490px;*/
	width: 976px;
}

/* The footer container */
div#footer-container {
	float: left;
	display: inline;
	height: 42px;
	width: 976px;
	margin: 15px 0 0 0;
}
/* Copyright container */
div#copyright-container {
	float: left;
	display: inline;
	width: 344px;
	height: 42px;
	background: url(../images/bottom_l.jpg) 0 0 no-repeat;
}
/* Footer menu container */
div#footer-menu-container {
	float: right;
	display: inline;
	width: 632px;
	height: 42px;
	background: url(../images/bottom_r.jpg) 0 0 no-repeat;
	text-align: right;
}