/* Screen styles for The Westland Band booster | www.westlandbandboosters.com */
/* Designed and developed by TCS Software */
/* Built July 2010 */


/*
===========================================================================
@IMPORTED STYLESHEET: css_reset
---------------------------------------------------------------------------
*/

/* default resets */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}
		
:focus {
	outline: 0;
}
body {
	line-height: 1;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}



/* 2. sitewide structural styles */

.imgleft {
	margin:0 15px 8px 0;
	float:left;
	}

.imgright {
	margin:0 0 8px 15px;
	float:right;
	}

.imgcenter {
	text-align:center;
	display:block;
	}

.clearboth {
	clear:both;
	}

.clearleft {
	clear:left;
	}

.clearright {
	clear:right;
	}

#tcspromo {
	float:right;
	}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_navigation
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.westlandbandboosters.com/aws/WBB/am/gi]  -->*/
#nav {
	background:#009e3c url(http://www.westlandbandboosters.com/aws/WBB/am/gi/back_nav.png) bottom center repeat-x;
	padding:1px;
	margin:0;
	width:900px;
	border:1px solid #004a12;
	}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	background:transparent url(http://www.westlandbandboosters.com/aws/WBB/am/gi/back_navitem.png) bottom center repeat-x;
	}
	
#nav li {
	float:left;
	margin:0;
	padding:0;
	}

#nav li a {
	display:block;
	color:#fff;
	padding:10px 16px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.2em;
	background:transparent url(http://www.westlandbandboosters.com/aws/WBB/am/gi/back_navitem.png) bottom center repeat-x;
	}

#nav a:hover, #nav li:hover {
	background:#48b25b url(http://www.westlandbandboosters.com/aws/WBB/am/gi/back_navitem_hover.png) bottom center repeat-x;
	}
	
#nav a:hover, #nav a:visited {
	text-decoration:none;
	}
	
#nav li a:hover, #nav li:hover, #nav li.hover {
	position: static;
	}

/* subnav styles */

#nav ul li:hover ul {
	left: auto;
	background-color:#48b25b;
	background-image:none;
	}

#nav ul li ul {
	position:absolute;
	padding:0;
	margin:0;
	left: -999em;
	background-color:#48b25b;
	background-image:none;
	font-size:1em;
	list-style:none;
	z-index:1000;
	}

#nav ul li ul li {
	clear:both;
	margin:0;
	padding:0;
	background-color:#48b25b;
	}
	
#nav ul li ul li a, #nav ul li ul li a:visited {
	width: 150px;
	display:block;
	padding:6px 12px;
	background-image:none;
	font-size:1em;
	}
	
#nav ul li ul li:hover, #nav ul li ul li a:hover {
	background-color:#e8ac00;
	background-image:none;
	}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_structure
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.westlandbandboosters.com/aws/WBB/am/gi]  -->*/
body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#e6dfcf;
	color:#000;
	font:normal .9em Arial, Helvetica, sans-serif;
	line-height:1.3em;
	}

#frame {
	margin:0 auto;
	text-align:left;
	width:904px;
	padding:0;
	}

#header {
	padding:5px 0;
	width:904px;
	background:transparent url(http://www.westlandbandboosters.com/aws/WBB/am/gi/back_header.jpg) top right no-repeat;
	}

#header h1 {
	margin:0;
	}

#header a:hover {
	background-color:transparent;
	}

#content {
	width:864px;
	padding:20px;
	background:#fff url(http://www.westlandbandboosters.com/aws/WBB/am/gi/back_content.png) top left repeat-y;
	}

#subcontent {
	float:left;
	width:248px;
	}

#maincontent {
	float:right;
	width:577px;
	}

#search_phrase {
	border:1px solid #b8b1a9;
	padding:2px;
	color:#b8b1a9;
	}
	
.search_button, .tcsFormButton {
	border:1px solid #004a12;
	color:#fff;
	padding:2px;
	background:transparent url(http://www.westlandbandboosters.com/aws/WBB/am/gi/back_navitem.png) bottom left repeat-x;
	text-transform:uppercase;
	}
	
.search_button:hover, .tcsFormButton:hover {
	background:transparent url(http://www.westlandbandboosters.com/aws/WBB/am/gi/back_navitem_hover.png) bottom left repeat-x;
	}

.tcssearch .search_button {
	margin-left:5px;
	}

#footer {
	padding:15px 20px;
	background:#a9a39b url(http://www.westlandbandboosters.com/aws/WBB/am/gi/back_footer.png) top left repeat-x;
	}
	
#footer address {
	font:normal normal .8em Arial, Helvetica, sans-serif;
	color:#5e574f;
	line-height:1.2em;
	}
	
#footer a, #footer a:visited, #footer a:hover {
	color:#5e574f;
	text-decoration:underline;
	}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_textstyles
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.westlandbandboosters.com/aws/WBB/am/gi]  -->*/

h1 {
	font:normal bold 1.9em Arial, Helvetica, sans-serif;
	margin-bottom:.6em;
	padding:0;
	line-height:1.2em;
	color:#006c3d;
	}

h2 {
	font:bold normal 1.6em Arial, Helvetica, sans-serif;
	margin:.6em 0 .2em 0;
	line-height:1.2em;
	color:#004a12;
	text-transform:uppercase;
	}
	
h3, .tcsSubHeadFont {
	font:bold normal 1.4em Arial, Helvetica, sans-serif;
	margin:.6em 0 .2em 0;
	line-height:1.2em;
	color:#3e8b2f;
	}
	
h4 {
	font:normal bold 1.4em Arial, Helvetica, sans-serif;
	margin:.4em 0 .1em 0;
	line-height:1.2em;
	color:#ce8e00;
	}
	
h5 {
	font:italic bold 1.1em Arial, Helvetica, sans-serif;
	margin:.5em 0 .2em 0;
	line-height:1.2em;
	color:#766f67;
	}
	
h6 {
	color:#000;
	font:normal bold 1.1em Arial, Helvetica, sans-serif;
	margin:.5em 0 .2em 0;
	line-height:1.2em;
	}
	
p {
	margin-bottom: .8em;
	line-height:1.3em;
	}
	
	
ol, ul {
	margin:0 2em .6em 2em;
	}
	
li {
	margin:0 1em;
	padding:2px 0;
	}
	
blockquote {
	margin:0 2em .6em 2em;
	}

a {
	text-decoration:none;
	color:#008343;
	}

a:hover {
	text-decoration:underline;
	background-color:#f7de70;
	}

a:visited {
	text-decoration:underline;
	color:#75a87f;
	}

b, strong {
	font-weight:bold;
	}

em, i {
	font-style:italic;
	}

hr {
	border:none;
	margin:15px 0;
	clear:both;
	border-bottom:1px solid #c7c3bc;
	}
	
p + h2 {
	margin-top:.4em;
	}
	
hr + h3 {
	margin:0;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_tcsstyles
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.westlandbandboosters.com/aws/WBB/am/gi]  -->*/
/* tcs styles */

.tcsTable_Format1 td {
	padding-bottom:10px;
	}
	
.tcslinks td, .tcsproducts td {
	padding:0 15px 15px 0;
	}
	
.tcslinks h2 {
	font-size:1.5em;
	clear:left;
	}
	
.tcsproducts h2 {
	font-size:1.5em;
	}
	
.tcscalendars h2 {
	margin:0;
	clear:left;
	padding-top:10px;
	}
	
.pagination {
	border-top:1px solid #232573;
	padding:5px;
	background-color:#cec8c0;
	clear:left;
	}
	
ul.tcslegend {
	margin:0 1.5em 1.2em 1.5em;
	padding:0;
	}
	
.tcsnews h3, .tcsjobs h3, .tcscalendars h3, .tcsads h3, .tcslinks h3 {
	margin:.6em 0 0 0;
	font-size:1.2em;
	}
	
.tcslinks h3 {
	margin:.6em 0 0 0;
	}
	
.tcsproducts h3 {
	font-size:1.2em;
	margin:0;
	}
	
#subcontent .tcslinks h3 {
	font-size:1em;
	}
	
.tcsnews h4, .tcsjobs h4, .tcscalendars h4, .tcsads h4 {
	margin:0;
	font-size:1.1em;
	}
	
.tcslinks h4 {
	margin:0;
	font-size:1em;
	}
	
.tcsnews h5, .tcslinks h5, .tcsjobs h5, .tcscalendars h5, .tcsads h5 {
	margin:.8em 0 0 0;
	}
	
.tcslinks h5 {
	margin:0;
	}

h6 .time_format {
	color:#766f67;
	}

	
.tcscalendars .datestamp {
	background:transparent url(http://www.westlandbandboosters.com/aws/WBB/am/gi/back_calendar.png) bottom center no-repeat;
	width:100px;
	margin-right:10px;
	float:left;
	text-align:center;
	clear:left;
	padding:0;
	}
	
.tcscalendars .datestamp h5 {
	padding:10px 0 15px 0;
	text-transform:uppercase;
	display:block;
	font-size:11px;
	width:100px;
	}

.tcscalendars h5 span.bignumber {
	font:24px bold Helvetica, Arial, sans-serif;
	color:#008343;
	}
	
.tcscalendars h6 {
	margin-bottom:0;
	}
	
.tcscalendars h5 + h3, .tcsnews h5 + h3, .tcscalendars h6 + h3, .tcsads h5 + h3, .tcsjobs h5 + h3, .tcscalendars h3 + h4, .tcsnews h3 + h4, .tcsads h3 + h4, .tcsjobs h3 + h4 {
	margin:0;
	}

.tcsGallery td {
	padding:5px;
	}

.tcsGallery img {
	padding:2px;
	border:1px solid #c7c3bc;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_home
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.westlandbandboosters.com/aws/WBB/am/gi]  -->*/

.homepage #maincontent .container {
	margin-top:20px;
	}

.homepage .left2col {
	float:left;
	width:288px;
	}

.homepage .left2col h1 {
	font-size:1.4em;
	}

.homepage .right2col {
	float:right;
	width:248px;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_forms
---------------------------------------------------------------------------
*/

/* INVALID STYLESHEET COMPONENT NAME */


/*
===========================================================================
@IMPORTED STYLESHEET: css_classes
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.westlandbandboosters.com/aws/WBB/am/gi]  -->*/

/* sitewide classes */

.leadin, h2.leadin, h3.leadin, h4.leadin {
	margin-top:0;
	}
	
ul.sidenav {
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
	}
	
ul.sidenav li {
	margin:0;
	padding:0;
	}
	
ul.sidenav a {
	display:block;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
	padding:3px 5px;
	}
	
ul.sidenav a:hover {
	text-decoration:none;
	background-color:#fff;
	}

a.buttonlink {
	display:block;
	font-weight:bold;
	font-style:italic;
	font-size:1.1em;
	text-align:right;
	padding:0 10px 5px 0;
	color:#008343;
	background:transparent url(http://www.westlandbandboosters.com/aws/WBB/am/gi/back_buttonlink.png) top right no-repeat;
	}

a.buttonlink:hover {
	text-decoration:none;
	background-color:transparent;
	color:#ce8e00;
	background-position:right -30px;
	}

a.buttonlink:visited {
	text-decoration:none;
	}

.rssicon {
	float:right;
	}

table.nicetable {
	margin:15px 0;
	border:1px solid #c7c3bc;
	}

.nicetable th {
	padding:5px;
	background-color:#c7c3bc;
	font-weight:bold;
	}

.nicetable td {
	padding:5px;
	}

.nicetable td + td {
	border-left:1px solid #c7c3bc;
	}

tr.altrow td {
	background-color:#e0ded9;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_calendars
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.westlandbandboosters.com/aws/WBB/am/gi]  -->*/

/* calendarbox styles */

table.calendarbox {
	width:100%;
	}
	
.calendarbox th {
	width:35px;
	text-align:center;
	height:35px;
	color:#fff;
	font-weight:bold;
	vertical-align: middle;	
	border:1px solid #f5f2ed;
	background-color:#034c14;
	}
	
.calendarbox td {
	width:35px;
	text-align:center;
	vertical-align: middle;
	height:35px;
	color:#034c14;
	background-color:#cec8c0;
	border:1px solid #f5f2ed;
	}
	
.calendarbox tr.monthrow th {
	border:0;
	background-color:#f5f2ed;
	height:auto;
	padding:3px 0;
	text-align:center;
	font:normal 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#034c14;
	}
	
.calendarbox tr.monthrow th a {
	color:#d7d4d1;
	}
	
.calendarbox td.todaydate {
	background-color:#b6b1a9;
	font-weight:bold;
	color:#fff;
	}
	
td.eventdate {
	background-color:#008343;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	}
	
.calendarbox td.eventdate.todaydate {
	background-color:#75a87f;
	}
	
td.eventdate a, td.eventdate a:hover {
	color:#fff;
	background-color:transparent;
	}
	
#content_sub .eventdate a, #content_sub .eventdate a:hover, #content_sub .eventdate a:visited {
	color:#fff;
	text-decoration:none;
	}
	
td.eventdate:hover {
	background-color:#45af5a;
	}
	
.events {
	position: relative;
	}

.events ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 10px;
	margin:0;
	background-color:#45af5a;
	font-size: 12px;
	color:#fff;
	width: 220px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-border-radius: 5px;
	list-style: none;
	}

.events li {
	padding-bottom: 5px;
	margin:0;
	padding:0;
	}
	
.events li h3 {
	font-size:1.2em;
	margin:0 0 .2em 0;
	color:#fff;
	}
	
.events li h4 {
	font-size:.9em;
	margin:0;
	color:#fff;
	}
	
.events li p {
	font-size:.9em;
	font-weight:normal;
	color:#fff;
	}
	
.events li + li {
	margin-top:.6em;
	border-top:1px solid #fff;
	padding-top:.3em;
	}
	
.calendarbox td.eventdate .events li a {
	font-weight:normal;
	}
	
.calendarbox td.eventdate .events li a:hover {
	text-decoration:underline;
	background-color:transparent;
	}
	
.calendarbox td.nodate {
	background-color:#f5f2ed;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_codaslider
---------------------------------------------------------------------------
*/

<style>
/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/



/* Most common stuff you'll need to change */

.coda-slider-wrapper { 
	padding: 0;
	}
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { 
	height: 210px; 
	overflow: auto !important; 
	/*padding-right: 20px;*/
	}
	
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { 
	width: 576px;
	} 
	
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { 
	width: 576px;
	}
	
.coda-slider-wrapper.arrows .coda-slider { 
	margin: 0;
	}
	
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { 
	background-color:none;
	color: #d04900; 
	padding: 5px; 
	width: 20px;
	display:none;
	visibility:hidden;
	}
	
/* Tab nav */
.coda-nav {
	background-color:#164f1f;
	}

.coda-nav ul li a.current { 
	background: #598160;
	}
	
/* Panel padding */
.coda-slider .panel-wrapper { 
	padding: 0;
	}
	
/* Preloader */
.coda-slider p.loading { 
	padding: 0; 
	margin:0; 
	text-align:center;
	}

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul { 
	clear: both; 
	margin: 0; 
	overflow: hidden;
	padding:0;
	list-style:none;
	}
	
.coda-nav ul li { 
	margin:0;
	padding:0;
	display:inline;
	}
	
.coda-nav ul li a { 
	background-color:#164f1f; 
	color: #fff; 
	display: block; 
	float: left;
	margin-right: 1px; 
	padding:6px; 
	text-decoration: none;
	font-weight:bold;
	}
	
/* Miscellaneous */
.coda-slider-wrapper { 
	clear: both; 
	overflow: hidden;
	}
	
h2.title { 
	display:none; 
	visibility:hidden;
	}
	
.coda-slider { 
	float: left; 
	overflow: hidden; 
	position: relative;
	background-color:#164f1f;
	}
	
.coda-slider .panel {
	display: block; 
	float: left;
	}
	
.panel p {
	margin:0;
	}
	
.coda-slider .panel-container { 
	position: relative;
	}
	
.coda-nav-left, .coda-nav-right { 
	float: left;
	display:none; 
	visibility:hidden;
	}
	
.coda-nav-left a, .coda-nav-right a { 
	display: block; 
	text-align: center; 
	text-decoration: none;
	display:none; 
	visibility:hidden;
	}

p.gallerylink {
	display:block;
	text-align:right;
	padding:5px;
	background-color:#164f1f;
	}

p.gallerylink a, p.gallerylink a:visited {
	font-weight:bold;
	color:#fff;
	}

p.gallerylink a:hover {
	text-decoration:underline;
	background-color:transparent;
	}

</style>