﻿body {
	margin: 0px;
	padding: 0px;
	font: 0.8em arial;
	background: #dedede;
	left: 0px;
	right: 0px;
}

h1, h2, h3, h4 {
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #cc0000;
}

h1 {
	font-size: 26px;
	padding-bottom: 15px;
}

h2 {
	font-size: 20px;
	padding-bottom: 10px;
}

h3 {
	font-size: 16px;
}

b {
	color: #cc0000;
}

#date, #logo, #logo a, #header img, #menu, #footer, #header .image {
	position: absolute;
	display: block;
}

#container, #header, #content, #text, .image a, #menu a {
	position: relative;
	display: block;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	height: auto;
	background: #FFF;
	border: 1px #cc0000 solid;
	margin-bottom: 20px;
}

	#header {
		width: 100%;
		height: 108px;
	}
	
		#date {
			bottom: 0px;
			width: 100%;
			height: 16px;
			background: #cc0000;
			text-align: right;
			color: #FFF;
			font-size: 0.9em;
			font-weight: bold;
		}
		
		#logo {
			bottom: 16px;
			left: 0px;
			width: 187px;
			height: 53px;
			background: url(http://wms-soros.mngt.waikato.ac.nz/NR/atec2010/images/logo.png) no-repeat;
			overflow: hidden;
		}
		
			.image a, #logo a {
				top: 0px;
				left: 0px;
				bottom: 0px;
				right: 0px;
				padding-top: 1000%;
			}
		
		#header .image {
			top: 0px;
			right: 25px;
			width: 329px;
			height: 86px;
			border: 0px;
			background: url(http://wms-soros.mngt.waikato.ac.nz/NR/atec2010/images/splash.jpg) no-repeat;
		}
	
	#content {
		width: 100%;
		height: 100%;
		margin-top: 10px;
		text-align: justify;
	}
	
		#menu {
			top: 5px;
			left: 5px;
			width: 185px;
			height: 100%;
			font-size: 0.9em;
		}
		
			#menu .image {
				width: 104px;
				height: 188px;
				margin: 20px auto;
				background: url(http://wms-soros.mngt.waikato.ac.nz/NR/atec2010/images/waikato.png) no-repeat;
				overflow: hidden;
			}
			
			.button {
				width: 100%;
				height: 17px;
				margin-bottom: 3px;
				text-indent: 20px;
				padding-top: 2px;
			}
			
			#menu .main {
				background: #f5cccc;
			}
			
			#menu .parent {
				background: #cc0000;
				color: #FFF;
			}
			
			#menu .sub {
				background: #fdecec;
				text-indent: 37px;
			}
			
				#menu .selected {
					background: #e4d4d4;
				}
				
			#menu a {
				top: 0px;
				left: 0px;
				right: 0px;
				bottom: 0px;
				color: #000;
				text-decoration: none;
			}
			
			#menu p {
				text-align: center;
				padding-bottom: 0px;
			}
			
			#white a {
				color: #FFF;
			}
			
		#text {
			left: 240px;
			min-height: 550px;
			width: 590px;
			overflow: visible;
		}

	.hometable {
		width: 300px;
		text-align: top;
		margin-bottom: 30px;
		text-align: left;
	}
