﻿body {background:#cee1ed url(i/blueBg.png) repeat-x  left top;}
#wrapper {background: url(i/contentBgRepeat.png) repeat-y center top; border: none;}
#header {background: transparent url(i/headerBg.png) no-repeat center top; height: 72px;}
.footer {background: none;border-bottom: solid 5px #1b307e; width: 100%;}
h1.bee {display: block; width: 204px; height: 204px; text-indent: -700em; background: url(i/spellingBeeLogo.png) no-repeat center center; position: relative; left: 20px;}
h2 {font-family: Trebuchet MS, Verdana, Tahoma, Sans-Serif; font-size: 131%; font-weight: bold;}
.leftCol {display: block; width: 215px; float: left;}
.rightCol {display: block; width: 350px; float: right; position: relative; right: 170px;}
.rightCol p {text-align: justify; line-height: 138.5%; margin-bottom: 10px; font-family: Trebuchet MS, Verdana, Tahoma, Sans-Serif;}
.rightCol li {text-align: justify; line-height: 138.5%; margin-bottom: 10px; font-family: Trebuchet MS, Verdana, Tahoma, Sans-Serif; margin-left: 35px;}
a.adventure {display: block; width: 273px; height: 45px; text-indent: -700em; background: url(i/adventureLogo.png) no-repeat center center;}
.footerContact {display: block; width: 550px; margin: 0 auto; text-align: left;}

#grassy {background: url(i/grass.png) repeat-x left bottom; width: 100%; height: 250px; margin-top: -250px; position: relative; z-index: -10;}
.flowers {background: url(i/flowers.png) repeat-x center center; width: 100%; height: 250px;}

ul.menu {display: block; width: 195px; position: relative; left: 25px; top: 5px;}
ul.menu, .menu li {list-style: none; text-align: center;}
.menu li {display: block; width: 162px; height: 43px; margin: 0 auto; margin-bottom: 8px; text-align: left;}
.menu li a {display: block; width: 162px; height: 43px; background: url(i/menuSprite.png) no-repeat center bottom;}
.menu li a:hover, .menu li a.active {background: url(i/menuSprite.png) no-repeat center top;}
.menu li span {display: block; position: relative; top: 12px; margin-left:  7px;}
.menu li a {text-decoration: none; color: #1b307e; font-family: Trebuchet MS, Verdana, Tahoma, Sans-Serif; font-size: 108%; font-weight: bold; }

.abc {display: block; width: 201px; height: 100px; background: url(i/abc.png) no-repeat center center; position: relative; left: 20px;}
.xyz {display: block; width: 108px; height: 289px; background: url(i/xyz.png) no-repeat center center; position: relative; left: 600px; top: 85px;}

ul.subMenu {margin-bottom: 10px; background: #fff; border: solid 1px #ccc; padding: 3px;}
ul.subMenu, .subMenu li {list-style: none; text-align: center;}
.subMenu li {display: inline; margin-left: 0; font-size: 93%; line-height: 146.5%;}
.subMenu li a {padding: 0 6px 0 3px; border-right: solid 1px #ccc; color: #005cab;}
.subMenu li a:hover {color: #900;}
.subMenu li a.last {border-right: none;}

.update {font-weight: bold; background: #f0ff4c; color: #df1f2c;}

dt {font-weight: bold;}
dd {margin-left: 25px; margin-bottom: 10px;}

dl.contact {margin-left: 0;}
.contact dt {display: block; float: left; clear: left; width: 55px; }
.contact dd {display: block; float: left; margin-left: 0; clear: right;}

.winner {display: block; float: right; width: 222px; position: relative; left: 265px; top: -350px; margin-bottom: 15px; }
.winner p {font-size: 85%; color: #333; text-align: center;}

.coordinator {font-family: Trebuchet MS, Verdana, Tahoma, Sans-Serif; margin-bottom: 7px;}


.gallery {}
.gallery ul {list-style: none;}
.gallery li {display: inline;}
.gallery a {}
.gallery a img {border: none;}