/*-----------
   main frame */
   
body {
	background: url('images/back.gif');
}

#content {
	width: 100%;
	float: left;
}

#header #left {
	float:left;
	width:30%;
}
#header #center {
	float:left;
	width:40%;
	text-align: center;
}

#header #right {
	float:right;
	width:30%;
}

#left img {
	float: left;
}

#right img {
	float: right;
}

div.clear {
	clear: both;
}

.facebook img {
	width: 50px;
}
.facebook a {
	font-size: 1.5em;
}

/* -------------------
   navigation menu */

#navigation {
	text-align: center;
}

#navigation ul {
	list-style: none;
}

#navigation li {
	border: 1pt solid black;
	text-align: center;
	padding: 0.5em;
	background: #8f8;
	float: left;
	position: relative;
	xwidth: 26%;
}

#navigation li:hover {
	background: #dfd;
	text-decoration: underline;
}

#navigation a {
	text-decoration: none;
}

/* ---------- lessons----------- */
table.lessons {
	margin-left: 2em;
	background: white;	
}

table.lessons td,
table.lessons th {
	border: 1pt solid black;
	padding: 0.3em;
}

table.lessons tr.title td {
	font-size: 1.2em;
	font-weight: bold;
}

.lessons strong {
	font-size: 1.3em;
	font-weight: bold;
}
.lesson-type {
	font-size: 1.2em;
	color: #800;	
}
td.lesson-type {
	padding: 0.3em 2em;
}
h3.lesson-type {
	
}

hr.dashed {
    border:0;
    border-bottom: 2px dashed black;
}


/*-------------- links -------- */
#links {
}
	
#links a {
	display: block;
	font-size: 1.5em;
	margin-left: 5em;
}

/*--------- location and contact ---------- */
#facebook {
	width: 10%;
	float: left;
}

#location {
	text-align: center;
	width: 45%;
	float: left;
}

#location strong {
	font-size: 1.5em;
}

#index #photos {
	width: 44%;
	float: right;
}

/*-----------------
   special notices (snowstorm cancellations, etc) */

.emergency {
	font-size: 1.4em;
	background: yellow;
	color: red;
	border: 1pt solid black;
	margin: 2em;
}

#news {
	font-size: 1.2em;
	background: #ffb;
	border: 1pt solid black;
	margin: 2em;
		
}

/*------- photos -----  */

div.photo {
	display: block;
	float: left;
	padding: 1em;
	height: 220px;
}

.photo img {
	height: 200px;
}

/*--------------------
   game schedule and results */

#calendar {
	width: 100%;
}

#calendar td {
	border: 1pt solid black;
	background: #ffc;
}

/* override to make the schedule different */
#schedule #calendar td {
	background: #fee;
}

span.results-date {
	font-size: 1.2em;
	vertical-align: text-top;
}

.event {
	font-weight: bold;
	padding: 0.5em 0 0.51em 2em;
	background: #faa;
}

a.results-link {
	padding-left: 2em;
}

table#main-schedule {
	width: 60%;
}

#main-schedule td {
	border: 1pt solid black;
	padding: 0 1em;
}

#main-schedule td.day { 
	background: #ffc; 
}

/*--------------
	merged results */
a.link-button {
	font-size: 1.5em;
}

table#merged-results td {
	border: 1pt solid black;
	background: white;
}

table#merged-results td.hand {
	background: #efe;
	padding-left: 2em;
}

table#merged-results td.traveler {
	background: #fee;
}

th { background: #ccf; }

h2.calendar { text-align: center; color: blue; }

#calendar {
	width: 100%;
}

#calendar td { 
	vertical-align:text-top; height: 3em; 
}

/*-------------
   directors */
   
div.director {
 	display: inline-block;
 	width: 30%;
 	float: left;
 }
 
div.director img {
 	width: 80%;
 }

div.director img#image-wes {
 	width: 50%;
 }

/* in the schedule */
span.director {
	color: red;
}

td.ds-change {
	background-color: #F88;	
}

/*-------------
   links */
   
div#links a {
	line-height: 2em;
}

/*------------------
    comments */
table#comments {
	width: 80%;
	margin-left: 10%;
}

table#comments td {
	background-color: white;
	border: 1pt solid black;
	padding: 5pt 3pt;	
}
	
    
/*--------------------*/
/* TinyAccordion stuff */

#options {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}

#acc {list-style:none; color:#033; margin-right: 40px;}
#acc h2 {border:1px solid black; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:#ddf; font-size: 16pt;}
#acc h2:hover {background:#bbf;}
#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff; font-size: 10pt;}
#acc img.rank { width: 2em; }
#acc td { padding: 0.5em; }