* { margin:0; padding:0;}
body {background:  url("bg1.gif");}
h1, h2 {color:#EF2C2C; font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 20px 0;}
p, li {font: normal 12px/19px Verdana, Arial, Helvetica, sans-serif; color:#777;}
ul, ol {margin:0 15px; padding:0 15px;}
a {font: normal 12px/19px Verdana, Arial, Helvetica, sans-serif; color:#333; text-decoration:underline;}
a:hover {text-decoration:none;}
img {border:0;}
strong {color:#EF2C2C;}

#container {width:844px; margin: 0 auto;}
#creampie-teen-left {width:800px; padding-left:22px; background:  url("bg2.gif") top left repeat-y #fff;}
#creampie-teen-right {width:800px; padding-right:22px; background:  url("bg3.gif") top right repeat-y #fff;}
#content {margin:0 10px; background:#FFF4C3; width:780px;}
#header {background:#fff;}
#creampie-teen-top-1 {height:42px; width:780px; background: url("bg4.gif") repeat-x;}
#creampie-teen-top-2 {height:20px; width: 780px; background: url("bg5.gif") repeat-x;}
#creampie-teen-content {margin: 20px 25px 0 25px; padding-bottom:20px;} 
#creampie-teen-page {width: 495px; float:left; margin-bottom:40px; text-align:justify;}
#creampie-teen-page p {margin: 5px 0 10px 0;}
#creampie-teen-menu { width: 200px; float:left; margin-left:30px;}
#creampie-teen-menu a {text-decoration:none; font-size:10px; font-weight:bold;}
#creampie-teen-menu a:hover {color:#EF2C2C;}
.hr {margin: 7px 0 10px 0; width: 100%; height:1px; border-bottom:1px dashed #777;}
.clear {clear:both;}
#footer {width:780px; margin:0 30px; padding-bottom:10px; font: normal 9px/10px Verdana, Arial, Helvetica, sans-serif;}