/* Color scheme: 
 * body background is   dark blue = 009 (0,0,153)
 * body highlights are  light blue = 03f (0,51,255)
 * link colors:         white = fff (unvisited)
 *                      light silver = ccc (hover)
 *                      dark silver = ccf (visited)
 * sponsors:            light silver = ccc (title sponsor)
 *                      dark silver = ccf (silver sponsors)
 *                      gold = fdd017 (gold sponsors)
 *
 * Rules proceed generally from lesser to greater specificity.
 */
html, body { /* start the same in all browsers */
    display: block;
    margin: 0;
    border: 0 none;
    padding: 0; /* Opera default not zero */
}
body {
    background-color: #009; /* dark blue background */
	color: #fff;
    font-family: Verdana, Tahoma, Arial, sans-serif;
}
div {
    display: block;
}
iframe {
    display: block;
    border: 0 none;
    overflow: auto;
}
h1 {
    display: block;
    margin-top: 0;
    font-size: 130%;
}
h2 {
    display: block;
    font-size: 120%;
}
h2#generalinfo {
    clear: both;
}
h2.regbenefits {
    clear: both;
}
h3 {
    display: block;
    font-size: 110%;
}
p {
    display: block;
    margin-bottom: 0;
}
p + p {
    margin-top: 0;
    text-indent: 1.2em;
}
p.volunteerlink {
    text-align: center;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 15px;
}
p.win06 {
    text-align: center;
    text-indent: 0px;
    padding: 0px;
    margin: 0px;
}
a {
    display: inline;
    border: 0 none;
}
img {
    display: inline;
    border: 0 none;
}
span {
    display: inline;
}
a:link {
    color: #fff;
}
a:visited {
    color: #ccc;
}
a:hover {
    color: #ccf;
}
/* these for front page */
div#top {
    margin: 20px auto;
}
div#wlogo {
    width: 840px;
    margin: 10px auto;
}
img#wlogoimage {
    display: block;
    clear: both;
    border: none;
}
div#frontLeft {
    float: left;
    font-size: small;
    font-weight: bold;
}
div#frontMiddle {
    float: left;
    margin-left: 100px;
    font-size: small;
    font-weight: bold;
}
div#frontRight {
    float: right;
    font-size: small;
    font-weight: bold;
}
/* center wrapper horizontally, set max-width */
div#wrapper {
    margin: 10px auto;
    max-width: 926px;
}
/* use highlight color for column backgrounds */
div#header, div#navigation, div#countdown, div#footer {
    background-color: #03f;
    margin: 0px 15px 15px;
}
div#header, div#footer {
    height: 72px;
    border: 6px outset white;
    text-align: center;
}
div#navigation, div#countdown {
    height: 496px; /* with borders and padding 524px; content height */
    width: 18%; /* as a percentage, 18% */
    max-width: 152px; /* plus borders and padding = 180 */
    border: 4px inset white;
    padding: 10px;
    clear: none;
}
div#navigation {
    float: left;
}
div#content {
    height: 524px;
    margin: 0;
    border: 0;
    padding: 0;
    overflow: auto;
}
div#countdown {
    float: right;
}
div#footer {
    clear: both; /* not necessary for most browsers */
}
div#starthere {
    padding-right: 10px; /* keeps text off scrollbar in FF3 */
}
div#register {
    padding-right: 10px; /* keeps text off scrollbar in FF3 */
}
div#committee {
    padding-right: 10px; /* keeps text off scrollbar in FF3 */
    padding-top: 0px;
    margin-top: 0px;
}
div#greengames {
    padding-right: 10px; /* keeps text off scrollbar in FF3 */
}
div#onewallevents {
    padding-right: 10px; /* keeps text off scrollbar in FF3 */
}
div#shirtswap {
    padding-right: 10px; /* keeps text off scrollbar in FF3 */
}
div#volunteer {
    padding-top: 10px;
    padding-right: 10px; /* keeps text off scrollbar in FF3 */
    padding-bottom: 10px;
}
div#donate {
    margin-bottom: 2em;
    padding-right: 10px; /* keeps text off scrollbar in FF3 */
}
div#areatransport {
    margin-bottom: 2em;
}
div#winners06 {
    padding-right: 10px;
}
div#eventtrans {
    padding-right: 10px;
}
div.row {
    display: block;
    clear: both;
}
div#hostcourtsl {
    display: block;
    float: left;
}
div#hostcourtsr {
    display: block;
    float: right;
}
div#comidx {
    display: block;
    float: none;
    clear: both;
    padding-top: 10px;
}
div#comidxl {
    display: block;
    float: left;
    padding-left: 30px;
}
div#comidxr {
    display: block;
    float: right;
    padding-right: 50px;
}
div#regidx {
    display: block;
    float: none;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
}
div#regidxl {
    display: block;
    float: left;
    padding-left: 30px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
div#regidxr {
    display: block;
    float: right;
    padding-right: 50px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
div#regidx h1 {
    display: block;
    padding-bottom: 0px;
}
div#cochairs {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    clear: both;
}
div#cochairl {
    width: 33%;
    float: left;
    padding-bottom: .5em;
    padding-top: 0px;
    margin-top: 0px;
}
div#cochairm {
    width: 33%;
    float: left;
    padding-bottom: .5em;
    padding-top: 0px;
    margin-top: 0px;
}
div#cochairr {
    width: 33%;
    float: right;
    padding-bottom: .5em;
    padding-top: 0px;
    margin-top: 0px;
}
div#contact {
    width: 489px;
}
div#header h1 {
    font-size: 160%;
    margin-top: .75em;
}
/* navigation on front page and inner pages */
div#navigation ul, div#frontMiddle ul {
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
}
div#navigation ul li, div#frontMiddle ul li {
    display: block;
    position: relative; /* relative so fly-out menu absolute works */
    /*
    background-color: #06f;
    padding: 3px;
    */
}
div#navigation ul ul, div#frontMiddle ul ul {
    position: absolute;
    top: -5px;
    left: 90%;
    width: 100%;
    padding: 6px 8px 8px;
    color: #fff;
    background-color: #06f;
    border-top: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    font-size: 75%;
    z-index: 100;
}
div#navigation ul ul, div#frontMiddle ul ul {
    display: none; /* hide submenus */
}
div#navigation ul li:hover ul, div#frontMiddle ul li:hover ul {
    display: block; /* show submenus */
}
div#navigation li + li, div#frontMiddle li + li {
    margin-top: .6em;
}
/* end of navigation */
div#content iframe {
    width: 100%;
    height: 100%;
    border: 0px none;
}
div#footer h1 {
    font-size: 175%;
    margin-top: .5em;
}
div#worldweek h1 {
    display: block;
    text-align: center;
    margin-bottom: 6px;
}
div#hostcourts h2, div#hostcourts p {
    display: block;
    text-align: center;
}
div#hostcourts p + p { /* turn off p + p rule for hostcourts div */
    text-indent: 0;
}
div#handballlinks p {
    padding-bottom: .5em;
}
div#starthere p + p {
    text-indent: 0;
    margin-top: 1em;
}
div#donate p + p {
    text-indent: 0;
    margin-top: 1em;
}
div#areatourism p + p {
    text-indent: 0;
    margin-top: 1em;
}
div#areatransport p + p {
    text-indent: 0;
    margin-top: 1em;
}
div#committee p + p {
    text-indent: 0;
    /* margin-top: 1em; */
}
div#photos p + p {
    text-indent: 0;
    margin-top: 1em;
}
div#committee p.comidx {
    text-indent: 0;
    margin-top: 0;
    padding-top: 0px;
}
div#committee p.comidx + p.comidx {
    text-indent: 0;
    margin-top: 0;
    padding-top: 0px;
}
div#regidx p {
    margin-top: 0px;
}
div#regidx p.regidx + p.regidx {
    text-indent: 0;
    margin-top: 0;
}
div#cochairs h1 {
    display: block;
    text-align: center;
    font-size: 130%;
    padding-top: 1.5em;
    margin-bottom: 0em;
    padding-bottom: 0em;
}
div#cochairs img {
    padding-bottom: .5em;
    margin-left: auto;
    margin-right: auto;
}
div#greengames h1 {
    color: #00cc00;
}
div#greengames h2 {
    color: #00cc00;
    margin-top: 1.5em;
}
div#contact h1 {
    display: block;
    text-align: center;
    font-size: 150%;
    margin-top: 200px;
}
div#clock2 {
    margin: 1em 1.5em;
    text-indent: 0;
    text-align: left;
}
div#worldweek ul.cal {
    display: block;
    float: left;
    width: 480px;
    border-top: 4px solid white;
    border-right: 4px solid white;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
div#worldweek li.day {
    display: block;
    float: left;
    width: 230px;
    height: 87px;
    text-align: right;
    border-bottom: 4px solid white;
    border-left: 4px solid white;
    padding: 3px;
    font-size: small;
    font-weight: bold;
/*    background-color: #03f; */
/*    background-color: #e6e6fa; */
    background-color: #87ceff;
    overflow: auto;
}
ul.wweek {
    display: block;
    list-style: none;
    margin: 0px;
    padding-left: 1em;
    text-indent: -1em;
}
ul.winners {
    display: block;
    list-style: none;
    margin: 0px;
    padding-left: 1em;
    text-indent: -1em;
}
span.time {
    font-weight: bold;
}
table.wweek {
    display: table;
    border-collapse: separate;
    border-spacing: 5px;
    margin-left: auto;
    margin-right: auto;
}
table.wweek tr {
    text-align: center;
    align: center;
}
table.wweek td {
    border: 1px solid white;
    padding: 2px;
    text-align: center;
}
li.day ul.event {
    list-style: none;
    font-size: small;
    font-weight: normal;
    text-align: left;
    padding-top: 0px;
    padding-left: 15px;
    text-indent: -15px;
    border-top: 1px solid white;
    margin: 0px;
}
div.overlaytxt {
    display: block;
    color: gray;
    background-image: url(/image/propfull.gif);
    background-repeat: no-repeat;
}
div.overlaytxt2 {
    display: block;
    color: gray;
    background-image: url(/image/350nights.gif);
    background-repeat: no-repeat;
}
div.overlaytxt3 {
    display: block;
    color: gray;
    background-image: url(/image/850nights.gif);
    background-repeat: no-repeat;
}
div.overlaytxt2 h2, div.overlaytxt2 a, div.overlaytxt3 h2, div.overlaytxt3 a {
    color: gray;
}
table#calendar {
    display: table;
    height: 450px;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-weight: bold;
}
table#calendar th {
    display: table-cell;
    height: 5%;
    width: 12%;
    text-align: center;
    vertical-align: middle;
}
table#calendar td {
    display: table-cell;
    height: 14%;
    text-align: left;
    vertical-align: text-top;
}
table#calendar td.fullcell {
    background-color: blue;
}
table#committeetable {
    clear: both;
}
table#committeetable td {
    display: table-cell;
    padding-top: 20px;
    text-align: center;
    vertical-align: middle;
}
p.topfront {
    font-size: 150%;
    font-weight: bold;
    text-align: center;
}
p.calendarnote {
    margin-top: 5px;
    margin-bottom: 5px;
    color: yellow;
    text-align: center;
}
p.countdown {
    margin: 0;
    border: 0;
    padding: 0;
    text-indent: 0;
    text-align: center;
}
p.countdown + p.countdown {
    margin-top: 1em;
}
p.countalign {
    margin: .25em .5em 1em;
    text-indent: 0;
    text-align: center;
    font-size: small;
}
p.register {
    clear: both;
}
p.register + p.register {
    text-indent: 0;
    margin-top: .5em;
}
p.division + p.division {
    text-indent: 0;
}
p.sell {
    text-indent: 0;
    text-align: center;
    margin-bottom: 1em;
}
p.donatelink {
    margin-top: 1em;
    text-indent: 0;
    text-align: center;
}
p.emailsignup {
    margin-top: 1em;
    margin-bottom: 1em;
    text-indent: 0;
    text-align: center;
}
p.moddate {
    font-size: 75%;
    margin-top: 1.5em;
    text-indent: 0;
    text-align: center;
}
p.hostcourtsimg {
    padding-top: 20px;
}
p.onewallrules {
    padding-top: 1em;
    padding-bottom: .25em;
    text-indent: 0;
}
p.onewallphotos {
    text-indent: 0px;
    margin-top: 1em;
}
p.handballlinks + p {
    text-indent: 0;
}
p.contact {
    text-align: center;
    text-indent: 0;
    line-height: 2em;
}
p.registerform {
    margin-top: 2em;
    margin-bottom: 2em;
    text-indent: 0px;
}
p.registerform + p.registerform {
    text-indent: 0;
}
p.error {
    color: red;
    text-indent: 0px;
    padding-bottom: 1em;
}
p.error + p {
    text-indent: 0px;
    padding-bottom: .5em;
}
p.contform {
    text-align: center;
}
p.greengames {
    text-indent: 0;
    margin-top: 1em;
}
p.caption {
    text-indent: 0px;
    text-align: center;
    margin-top: 0px;
    padding-top: 0px;
}
ol.lettered {
    list-style-type: lower-alpha;
}
label.contform {
    float: left;
    text-align: right;
    width: 30%;
    padding-bottom: .5em;
}
span.input {
    float: right;
    text-align: left;
    width: 66%;
}
address.register {
    margin-top: 1em;
    margin-bottom: 1em;
}
input.error {
    background-color: #ffb5b5;
}
td.caption {
    width: 150px;
}
td.image {
    width: 320px;
}
a.donatelink {
    font-weight: bold;
}
a.sell {
    color: yellow;
    font-weight: bold;
}
a.shirtswap {
    color: fuchsia;
    font-weight: bold;
}
a.maplink {
    color: yellow;
    font-weight: bold;
}
a.yellow {
    color: yellow;
    font-weight: bold;
}
a.regformlink {
    background-color: silver;
    color: red;
    padding: 6px;
    margin-right: 15px;
    border: 2px solid white;
    text-decoration: none;
    font-weight: bold;
}
span.volunteerlink {
    padding-left: 1em;
}
span.spaceright {
    padding-right: 1em;
}
span.black {
    color: black;
}
span.red {
    color: red;
    font-weight: bold;
}
span.redplain {
    color: red;
}
span.maroon {
    color: maroon;
    font-weight: bold;
}
span.yellow {
    color: yellow;
}
span.yellowbold {
    color: yellow;
    font-weight: bold;
}
span.green {
    color: green;
    font-weight: bold;
}
span.lightgreen {
    color: #00cc00;
    font-weight: bold;
}
span.teal {
    color: teal;
    font-weight: bold;
}
span.fuchsia {
    color: fuchsia;
    font-weight: bold;
}
span.hotpink {
    color: fuchsia;
    font-weight: bold;
}
span.hotpink a {
    color: fuchsia;
}
span.purple {
    color: #909;
    font-weight: bold;
}
span.small {
    font-size: 75%;
}
span.xxsmall {
    font-size: xx-small;
}
/* start of sponsor page rules (div is sponsors, rather than sponsor */
div#sponsors {
    text-align: center;
}
div#sponsors p.sponsorname {
    font-weight: bold;
    margin-top: 0;
}
div#sponsors p + p {
    text-indent: 0;
}
div#sponsors blockquote {
    padding: 0;
    margin: 1em .25em .25em;
}
div.titlespons, div.presentspons, div.hostspons, div.goldspons, 
div.silverspons {
    display: block;
    font-size: 110%;
    margin-right: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-right: .5em;
    padding-bottom: 1em;
    padding-left: .5em;
}
div.titlespons {
    color: silver;
    border: 10px solid silver;
}
div.titlespons h1 {
    font-size: 160%;
}
div.titlespons a {
    color: silver;
}
div.presentspons {
    color: white;
    border: 6px solid white;
}
div.presentspons h1 {
    font-size: 140%;
}
div.presentspons a {
    color: white;
}
div.hostspons {
    color: red;
    border: 6px solid red;
}
div.hostspons h1 {
    font-size: 120%;
}
div.hostspons a {
    color: red;
}
div.goldspons {
    color: #fdd017;
    border: 4px solid #fdd017;
}
h1.goldspons {
    color: #fdd017;
    font-size: 120%;
}
div.goldspons a {
    color: #fdd017;
}
div.silverspons {
    color: silver;
    border: 4px solid silver;
}
h1.silverspons {
    color: silver;
    font-size: 120%;
}
div.silverspons a {
    color: silver;
}
p.contributor {
    margin-bottom: .5em;
}
/* sponsor at bottom rules */
/* removed sponsor at bottom, commented out these rules:
div#sponsor {
    display: block;
    margin: 0px 15px 15px;
    text-align: center;
}
div#sponsor h1 {
    font-size: 120%;
    padding-bottom: 0em;
    margin-bottom: 0em;
}
div#sponsor h1.goldsponsor {
    font-size: 140%;
    padding-top: 10px;
    text-align: left;
    color: #fdd017;
    clear: both;
}
div#sponsor h1.silversponsor {
    font-size: 140%;
    padding-top: 10px;
    text-align: left;
    color: silver;
    clear: both;
}
div#sponsor h1.contributor {
    font-size: 120%;
    padding-top: 10px;
    text-align: left;
    clear: both;
}
div#sponsor h2 {
    font-size: 110%;
    margin-top: 1.5em;
}
div#sponsors h3 {
    font-size: 100%;
    margin-top: 1.5em;
}
div#sponsor p.sponsorname {
    font-weight: bold;
}
div#sponsor p + p {
    text-indent: 0;
}
div.titlesponsor, div.presentsponsor, div.hostsponsor, 
div.goldsponsor, div.silversponsor {
    display: block;
    float: left;
    width: 30%;
    font-size: 110%;
    padding: 5px;
    margin-top: 5px;
}
div.titlesponsor {
    color: silver;
    border: 5px solid silver;
    margin-right: 1%;
}
div.presentsponsor {
    color: white;
    border: 5px solid white;
    margin-right: 1%;
}
div.hostsponsor {
    color: red;
    border: 5px solid red;
}
div.goldsponsor {
    color: #fdd017;
    border: 5px solid #fdd017;
    margin-right: 1%;
}
div.silversponsor {
    color: silver;
    border: 5px solid silver;
    margin-right: 1%;
}
div.titlesponsor a {
    color: silver;
}
div.presentsponsor a {
    color: white;
}
div.hostsponsor a {
    color: red;
}
div.goldsponsor a {
    color: #fdd017;
}
div.silversponsor a {
    color: silver;
}
div.goldsponsor p.sponsorname {
    margin-top: 0;
}
div.silversponsor p.sponsorname {
    margin-top: 0;
}
div.contributor p.sponsorname {
    margin-top: 0;
    text-align: left;
}
p.sponsorquote {
    display: block;
    margin-top: 1em;
    font-size: 90%;
}
*/
/* end of new sponsor div rules */