body {
   font-family: sans-serif;
   font-size: 12pt;
   padding-bottom: 0;
}

h1 {
   font-style: italic;
   font-size: 200%;
   font-weight: normal;
   padding: 0;
   margin: 0;
}
h2 {
   font-style: italic;
   font-size: 150%;
   font-weight: normal;
   font-variant: small-caps;
   padding: 0;
   margin: 0;
}

h3 {
   font-size: 130%;
   font-style: italic;
   padding: 0 3ex 0 3ex;
   font-weight: normal;
   border-top: 2px solid #aaa;
   margin-left: -3ex;
   margin-right: 5ex;
}

h3.top {
   border-top: 0;
   margin-top: 0;
}

h4 {
   font-size: 110%;
   font-variant: small-caps;
   font-style: italic;
   padding: 0;
   margin: 0;
}

h5 {
   padding-left: 4ex;
   margin-bottom: 1ex;
}

.preload {
	width: 0px;
	height: 0px;
	display: inline;
	background-image: url(graphics/hover-bg.png);
} 

.header {
   padding-bottom: 1px;
   border-bottom: 1px solid #aaa;
   margin-bottom: 2ex;
}

.header img {
   float: left;
   padding: 0;
   margin: 0;
   margin-right: 1ex;
}

.header p {
   font-size: 65%;
}

.content {
   width: 75%;
   float: right;
}

.sidebar {
   background: #dda url(graphics/sidebar-bg.png) repeat-x top left;
   border: 1px solid #aaa;
   font-size: 75%;
   width: 17%;
   margin-right: 4%;
   float: left;
   margin-bottom: 3ex;
}

.sidebar ul {
   list-style: square inside;
   padding-left: 0.5ex;
   padding-right: 0.5ex;
   margin-left: 0;
}

.sidebar li {
   padding-bottom: 0.5ex;
}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar address {
   padding: 0.5ex 0 0 0;
   border-top: 0;
   width: 97%;
   margin: 0 0.5ex 0 0.5ex;
}

.sidebar p {
   padding-left: 1ex;
   padding-right: 1ex;
}

.sidebar .image a, .sidebar .image a:hover {
   border: 0;
   background: #dda
}

.sidebar .image {
   text-align: center;
}

.sidebar img {
   border: 0;
}

.footer {
   clear: both;
   border-top: 1px solid #aaa;
   padding-bottom: 3ex;
}

.footer p {
   font-size: 50%;
   color: #aaa;
   font-style: italic;
}

a {
   border-bottom: 1px dotted;
   text-decoration: none;
}

a:hover {
   background: #6be;
   color: #006;
}

a.pdf, a.pdf:hover {
   padding-right: 20px;
   background-image: url(graphics/pdficon.png);
   background-repeat: no-repeat;
   background-position: bottom right;
}

em {
   font-style: italic;
   background-color: #ff0;
}

.nav {
   list-style: none;
   margin-bottom: 0;
   padding-left: 3ex;
   margin-left: 1px;
   margin-top: 3em;
   clear: left;
}

.nav li {
   display: inline;
}

.nav a {
   padding: .3ex .3ex 1px .3ex;
   margin-bottom: 0;
   background: #aaa url(graphics/unselected-bg.png) repeat-x top left;
   text-decoration: none;
   border: 1px solid #aaa;
   color: #006;
   
}
.nav a:hover {
   background: #6be url(graphics/hover-bg.png) repeat-x top left;
   color: #00f;
   border-bottom: 1px solid #6be;
}

body#home a#nav-home,
body#meetings a#nav-meetings,
body#rules a#nav-rules,
body#words a#nav-words,
body#downloads a#nav-downloads,
body#shop a#nav-shop,
body#tournaments a#nav-tournaments,
body#clubs a#nav-clubs,
body#contact a#nav-contact {
   background: #fff url(graphics/active-bg.png) repeat-x top left;
   font-weight: bold;
   border-bottom: 2px solid #fff;
}

.tourney-pics {
   margin-bottom: 1em;
}

.calendar, .results, .reg {
   margin-bottom: 2em;
}

.calendar table, .results, .reg {
   font-size: 90%;
}

.calendar th {
   font-size: 70%;
   font-weight: bold;
   color: #777;
}

.calendar .month {
   border: 2px solid #777;
   vertical-align: top;
}

.calendar td {
   text-align: center;
}

.calendar caption, .results th, .reg th {
   font-style: italic;
   font-weight: bold;
}

.calendar .today {
   font-weight: bold;
   font-style: italic;
   text-decoration: blink;
}
.calendar .meeting {
   border: 1px solid #777;
   background: #6be url(graphics/hover-bg.png) repeat-x top left;
}
.calendar .bonusmeeting {
   border: 1px solid #777;
   background: #8f8 url(graphics/bonusmeeting-bg.png) repeat-x top left;
}
.calendar .tourney {
   border: 1px solid #777;
   background: #f00 url(graphics/tourney-bg.png) repeat-x top left;
}
.calendar .clubtourney {
   border: 1px solid #777;
   background: #fcc url(graphics/clubtourney-bg.png) repeat-x top left;
}
.calendar .specialevent {
   border: 1px solid #777;
   background: #e96 url(graphics/specialevent-bg.png) repeat-x top left;
}
.calendar .canceled {color: #ccc}

.results td, .reg td {
   text-align: center;
   padding-left: 0.5ex;
   padding-right: 0.5ex;
}

.results th, .reg th {
   border-bottom: 1px solid #777;
}

.results td.player, .reg td.player, .reg td.city {
   text-align: left;
}

.reg td.debt {
   color: #ff6;
   background-color: #f66;
   font-weight: bold;
}

.results .alt, .reg .alt {
   background-color: #ddd;
}

.reglegend {
   font-size: 80%;
}

.results caption, .reg caption {
   font-size: 110%;
   font-weight: bold;
   background-color: #ddd;
}

.shop dd.image a, .shop dd.image a:hover {
   border: 0;
   background: #fff;
}

.shop img {
   border: 0;
   padding: 0px;
}

.shop dt {
   font-size: 90%;
   color: #666;
   font-weight: bold;
   margin: 0;
   padding-bottom: 1ex;
}

.shop dd {
   margin: 0;
   padding: 0;
   padding-bottom: 2.5em;
}

.shop dd.image {
   padding: 5px;
   margin-bottom: 0;
   width: 160px;   
}

dt {
   font-weight: bold;
   padding-top: 1ex;
}

.quicklinks {
   margin-left: 0;
   padding-left: 0;
}

.quicklinks li {
   display: inline;
   padding-left: 1ex;
   font-size: 85%;
}

ul.registration_tasks {
	font-family: sans-serif;
	font-size: 85%;
	border: 1px solid #000;
	background: #ffb;
	margin-left: 10ex;
	margin-right: 25ex;
	padding-left: 5ex;
}

.registration_tasks li {
	list-style: none;
	padding-top: 0.35ex;
	padding-bottom: 0.35ex;
}

.registration_tasks li.done {
	list-style: url("graphics/accept.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	font-style: italic;
	text-decoration: line-through;
	color: #9f9f9f;
	padding-top: 0;
	padding-bottom: 0;
}

.registration_tasks li.current {
	font-weight: bold;
}

#ereg {
   margin-right: 15ex;
   padding: 1em;
   border: 1px solid #666;
}

#ereg legend {
   border: 1px solid #000;
   font-style: italic;
   margin: 0;
}

#ereg fieldset {
   border: 1px solid #000;
   margin-bottom: 1em;
   padding: 1.5ex;
}

#ereg p {
   margin: 1ex;
}

.required {
   background-color: #ccccff;
}

.gotit {
   font-weight: bold;
   color: #000;
   background-color: #fff;
   border: 0;
}

#ereg #demographics label, 
#ereg #quickcontact label,
#ereg #humanity label {
   width: 17ex;
   float: left;
   clear: left;
   padding-bottom: .7ex;
}

#ereg #scrabbleinfo label {
	width: 27ex;
	float: left;
	clear: left;
	padding-bottom: .7ex;
}

#ereg #division input,
#ereg #optional input {   
   float: left;
   clear: left;
   padding-bottom: .7ex;
}

#ereg #demographics input,
#ereg #quickcontact input,
#ereg #scrabbleinfo label,
#ereg #humanity input,
#ereg #division label,
#ereg #optional label {
   float: left;
}

#ereg #humanity img {
   padding-bottom: 1ex;
}

.errors {
   color: #f00;
   background-color: #ffa;
   border: 1px solid #f00;
   padding: 1ex;
   margin-top: 2ex;
}

form#paypal, form#mail {
   margin: 3em;
}

address {
   padding-left: 3ex;
}

address.tourneysite_javajoint {
   padding: 1em 0 1em 68px;
   background-image: url(graphics/javajoint_63x83.jpg);
   background-repeat: no-repeat;
   background-position: center left;   
}

address.meeting {
   padding: 1em 0 1em 191px;
   background-image: url(graphics/booksamillion_vert.png);
   background-repeat: no-repeat;
   background-position: center left;
}

address.bonusmeeting {
   padding: 1em 0 1em 122px;
   background-image: url(graphics/losagaves.png);
   background-repeat: no-repeat;
   background-position: center left;
}

ul.blank {
   list-style: none;
}

.booktitle {
   font-style: italic;
}

.w3cbutton3 {
   margin: 1em 1em 1em 0;
   padding: 0;
   width: 10em;
   border: 1px solid #ccc;
   font-family: sans-serif;
   font-size: 60%;
   font-weight: bold;
   float: left;
}
.w3cbutton3 a {
   display: block;
   width: 100%;
   border: 0;
   color: #000;
   text-decoration: none;   
}
.w3cbutton3 a:link,
.w3cbutton3 a:visited {
   background-color: #fc6;
}

.w3cbutton3 a:hover {
   background-color: #ff0;
}

.w3cbutton3 span.w3c {
   padding: 0 0.4em;
   background-color: #fff;
   color: #0c479d;
}

.profiles {float: left; width: 100%;}
.playerprofile {clear: left; padding: 0 0 1ex 0;}
.playerprofile img {padding: 0 1ex 1ex 0; float: left; width: 128px; height: 128px;}
.playerprofile dt {color: #555; padding-left: 4ex;}

img.contact {
   vertical-align: middle;
}

@media print {
   .preload, .nav, .sidebar, .footer {
      width: 0;
      display: none;
   }
   .header {
      border-bottom: 0;
   }
   .content {
      float: none;
      width: 100%;
      clear: left;
      border-top: 1px solid #aaa;
   }
   address.tourneysite {
      padding: 1em 0 1em 0;
      background-image: none;
   }

   address.meeting {
      padding: 1em 0 1em 0;
      background-image: none;
   }

   address.bonusmeeting {
      padding: 1em 0 1em 0;
      background-image: none;
   }
   
   a.pdf, a.pdf:hover {
      padding-right: 0;
      background-image: none;
   }
   
   .calendar .meeting {
      border: 1px solid #777;
      color: #6be;
      background: #fff;
   }
   .calendar .bonusmeeting {
      border: 1px solid #777;
      color: #8f8;
      background: #fff;
   }
   .calendar .tourney {
      border: 1px solid #777;
      color: #f00;
      background: #fff;
   }
   .calendar .clubtourney {
      border: 1px solid #777;
      color: #fcc;
      background: #fff;
   }
   .calendar .specialevent {
      border: 1px solid #777;
      color: #e96;
      background: #fff;
   }
   .calendar .canceled {color: #ccc}

}