* {margin:0;padding:0;}
body {
	font:			80% verdana, arial, helvetica, sans-serif;
	text-align:		center; /* for IE */
	top:			0px;
	background-color:	#E0E4CC;
}
#container {
	background-color: #ffffff;
	margin:			0 auto;   /* align for good browsers */
	text-align:		left; /* counter the body center */
	border-left:	solid 1px black;
	border-right:	solid 1px black;
	height:			100%;
	width:			780px;
}
/*
	Div below the banner
*/
#main {
	padding-left:	50px;
	padding-top:	140px;
}
/*
	Top of the page
*/
#banner {
	height:			100px;
	position:		absolute;
	width:			100%;
	padding-left:	50px;
	padding-top:	74px;
}
/*
	Hold each section (button and drop down), use this to set the width etc
*/
.drop_container {
	text-align: center;
	width: 140px;
	float:	left;
	margin-right:	1px;
}
/*
	The menu items always on screen
*/
.drop_button{
	width:			100%;
	padding:		5 0 5 0;
	background-color:	#69D2E7;
	float:			left;
	cursor:			pointer;
}
/*
	The menu items revealed
*/
.drop_box {
	background-color:	#0000CD;
	margin-bottom:		1px;
	padding:			3 0 3 0;
	cursor:				pointer;
}
/*
	Contains the revealed content, this is what has display changed
*/
.drop_hold {
	padding-top: 1px;
	width: 100%;
	clear: both;
	color: white;
	display:none;
}