/******************************************** GENERAL STYLES **********************************************/
html {
	height:				100%;
}
body {
	width:				100%;
	height:				100%;
	margin:				0;
	padding:			0;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			76%;
	color:				#000;
	background:			#def2de;
	text-align:			center;
}

h1,h2,h3,h4 {
/*	font-size:			1em;	*/
	margin:				0;
	padding:			0;
}

li.a {
	text-decoration:	none;
}
.left { float:	left;	}
.right {float:	right;	}
.clear {clear:	both;	}


/* page layout ********************************************/
.page {
	width:				850px;
    margin:             2em auto;
	text-align:			left;
    background:         #d1d9f9;
}
.top {
	width:				100%;
    height:             85px;
}
.banner{
	width:    100%;
	height:   60px;
	border:   1px solid #000;

}

.menu{
	width:    100%;
	height:   2em;
	border:   1px solid #000;
	border-top:   none;

}


.middle {
	width:				100%;
	border: 1px solid #000;
	border-top: none;
	float:  left;

}
.bottom {
	width:				100%;
}
.middle .left {
	width:				600px;
    float:  left;
}
.middle .right {
	width:				250px;

    float:  right;
}

.footer {
	clear:				both;
	width:				100%;
	text-align:			center;
    border: 1px solid #000;
    border-top: none;
}


/* page content ********************************************/

.menu ul{
  list-style:   none;
  margin:   0;
  padding:  0;
}

.menu ul li{
	display:  inline;
	font-size: 24px;

}

.menu ul li a{
	text-decoration:  none;
	font-weight: bold;
	margin:   0 0.3em;
	color: #333333;
	font-size: 14px;


}



.middle h1, h2,h3{
  margin:   1.5em 20px;
}

.middle p{
	margin:   0.5em 20px;
	font-size: 1.2em;

}

.footer p{
  line-height: 2em;
}