/* Main body */
body {
	background-color:	#6666FF;
	background-image:	url(../images/blue_background.jpg); 
	background-repeat:	repeat;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			medium;
	font-style: 		normal;
	text-align: 		center;
    margin-top:			10px;
    margin-bottom:		10px;
	margin-left: 		auto;
	margin-right: 		auto;
    width:				820px;
}

img{
	border:				none;
}

/* div to cover the page */
#container { 
	background-color:	white;
	border-color:		silver;
	border-style:		dotted;
	border-width:		1px;
	padding:			10px; 
    width:				820px;
}

/* heading */
#masthead {
	padding:			0px;
}
#masthead_left {
	float:				left;
}
#masthead_right {
	float:				right;
}

/* today's date */
#date_bar { 
	background-color:	#28B4E4;
	color:				white;
	font-size:			90%;
	padding-top:		2px;
	padding-bottom:		2px;
	margin-bottom:		10px;
	width:				100%;
}

/* menu buttons */
#menu_bar {
	float:				left;
	margin-bottom:		10px;
	text-align:			left;
	width:				150px;
}
ul.menu {
	line-height:		150%;
	list-style-type:	none;
	margin:				0px;
	padding:			0px;
}
ul.menu a:link, 
ul.menu a:visited, 
ul.menu a:hover, 
ul.menu a:active {
	display:			block;
	padding:			2px 5px;
	text-decoration:	none;
}
ul.menu a:link {
	color:				white;
}
ul.menu a:visited {
	color:				white;
}
ul.menu a:hover {
	color:				black;
	background:			#28B4E4;
}
ul.menu a:active {
	color:				white;
}
li.menu_button {
	background-color:	#0060A9;
	border-color:		#0060A9;
	border-style:		outset;
	margin-bottom:		5px;
}
#menu_current a {
	background-color:	#CC3333;
	color:				white;
}

/* main content area */
#content {
	border:				none;
	margin:				0;
	padding:			0;
	width:				640px;
}

/* footer */
#footer { 
	border-left:		0;
	border-top:			10px solid #28B4E4;
	border-right:		0;
	border-bottom:		0;
	clear:				both;
	padding:			5px 0 0 0; 
}
p.footer {
	color:				gray;
	font-size:			70%; 
	line-height:		150%;
	padding:			0 0 0 0;
	text-align:			right;
}