/* CSS Document */

body { text-align:center; font-family: Arial, Helvetica, sans-serif; /* for IE */ }
h1 { margin: 0; }

#container { border: 1px solid #000000; width: 756px; text-align:left; margin:0 auto; /*for the rest */}
#header { border: 1px solid #000000; margin: 10px 10px 0 10px; }
#header p { float: right;}
#header h1 { margin: 0; padding: 5px;}
#header h2 { margin: 0; padding: 5px;}

div#nav ul { margin: 0; padding: 14px 0 14px 10px;}
#menu ul { padding:0; margin:0; color:#fff; white-space:nowrap; list-style-type:none;}
#menu li {display: inline;}
#menu li a { padding:0.2em 1em; background:#fc6; color:#000; text-decoration:none; border:1px solid #000; }
#menu li a:hover { background:#08c; color:#fff;}

#main1 {
	width: 400px;
	border: 1px solid #000000;
	padding: 5px;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#mainpic {
	width: 290px;
	height: 200px;
	border: 0px solid #000000;
	float: right;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#main2 { width: 290px; border: 0px solid #000000; margin: 0 10px 10px 0; padding: 5px; float: right;}
#main2 h2 { margin: 0; padding-bottom: 10px;}

#content1 { clear: both; border: 1px solid #000000; margin: 0 5px 10px 10px; padding: 5px; }
#content1 h2 { margin: 0; padding-bottom: 10px; }

#content { clear: both; border: 1px solid #000000; margin: 10px; padding: 5px; }
#content h2 { margin: 0; padding-bottom: 10px; }

#footer { border: 1px solid #000000; margin: 10px; padding: 5px;}