html, body {margin:0px; padding:0px;font-family:arial,sans-serif; font-size:12px;background:#6cc0d5 url("i/cake_back.jpg") top center repeat-y;}
/* The header and footer */
.head {display:block; background: url("i/roundhead.png") top center no-repeat; color:#fff; text-align:center; padding:0px;height:179px;}
.foot {display:block; background: url("i/roundfoot.png") top center no-repeat; color:#00aad5; text-align:left; padding:5px;font-size:12px;margin-bottom:30px;height:179px;}

/* This bit does all the work */
#outer {width:818px;margin:0 auto -50px auto;text-align:center;background:transparent;}
#container {position:relative; display:block; border-left:0px solid #fff; border-right:0px solid #a8a; overflow:visible;text-align:left;background:#fff;}
#left {float:left; position:relative; width:48%; display:block;text-align:left;}
#right {float:right; position:relative; width:48%; display:block;text-align:left;}
#leftw {float:left; position:relative; width:68%; display:block;text-align:left;}
#rightw {float:right; position:relative; width:28%; display:block;text-align:left;}

.clear {clear:both;height:1px;overflow:hidden;background:#fff;}
a:visited {color:#f16689;}
/* Just to extend each column */
#container a:visited, a {color:#f16689; text-decoration:none;}
#container a span {display:none;}
#container a:active, #container a:focus {color:#f16689; text-decoration:none; background:transparent; cursor:default;}
#container a:active span, #container a:focus span {display:inline; left:0;}
.comment {text-align:center;}
.comment a {text-decoration:underline;}
em {font-weight:bold;}
img.b {margin-top:10px;border:5px solid #f26689;}
img {border:0;}

h1,h2,h3,h4 {
margin:0;
padding:10px;
color:#f26689;
font-family: arial,sans-serif;
font-weight:normal;
letter-spacing:-1px;
}
h1 { font-size: 3.2em;letter-spacing:-2px;margin:0;padding-left:20px;
}
h2 {font-size: 2.2em; line-height:1.1em;letter-spacing:-1px;margin:0;padding-left:20px;
}
.nob {border-bottom:0px solid #b7bfbb;
}
h3, h4 {font-size: 1.6em;margin:30px 0 -20px 0;padding-left:20px; color:#6cc0d5;
}
p { margin: 15px 20px;line-height:1.6em;
}
a { color:#f16689;
text-decoration:none;
}
a:hover { color:#f16689;
text-decoration:underline;
}
hr {color: #b7bfbb; 
background-color: #b7bfbb;
border:0; 
height: 1px;
margin:10px auto;text-align:center;width:85%
}

.head img{padding:10px 0 0 10px;}


#menu {
padding:0;
float:left; display:inline;
margin:60px 0 0 0;
height:1em;
list-style-type:none;
background:#fff;
}
#menu li {
float:left; 
height:1em;
line-height:1em;
position:relative;
text-align:center;
list-style-type:none;
padding:5px 10px;
font-size:2em;
border-right:1px solid #ffcc00;
background:#fff;
}
#menu li.nob {
border-right:0px solid #ffcc00;
}
#menu li a, #menu li a:visited {
display:block;
text-decoration:none; 
color:#00aad5;
padding:5px 10px;
margin:-5px -10px;
}
#menu li a:hover {
border:0; 
background:#f16689;
color:#fff799;
}

.bottom {width:700px;margin:auto;text-align:center;color:#fff;font-weight:bold;font-size:.9em;background: url("i/30bb.png");}
.bottom a {color:#fff;}

img.ts {margin:0;padding:0 40px;}
#top {text-align:right;}
#top img {padding:0 0 5px 10px;margin:-5px 0 0 0;border:0;}

.sponsors {float:right;margin:10px 10px 0 0;padding:10px}
#gallery {padding:10px;}
#gallery img {padding:5px;}

table.v {margin:-15px 0 0 15px;}