/******************************************/	
/* 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 0px;
	text-align: left;
	width: 768px; /* use maximum of 768px for 800x600 displays, use a maximum of 992px for 1024x768 displays */
}
#wrapper {	
}

/* header */
#header {
	float: left;
	width: 768px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* navigation */
#navigation {
	float: left;
	width: 768px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: solid 1px red;
	border-left: solid 1px red;
	border-right: solid 1px #e3020a;
}
/* main-content */
#main-content {
	float: left;
	width: 728px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	border-bottom: solid 20px #e3020a;
	border-left: solid 1px #e3020a;
	border-right: solid 1px #e3020a;
	min-height: 663px;
	_height: 663px;
	background-color: #FFFFFF;
}
/* footer */
#footer {
	clear: both;
	width: 770px;
}



/**
 * 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;
}
 */