body {
color:#666666;
background-color:#fff ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;

}

/*
====================================
			LINK STYLES
====================================
*/

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

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

a.whitelink:link,a.whitelink:active,a.whitelink:visited,a.whitelink:hover {
	color:#FFFFFF;
}

h2 a:link,h2 a:active,h2 a:visited, h3 a:link,h3 a:active,h3 a:visited {
	color:#999999;
}

h2 a:hover, h3 a:hover {
	color:#A4332F;
	text-decoration:none;
}


/*==================================== */
button {
	background-color:transparent;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	cursor:pointer;
	margin:0;
	padding:0;
}

p {
	color:#666666;
}

td {
	color:#666666;
}

th {
	color:#666666 ;
}

fieldset {
	padding:3px;
	-moz-border-radius:5px;
}
legend {
	color:#A4332F;
}

textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:xx-small;
}


select  {
	background:#F1F1E3;
	border:1px solid #B0AE7B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	color: #333;
}

optgroup {
font-style:normal;
}

form {
	margin:0;
}


/*
====================================
			HEADING STYLES
====================================
*/

h1, .heading1 {
	FONT-WEIGHT:bold;
	FONT-SIZE:300%;
	COLOR:#999;
	TEXT-DECORATION:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:5px ;
	margin:0 0 20px 0;
}

h2, .heading2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#999; 
	font-size:x-large;
	margin:0;
}

h3, .heading3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:medium;
	color:#999;
	margin:0;
}

h4, .heading4 {
	font-family:helvetica, arial, verdana, sans-serif;
	font-weight:bold;
	line-height:14pt;
	text-decoration:none;
}

h5 {
	font-family:helvetica, arial, verdana, sans-serif;
	font-weight:bold;
	line-height:12pt;
	text-decoration:none;
}

h6 {
	font-family:helvetica, arial, verdana, sans-serif;
	font-weight:bold;
	line-height:12pt;
	text-decoration:none;
}





div#rightColumn h2 {
	font-size:130%;
	color:#A4332F;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:10px 0 10px 0;
}




/*
====================================
			BESPOKE STYLES
====================================
*/

div.divider {
	height:1px;
	padding:0;
	margin:5px 0;
	font-size:1px;
	border-color:#CCCCCC;
	border-style:dotted;
	border-width:1px 0 0 0;
}

td.divider {
	height:1px;
	padding:0;
	margin:0;
	font-size:1px;
	border-color:#ccc;
	border-style:dotted;
	border-width:1px 0 0 0;
	padding:0;
	border-collapse:separate;
}

.dividerV {
	height:1px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	border-color:#CCCCCC #CCCCCC #CCCCCC;
	font-size:1px;
	border-style:dotted;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:thin;
}

.verySmallText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
}



.footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}

div.greyBox {
	background:#F6F6F6;
	-moz-border-radius:8px;
	padding:5px;
	margin-bottom:5px;
}

div.tickets {
	float:right;
	width:150px;
	margin:0 0 0 5px;
	padding-left:5px;
	border:#CCCCCC dotted;
	border-width:0 0 0 1px;
}

div.rehearsal.concertRow div.tickets {
	margin:0 -75px 0 5px;
}



#map {
	height: 500px;
	width: 500px;
}

table.users {
	border:1px solid #ccc;
	border-collapse:separate;
}

table.users td {
	border:1px solid #ccc;
}


/*
=============================================
          DROP-SHADOW IMAGE
=============================================
*/


.img-shadow {
  float:left;
  background: url(../images/interface/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/interface/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  *margin: 10px 0 0 5px;
  display:block;
  }

.img-shadow img {
  display: block ;
  position: relative !important;
/* fix for IE6 - images displaying at bonkers position on page! */
  *position: inherit ;
  background-color: #fff ;
  border: 1px solid #a9a9a9 ;
  margin: -6px 6px 6px -6px;
  *margin: -6px 10px 10px -10px;
  padding: 4px ;


   } 
   
.img_container {
	padding-right:6px;
	padding-bottom:6px;
	background-image:url(/components/com_news/images/interface/shadowAlpha.png);
	background-position:bottom right;
}

/*
=============================================
          PHOTO ALBUMS
=============================================
*/


div#photo_gallery {
width:290px; 
margin-right:3px; 
overflow:hidden;
} 


div#photoDescription1 {
	padding-left:15px;
	background:url(/images/buttons/layer_hide.gif) 0px 3px no-repeat;
	cursor:pointer;
}
div#photoDescription2 {
	padding-left:15px;
	background:url(/images/buttons/layer_show.gif) 0px 0px no-repeat;
	cursor:pointer;
	font-size:80%;
}


div#photo_carousel {
display:block;
width:290px; 
overflow:hidden; 
overflow-y:hidden;
overflow-x:scroll;
height:80px;
max-height:80px;
}

div.photo_carousel_cell {
	display:inline;
	min-height:60px;
	
width:100px;   
text-align:center;
margin:0 5px;
}

	
/*
====================================
			BANNER
====================================
*/

div#banner {
	background:url(/images/banner/banner_bg.jpg) no-repeat left #767561;
	width:100%;
	height:80px;
	padding:0;
	margin:0;
	overflow:hidden;
}

div#lsc_logo1{
	background:url(/images/banner/lsc_badge.png) no-repeat center;
	width:80px;
	height:80px;
	float:right;
}

div#lsc_logo2{
	background:url(/images/banner/lsc_title_flat.png) no-repeat;
	width:425px;
	height:30px;
	float:left;
	margin:25px 0 0 15px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}


/*
====================================
			TOP & LEFT NAV
====================================
*/



div#topNavBar {
	width:952px;
	height:25px;
	border:#CCCCCC dotted;
	border-width:0 0 1px 0;
}
div#topNavBar.noborder {
	border-width:0 0 0 0;
}

div#topNavBar2 {
	background:#D0CEAF;
	width:950px;
	height:25px;
	border:#807F6B dotted;
	border-width:0 1px 1px 1px;

}

a.topNav {
	display:block;
	font-size:80%;
	padding:5px 10px 0 10px;
	color:#666666;
	border:#CCCCCC dotted ;
	border-width:0 1px 0 0;
	display:block;
	float:left;
	min-width:55px;
	min-height:19px;
	*height:25px;
	text-align:center;

}

div#topNavBar2 a.topNav {
	color:#333;
	border:#807F6B dotted ;
	border-width:0 1px 0 0;
}


div#topNavBar a.topNav:hover {
	background:#ebebeb;
}

div#topNavBar2 a.topNav:hover {
	background:#C0BE9F;
}

div#topNavBar a.topNav.selected {
	background:#CC0000;
	color:#fff;
	background-image:none;
	border-bottom:#CC0000 1px solid;
}

div#topNavBar a.topNav.selected.members {
	background:#D0CEAF;
	color:#333;
	background-image:none;
	border-bottom:#ccc 1px solid;
}


div#topNavBar2 a.topNav.selected {
	background:#CC0000;
	color:#fff;
	background-image:none;
	border-bottom:#CC0000 1px solid;
}


div#LHnav {
	width:120px;
	padding:0 0 2px 2px;
	border:#CCCCCC dotted ;
	border-width:0 1px 0 0;
}

a.LHnav {
	display:block;
	font-size:xx-small;
	PADDING:5px 5px 5px 15px;
	BACKGROUND:#FFFFFF;
	border:#CCCCCC dotted;
	border-width:0 0 1px 0;

}

a.LHnav:hover {
	background: #EBEBEB;
}

a.LHnav.selected {
	background:url(/images/icons/icon_navselected.gif) no-repeat 5px 6px #767561;
	color:#fff;
}





a.navlink {
color:#00FFFF;
text-decoration:none;
}

A.navlink:link {
color:#038787;
text-decoration:none;
}

A.navlink:visited {
color:#038787;
text-decoration:none;
}

A.navlink:active {
color:#038787;
text-decoration:none;
}
A.navlink:hover {color:#04B3B3;
text-decoration:underline;
}

.navlink {
color:#038787;
font-weight:bold;
font-size:xx-small;
}



/*
====================================
			TOOLBAR
====================================
*/

A.toolbar:link, A.toolbar:visited, A.toolbar:active {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

A.toolbar:hover {
	color:#FF9900;
	text-decoration:underline;
}

div.toolbar {
	color:#FFFFFF;
	font-size:xx-small;
	background:#333333;
	width:952px;
	height:25px;
}

div.toolbar a {
	color:#00FFFF;
	text-decoration:none;
	font-weight:bold;
}

table.toolbar {
	color:#FFFFFF;
	font-size:xx-small;
	background:#333333 url(../images/interface/toolbar_bg.gif) repeat-x;
}
table.toolbar td {
	color:#FFFFFF;
}

/*
====================================
		HOMEPAGE
====================================
*/

div#home_img {
	float:left;
	width:330px;
	margin-right:5px;
}

div#home_news {
	float:left;
	width:350px;
}


div.taskbox {
	width:180px;
	height:130px;
	-moz-border-radius:8px;
	border:1px solid #CCCCCC;
	font-size:80%;
	float:left;
	margin: 0 10px 0 0;
	cursor:pointer;
}

div.taskinfo {
	padding:5px;
	margin-left:88px;
}
div.taskinfo div {
	margin-top:3px;
}

div.taskbox#box1 {
	background:url(../images/homepage/hireus.jpg) left no-repeat;
}

div.taskbox#box2 {
	background:url(../images/homepage/joinus.jpg) left no-repeat;
}
div.taskbox#box3 {
	background:url(../images/homepage/library.jpg) left no-repeat;
}
div.taskbox#box4 {
	background:url(../images/homepage/usa.jpg) left no-repeat;
}
div.taskbox#box5 {
	background:url(../images/homepage/members.gif) left no-repeat;
	margin-right:-10px;
}


/*
====================================
		REHEARSALS SCHEDULE
====================================
*/

table.rehearsals {
	border:0px none;
}
div.rehearsal {
	padding:2px 2px 2px 35px; 
	width:460px;
	background:#F1F0D8;
	border:1px solid #E8E7D1;
	margin:1px 0;
	clear:both;
	display:inline-table;
	color:#333333;
}

div.rehearsals_layout div.rehearsal.home {
	width:150px;
	font-size:80%;
}

tr.rehearsal {
	background:#F1F0D8;
	margin:1px 0;
	clear:both;
	page-break-after:auto;
}
tr.rehearsal td {
	border:1px solid #E8E7D1;
	color:#333333;

}

div.rehearsals_layout div.rehearsal.header, tr.rehearsal.header {
	padding:2px;
	background:#C4C28A;
	border:1px solid #B0AE7B;
}

div.rehearsals_layout div.rehearsal.header{
	width:493px;
}
div.rehearsals_layout div.rehearsal.header.home{
	width:177px;
}


tr.rehearsal.header td, tr.rehearsal.header th {
	border:1px solid #B0AE7B;
	color:#fff;
}

span.rehearal_year { 
	font-size:160%; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:2px;
	background:#CC0000; 
	color:#FFFFFF; 
	width:80px; 
	overflow:hidden; 
	float:left; 
	border:1px solid #000; 
	-moz-border-radius:3px; 
	overflow:hidden;
	text-align:center;
	}


div.rehearsals_layout div.rehearsal.date, tr.rehearsal.date, tr.rehearsal.date td {
	background:#8A8861;
	border:1px solid #B0AE7B;
	color:#fff;
	font-size:110%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}


div.rehearsals_layout div.rehearsal.alt, tr.rehearsal.alt  {
	background:#E3E0C5;
	border:1px solid #D9D6BD;
}


tr.rehearsal.alt td {
	border:1px solid #D9D6BD;
}


div.rehearsals_layout div.rehearsal.concertRow, div.rehearsal.alt.concertRow  {
	background: #767561 url(/images/icons/concert.png) 420px 10px no-repeat;
	color:#fff;
	padding:0 75px 0 35px; 
	width:387px;
	border:1px solid #333333;
	border-style:dotted;
}

div.rehearsals_layout div.rehearsal.concertRow a:link, div.rehearsal.concertRow a:active, div.rehearsal.concertRow a:visited, div.rehearsal.concertRow a:hover {
	color:#fff;
}


div.rehearsals_layout div.concertRow, div.rehearsals_layout  div.alt.concertRow  {
	padding:2px 2px 2px 35px; 
	background:#767561 url(/images/icons/concert_s.png) right top no-repeat;
	color:#fff;
	width:150px;
	font-size:80%;
}





tr.rehearsal.concertRow, tr.rehearsal.alt.concertRow  {
	background:#EBEBEB url(/images/icons/concert.png) right 10px no-repeat;
	padding:0 75px 0 35px; 
	border:1px solid #333333;
	border-style:dotted;
}


/*============= SPECIAL MESSAGE BOXES ================= */

	div.today {
		padding: 1px 5px 1px 18px; 
		width:60px;
		font-size:80%;
		margin-top:2px;
		display:block;
		background:url(/images/icons/today_star.gif) 3px 2px  no-repeat #33FF00;
		color:#000000;
		float:left;
	}
	
	div.cancelled {
		padding: 1px 5px 1px 18px; 
		width:60px;
		font-size:80%;
		margin-top:2px;
		display:block;
		background:url(/images/icons/icon_cancelled.gif) no-repeat #CC0000;
		color:#ffffff; 
		}
	div.updated {
		padding: 1px 5px 1px 18px; 
		width:60px;
		font-size:80%;
		margin-top:2px;
		display:block;
		background:url(/images/icons/icon_updated.gif) 1px 1px no-repeat #FFCC00;
		color:#000;
		float:left;
	}
	div.concert {
		padding: 1px 5px 1px 18px; 
		width:60px;
		font-size:80%;
		margin-top:2px;
		display:block;
		background:url(/images/icons/concert_marker.gif) 2px 2px  no-repeat #333333;
		color:#fff;
	}

/*===================================================== */



div.calendar {
	background:#CC0000; 
	color:#FFFFFF; 
	margin:2px 2px 0 -32px; 
	width:28px; 
	overflow:hidden; 
	float:left; 
	border:1px solid #000; 
	-moz-border-radius:3px; 
	overflow:hidden;
	}

div.calendar div.month {
	font-size:80%; 
	padding:1px; 
	text-align:center;
}
div.calendar div.date {
	font-family:Arial, Helvetica, sans-serif;
	background:#fff; 
	color:#000; 
	text-align:center; 
	padding:1px; 
	font-size:150%; 
	line-height:100%;
	font-weight:bold; 
	-moz-border-radius:0 0 1px 1px; 
}

div.rehearsal_details {
	width:100%; 
	display:inline-table; 
	float:left
}
/*
====================================
			DOC LIBRARY
====================================
*/


div.filter_menu {
	font-size:80%;
	background:#E3E0C5;
	border:1px solid #D9D6BD;
	width:512px;
	min-height:18px;
	padding:2px;
}

div.filter_menu #cat_menu, div.filter_menu #subcat_menu {
	width:138px;
	overflow:hidden;
}

/*
====================================
			EDITOR STYLES
====================================
*/

.accentBtn {
font-family:"Arial Black", sans-serif;
height:28px;
width:28px;
font-size:110%;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
background-color:transparent;
}
.accentBtnOver {
font-family:"Arial Black", sans-serif;
height:28px;
width:28px;
background-color:#d6d3ce;
font-size:110% ;
cursor:hand;
border-style:outset;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
}

.accentBtnDown {
font-family:"Arial Black", sans-serif;
height:28px;
width:28px;
background-color:#d6d3ce;
font-size:110% ;
cursor:hand ;
border-style:inset;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
}


.pm {
background-color:#CCFFFF;
}
.am {
background-color:#FFFFCC ;
}


.taskHeader {
font-size:medium;
color:#A4332F;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

.dottedTable {
border:#EBEBEB 
dotted;
padding-top:2px;
padding-right:2px;
padding-bottom:2px;
padding-left:2px ;
border-width:0px thin thin 0px;
}

.dottedTD {
border:#EBEBEB dotted;
padding-top:2px;
padding-right:2px;
padding-bottom:2px;
padding-left:2px ;
border-width:thin 0px 0px thin;
font-size:xx-small;
}

.invisible {
display:none;
}
.visible {
	display:inline;
}


.error_highlight {
background-color:#FFFF00;
border:1px #FF0000 dotted;
}

code {
font-size:medium;
}