body,html {
	margin:0;
	padding:0;
	color:#000;
	background:#eee;
	font-size: 14px;
	font-family: "Arial CE", Arial, "Tahoma CE", Tahoma, "Geneva CE", Geneva, "Helvetica CE", Helvetica, sans-serif;
	line-height: 18px;*/
}
#wrap {
	max-width:980px;
	margin:0 auto;
	background:#fff;
}
#header {
	color: #FFF;
	background-color: #FFF;
}
h1 {
	margin:0;
	margin-top: 10px;
	margin-bottom: 20px;
}
#main {
	/*float:right;*/
	/* width:760px;*/
	padding:10px;
	background:#fff;
	/*padding-top: 30px;*/
	
}
#main a { color:#562 ; }
#main a:visited { color: #80a040; }
#main a:hover { color: #bc6; }
h2 {
	margin:0 0 1em;
}
#menu {
	float:left;
	/*width:180px;*/
	padding:10px;
	background:#fff;
	line-height: 26px;
	width: 90%;
}
@media (min-width: 481px) {
	#menu {
		width: 180px;
	}
}
@media (min-width: 701px) {
	#main {
		margin-left: 200px;
	}
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu a
{
	display: block;
	color: #FFF;
	background-color: #562;
	/*width: 10em;*/
	padding: 3px 12px 3px 8px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}
#menu a:hover
{
	background-color: #bc6;
	color: #FFF;
}
#menu li li a
{
	display: block;
	color: #FFF;
	background-color: #80a040;
	/*width: 10em;*/
	padding: 3px 3px 3px 17px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: normal;
}
#header {
	clear:both;
	padding:0px 0px 0px 0px;
	color: #FFF;
	background-color: #80a040;
}
#header a {
	color: #FFF;
	text-decoration: none;
}
#header p {
	margin:0;
}
* html #header {
	height:1px;
}
#footer {
	clear:both;
	padding:5px 10px;
	color: #FFF;
	background-color: #80a040;
}
#footer p {
	margin:0;
}
#footer a { color:#fff ; }
#footer a:visited { color: #fff; }
#footer a:hover { color: #fff; }

* html #footer {
	height:1px;
}