header {
width: 576px;
margin: 0 auto;
margin-top: -20px;
display: block;
}
section {
width: 1000px;
margin: 0 auto;
display: block;
}
footer {
width: 320px;
margin: 0 auto;
margin-top: 10px;
display: block;
color:#333333;
}
h1 {
color:red;
font-family:Arial;
font-size: 90%;
font-style:italic;
}
img  
{  
border: none;  
} 
/* ribbon style */

 .ribbon-wrapper {
	position: absolute;
        margin-top: 35px;
        display: none;
}
  .ribbon-front {
	//background-color: #FFCDD5;	height: 40px;
        background-color: #BDFCC9;	height: 40px;
	width: 102px;
	position: relative;
	left:-2px;
	z-index: 2;
}

  .ribbon-front,
  .ribbon-back-left,
  .ribbon-back-right
{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 40px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: -2px;
	border-color: transparent #5B9C64 transparent transparent;
}

  .ribbon-edge-topleft {
	top: -10px;
	border-width: 10px 2px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 2px 0px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 100px;
	border-color: transparent transparent transparent #CD9A9A;
}

  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 0px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 0px 0px;
}

  .ribbon-back-left {
	position: absolute;
	top: -10px;
	left: -30px;
	width: 30px;
	height: 40px;
	background-color: #BDFCC9;	z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0px;
	height: 40px;
		z-index: 0;
}