/******************************************/	
/* CSS powered by clock - www.clock.co.uk */
/******************************************/	

/**
 * structure.css
 
 * Change the values to alter the overall layout/structure of the Web site.
 * If you change the container width, you must also change other width values so the sum equals the conatiner value
 * Example - if this Web site is a three column layout, consisting of (going across - #navigation, #main-content, #utility), then the sum of these three columns must equal the width of the container
 
 */

#container {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 30px;
	text-align: left;
	width: 853px; /* use maximum of 768px for 800x600 displays, use a maximum of 992px for 1024x768 displays */
	background-position: 0px 80px;
	background-repeat: repeat-y;
}
#wrapper {
	float: left;
	background-repeat: no-repeat;
	background-position: right 81px;
	width: 853px;
	_width: 869px;
}

/* header */
#header {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: repeat-x;
	height: 82px;
}
/* navigation */
#navigation {
	float: right;
	width: 130px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* main-content */
#main-content {
	float: left;
	width: 723px;
	min-height: 550px;
	_height: 550px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	background-repeat: repeat-x;
	background-color: #BAC7B6;
	background-image: url("/resource/image/main-content-bg.jpg");
}

#main-content-footer {
	width: 100%;
	float: left;
}
/* utility */
#utility {
	float: left;
	width: 185px;
	margin: 0px 0px 0px 0px;
	padding: 40px 15px 0px 15px;
	background-image: url("/resource/image/utility/top.gif");
	background-repeat: no-repeat;
}
/* footer */
#footer {
	clear: both;
	width: 720px;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
	margin-top: -70px;
	*margin: 100px 0px 0px -730px;
}



/**
 * 100% #container height fix
 * Un-comment the below so the central column (#container) is 100% of screen height.
 */
 
/**
html {
  height: 100%;
}
body {
  height: 100%;
}
#container {
  height: 100%;
	min-height: 100%; 
}
html>body #container {
	height: auto;
}
 */