/*
// *********************************************************************************
// 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
// Feb 2011 - J.Simons: edited to eliminate warnings in firefox error console
// *********************************************************************************
*/

/* --- common page structure css styles */
body {
	font-family: Verdana, Arial, Sans-Serif, Calibri;
	background-color: #FFFFFF; font-size: 11px; color: #000000; padding: 0px; margin: 0px;
}
#container { margin-left: 0px; margin: 0px; padding: 0px; background-color: #5D9CE6; width: 185px; }
#content { min-height: 500px; margin-left: 185px; margin-right: 0px; padding: 10px; background-color: #FFFFFF; width: 800px; }
#bottmenu { margin-left: 0px; margin-right: 0px; padding: 10px; text-align: center; background-color: #FFFFFF; }
h1 {
	font: Calibri; font-size: 11px; text-transform: uppercase; background-color: #FFF; color:#333;
	border: solid #333; border-width: 1px 0px 1px 0px; padding: 0px 15px 1px 15px; margin: 0px;
}
h2 { font: Calibri; font-size: 20px; color: #000000; font-weight: normal; padding: 0px; margin: 0px; }
h3 { font: Calibri; font-size: 18px; color: #000000; font-weight: normal; padding: 0px; margin: 0px; }
h4 { font: Calibri; font-size: 14px; color: #000000; font-weight: bold; padding: 0px; margin: 0px; }

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


/* --- sidebar menu system */
#navigation {
	float: left;
	width: 180px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	font: Calibri;
}
#navigation ul { margin: 0px; padding: 0px; }
#navigation img { border: 0px; }
#navigation a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px 0px 0px 10px;
}
#navigation li {
	list-style: none;
	color: #FFF;
	width: 180px;
}
#navigation li:hover { color: #FF6600; background-color: #EEEEEE; position:relative; }

/* --- sidebar sub menus */
#navigation ul ul {
	display: none; position: absolute; left: 150px; top: -10px;
	border: #556688 solid 1px; background-color: #5D9CE6;
}
#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; }
#navigation .disabled a { color: #777777; background-color: #CFE1EB; }
#navigation .disabled a:hover { color: #777777; 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;
}


/* -------------------------------------------------------------------------*/
/* --- END OF COMMON STYLES USED BY DYNAMIC AND STATIC PAGES             ---*/
/* -------------------------------------------------------------------------*/

/* --- therefore new static page only styles can be added below ----------*/

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; }

.SiteHeader {
	font-family: Calibri;
	font-size: 43px;
	line-height: 35px;
	font-weight: normal;
	color: #000;
	letter-spacing: -3px;
}


/* -------------------------------------------------------------------------*/
/* Slide TEST */
/* -------------------------------------------------------------------------*/

 
#container2 {
	width:580px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
	font-family: Helvetica, Arial, sans-serif;
}

#example {
	width:600px;
	height:150px;
	position:relative;
	font-family: Helvetica, Arial, sans-serif;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:141px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
	font-family: Helvetica, Arial, sans-serif;
	width: 300;
	height: 100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	overflow:hidden;
	position:relative;
	display:none;
	font-family: Helvetica, Arial, sans-serif;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
/*
.slides_container a {
	width:570px;
	height:270px;
	display:block;
}
*/
.slides_container div {
	width:570px;
	height:100px;
	display:block;
}
/*
.slides_container a img {
	display:block;
}
*/
/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:20px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:200px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Footer
*/

#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}

/*
	Anchors
*/

a:link,a:visited {
	color:#599100;
	text-decoration:none;
}

a:hover,a:active {
	color:#599100;
	text-decoration:underline;
	font-family: Helvetica, Arial, sans-serif;
}