body {
	margin:0 auto; width:800px; background-image: linear-gradient(-90deg, #F6CF9D, #D1FFFF);
}
.h1 {
	background-color:#fff;
	text-align:right; font-size:12px;
}
.nav{
	float:left; width:200px;
}
.main {
	float:left; width:590px; margin-left:10px;
}
h1{
background:#ffefff;
}

h2{
	position:relative;
	margin:25px -10px;
	padding:5px;
	font:normal 28px/1.6 "Times New Roman", Times, serif;
	text-align:center;
	color:#ffe8e8;
	background:#f99;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			rgba(0, 0, 0, 0.0)), 
			color-stop(0.08, rgba(255, 255, 255, 0.5)),
			color-stop(0.12, rgba(255, 255, 255, 0.5)),
			color-stop(0.12, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(255, 255, 255, 0.5)),
			color-stop(0.92, rgba(255, 255, 255, 0.5)),
			color-stop(0.92, rgba(0, 0, 0, 0.0)),
			to(				rgba(0, 0, 0, 0.0))
			);
	background-image: -moz-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: -o-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: linear-gradient(to bottom,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
}
h2:before{
	content:" ";
	position:absolute;
	top:-5px;
	left:0;
	width:0;
	height:0;
	border-width:0 0 5px 10px;
	border-style:solid;
	border-color:transparent;
	border-bottom-color:#c66;
}
h2:after{
	content:" ";
	position:absolute;
	top:100%;
	right:0;
	width:0;
	height:0;
	border-width:5px 10px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#c66;
}

#menu ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
}
#menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
}
#menu li a{
display: block; 
border-left: 1px solid #dbdbff;
border-top: 1px solid #dbdbff;
border-right: 1px solid #dbdbff;
border-bottom: 1px solid #dbdbff;
border-radius:50px 25px; 
background-image: linear-gradient(-90deg, #D9BBEC, #FCFCE8);padding: 3px 10px;
text-decoration: none;
color: #333;
width: 160px; 
margin: 1px 0px;
text-align: center;
font-size: 14px;
}
#menu li a:hover{
border-left: 6px solid #dbdbff;
border-top: 6px solid #dbdbff;
border-right: 6px solid #dbdbff;
border-bottom: 6px solid #dbdbff;
background-color: #d7efd7;
}

p{
line-height:1.2;
color:#27224d;
}

.foot{
margin:0 0 10px 0;
	padding:5px;
	border-width:0 5px;
	color:#5a1644;
	line-height:140%;
	font-weight:bold;
}