html, body { height: 100% }

body {background: #e6e6fa; margin: 0px; padding: 0px; font-family: Arial; font-size: 12px;}
body, div, h1, h2, h3, h4, h5 ,h6 {margin: 0px; padding: 0px;}

#wrapper { padding-top: 20px;
			min-height: 840px; }

#container { background-color: #ffffff; 
			width: 1080px; 
			min-height: 780px; 
			margin: 0 auto 0 auto;
			border: #000000 10px double; }

#header .inner { height: 100px;
			background-color: #2f4f4f;}
#header .inner div.txt { float: left;
			margin-left: 60px;
			margin-top: 25px;}
#header .inner div.txt span{ color: #ffffff;
			margin-left: 100px;}
#header .inner h1 { color: #ffffff;
			font-size: 30px;
			text-align: center;
			margin-left: 100px;}
#header .inner img{margin-top: 5px;
			margin-left: 30px;
			margin-right: 50px;}

#content {min-height: 652px;}
#content .left { width: 200px;
				float: left;}
#content .left .box { width: 190px;
				padding-top: 10px;
				padding-left: 10px;
				padding-bottom: 5px;
				background-color: #778899; 
				height: 647px;}

#content .left .box p{ 
				padding-left: 15px;
}
#content .left .box ul{
				padding-left: 15px;
				margin: 0px;
				list-style-type: none;
}
#content .left .box li a {
				width: 120px;
				height: 10px;
				padding: 10px 10px;
				background-color: #000000;
				border-left: solid 4px #ffffff;
				color: #34ff55;
				text-Decoration: none;
				display: block;
}
#content .left .box li a:hover {
				color: white;
				border-left: solid 4px yellow;
				background-color: green;
}
#content .left .box ul li ul{
				display: none;
}
#content .left .box ul li:hover ul{
				display: inline-block;
				position: absolute;
} 
#content .left .box ul li:hover ul li{ 
				display: block;
				background-color: yellow;
				width: 100px;
				height: 20px;
}
#content .left .box ul li:hover ul li a{
				padding: 5px 5px;
				background-color: yellow;
				color: #000000;
				text-decoration: none;
				display: block;
}
#content .left .box ul li:hover ul li a:hover{
				color: white;
				background-color: red;
} 

#content .right { width: 200px;
				float: right;}
#content .right .box {width: 180px;
				padding: 10px;
				background-color: #778899;
				height: 642px;}
#content .right .box h1 {text-align: center;}
#content .midden { width: 680px;
				background: #d3d3d3;
				margin-left: 200px;
				overflow-y: scroll;}
				
#content .midden .box {width: 640px;
				background-color: #d3d3d3;
				padding-left: 20px;
				height: 660px;
				}
#content .midden .box h2 {text-align: center;}
#content .midden .box h1 {text-align: center;}
#content .midden .box table{
				margin-right: 50px;
}
#sponsor{margin-left: 30px;}
.clear { clear: both;}
#footer {height: 40px;
		background: #2f4f4f;
		color: #ffffff;
		text-align: center;
		padding: 10px;}
#footer .inner {background: #2f4f4f;
		padding: 0px;
		text-align: center;
		color: #ffffff;}
#footer a{color: #ffffff;}