/*
// *********************************************************************************
// MERLIN SOFTWARE ENGINEERING INC. COPYRIGHT 2009, non-profit user license
// *********************************************************************************
// NTSC CSS stylesheet
// ---------------------------------------------------------------------------------
// Sep 2009 - used by both static and dynamic pages
//          - pure CSS menu design by Peter Liepa, brainjam.ca
// *********************************************************************************
*/

/* --- common page structure css styles */
body {
	font-family: Verdana, Arial, Sans-Serif;
	background-color: #FFFFFF; font-size: 11px; color: #000000; padding: 0px; margin: 0px;
}
#container {
	margin: 0px; padding: 0px; background-color: #99CCFF;
}
#content {
	min-height: 500px;
/* 	height expression required for IE... but causes error in firefox and sidebar width is not precise with short pages (hiking) */
	height: expression(this.scrollHeight > 500 ? "auto":"500px");
	margin-left: 200px; margin-right: 0px; padding: 10px; background-color: #FFFFFF;
}
#bottmenu {
	margin-left: 200px; margin-right: 0px; padding: 10px; text-align: center; background-color: #FFFFFF;
}

h1 {
	font-size: 11px; text-transform: uppercase; background-color: #0099FF; color:#FFFFFF;
	border: solid #564b47; border-width: 1px 0px 1px 0px; padding: 0px 15px 1px 15px; margin: 0px;
}
h2 {
	font-size: 20px; color: #660000; font-weight: normal; padding: 0px; margin: 0px;
}
h3 {
	font-size: 14px; color: #000000; font-weight: normal; padding: 0px; margin: 0px;
}
h4 {
	font-size: 11px; color: #000000; font-weight: bold; padding: 0px; margin: 0px;
}

a { color: #731031; }
a:visited { color: #731031; }
a:hover   { color: #564b47; }
a:active  { color: #000000; }


/* --- menu system styles */
#navigation {
	float: left; width: 200px; margin: 0px; padding: 10px 0px 0px 0px;
	color: #0033CC; font-size: 12px; font-weight: bold;
}
#navigation ul {
	margin: 0px; padding: 0px;
}
#navigation img {
	border: 0px;
}
#navigation a {
	display: block; color: #0033CC; text-decoration: none; padding: 5px 0px 5px 10px;
}
#navigation li {
	list-style: none; color: #0033CC; width: 185px;
}
#navigation li:hover {
	color: #FF6600; background-color: #EEEEEE; position:relative;
}

/* --- sub menus */
#navigation ul ul {
	display: none; position: absolute; left: 150px; top: -10px;
	border: #556688 solid 1px; background-color: #99CCFF;
}
#navigation ul li a:hover {
	color: #FF6600; background-color: #EEEEEE; 
} 
#navigation ul li:hover {
	position: relative;
}
#navigation ul li:hover ul {
	display: block;
}
#navigation ul ul li {
	width: 150px;
}

/* --- login account menus */
#navigation .account a {
	color: #9E2857; background-color: #CFE1EB;
}

/* --- sub-set of dynamic page styles */
.css_sidebar { text-align: center; padding: 8px; margin-top: 10px; color: #0033CC; font-size: 12px; font-weight: bold; }
.css_sidebar:visited { color: #0033CC; }
.css_sidebar:hover { color: #FF6600; background-color: #EEEEEE; }
.css_data { font-size: 8pt; color: #000000; font-weight: normal; }
.css_border { border: #698DAF solid 1px; padding: 5px; background-color: #ECF3FA; }
.css_mobile { border: #698DAF solid 1px; margin: 5px; padding: 5px; background-color: #F3F8FD; font-size: 8pt; color: #0000FF; font-weight: normal; }
.css_mobile1 { font-size: 8pt; color: #800000; font-weight: normal; }
.css_mobile1:visited { color: #800000; }
.css_mobile1:hover   { color: #000000; }
.css_mobile2 { font-size: 8pt; color: #000080; font-weight: normal; }
.css_mobile2:visited { color: #000080; }
.css_mobile2:hover   { color: #000000; }
.css_mobile3 { font-size: 8pt; color: #0000FF; font-weight: normal; }
.css_mobile3:visited { color: #0000FF; }
.css_mobile3:hover   { color: #000000; }
.css_heading { font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 16px; color: #4989C5; font-weight: bold; }
.css_topic { font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 15px; color: #000080; font-weight: bold; }
.css_footer { font-size: 10px; color: #777777; text-decoration: none; }
.css_footer2         { font-size: 10px; color: #777777; text-decoration: none; }
.css_footer2:visited { color: #777777; }
.css_footer2:hover   { color: #000000; }
.css_list { 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 9pt; color: #000000;
	text-decoration: none; font-weight: normal; margin-top: 0px; margin-bottom: 15px;
}


/* ------------ "the line" ---------------*/

em { color: #FF0000; font-style:normal; }

/* --- consolidated from in-page style references */
.css_style3 { font-size: 18px; color: #0000FF; font-weight: bold; }
.css_style4 { font-size: 12px; }
.css_style6 { font-size: 14px; }
.css_style11 { color: #0000FF; }
.css_style14 { font-size: 14px; font-weight: bold; }

/* styles for tables, mainly schedules */

/* alternate table row background (CSS3, not supported by older browsers) */
.alternating tr:nth-child(odd) { background-color:#eef; }
.alternating tr:nth-child(even) { background-color:#fff; }
.alternating th { background-color:#99b9ad;}

.centered th {text-align:center; padding:2px;}
.centered td {text-align:center; padding:2px;}

.saturday td {border-top-width: 4px;}

thead, thead th {background-color:lightblue;}

/* styles for photos */
.director_photo { border: #BBBBBB solid 1px; }

/* club news separators */
hr.separator { height:5px; background-color:lightblue; }