<style type="text/css" media="all">

h1 {
	font-size: 300%;
	text-transform: capitalize;
	color: #990033;
}
.page_header{
	font-size: 300%;
	text-transform: capitalize;
	color: #990033;
	font-weight:bold;
	line-height: 50%;
}
p {
	font: 100% arial, helvetica, sans-serif;
	line-height: 125%;
	color: #000000;
}
.linktext {
	font-size: 100%;
	font-weight: bold;
	color: #990033;
	list-style-type: disc;
}

.charity_number {
	font-style: italic;
	text-align: right;
	font-size: 100%;
	vertical-align: middle;
}
a:link {
	font-weight: bold;
	color: #990033;
	text-decoration: none;
}
a:visited {
	font-weight: bold;
	color: #660000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	cursor: hand;
}
.layer_change {
	color: #990033;
	cursor: hand;
	font-weight: bold;
}
.layer_change_and_show_name {
	font-style: italic;
	font-weight: bold;
	color: #990033;
	cursor: hand;
}
.you_are_here {
	font-size: 75%;
	font-weight: bold;
}
h4 {
	font-size: 100%;
	font-weight: bold;
}
li {
	font-size: 100%;
	line-height: 125%;
}

.smaller_text {
	font-size: 112%;
}
.bold {
	font-weight: bold;
}
body {
	font: 100% arial, helvetica, sans-serif;
	margin: 0;
	color: #000000;
}
h2 {
	font-size: 125%;
	font-weight: bold;
}
h3 {
	font-size: 112%;
	font-weight: bold;
}

.next_show_text {
	font-size: 200%;
	font-style: italic;
	font-weight: bold;
	color: #990033;
	line-height: normal;
	text-align: center;
}

h6 {
	font-size: 75%;
	font-weight: bold;
}
.show_name {
	font-style: italic;
}
.windings {
	font-family: Wingdings;
}
.webdings {
	font-family: Webdings;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}


body {
	font:71%/165% arial, helvetica, sans-serif;
	}

#crumbs {
	height:2.3em;
	}

#crumbs ul {
	list-style-type: none;
	padding:0;
	margin:0;

	}
	
#crumbs li {
	background:url(graphics/crumbs.gif) no-repeat right center;
	padding:0 15px 0 0;
	list-style-type: none;
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
	}		
#crumbs li a {
	display:block;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#990033;
	text-decoration:none;
	}	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#660000;
	}		


#about_seniors {
	float: right;
	position:absolute;
	top: inherit;
	left:inherit;
	width: 48%;
	margin-right: 1%;
	height:50%;
	z-index:1;
	overflow: auto;
	visibility: visible;
}
#seniors_staff {
	float: right;
	position:absolute;
	top: inherit;
	left:inherit;
	width: 48%;
	margin-right: 1%;
	height:50%;
	z-index:2;
	overflow: auto;
	visibility: hidden;
}

#smc {
	float: right;
	position:absolute;
	top: inherit;
	left:inherit;
	width: 48%;
	margin-right: 1%;
	height:50%;
	z-index:3;
	overflow: auto;
	visibility: hidden;
}
#November {
	float: right;
	position:absolute;
	top: inherit;
	left:inherit;
	width: 48%;
	margin-right: 1%;
	height:50%;
	z-index:4;
	overflow: auto;
	visibility: hidden;
}
#February {
	float: right;
	position:absolute;
	top: inherit;
	left:inherit;
	width: 48%;
	margin-right: 1%;
	height:50%;
	z-index:5;
	overflow: auto;
	visibility: hidden;
}
#JulyAuditions {
	float: right;
	position:absolute;
	top: inherit;
	left:inherit;
	width: 48%;
	margin-right: 1%;
	height:50%;
	z-index:6;
	overflow: auto;
	visibility: hidden;
}
#July {
	float: right;
	position:absolute;
	top: inherit;
	left:inherit;
	width: 48%;
	margin-right: 1%;
	height:50%;
	z-index:7;
	overflow: auto;
	visibility: hidden;
}
#news_archive {
	float: right;
	position:absolute;
	top: inherit;
	left:inherit;
	width: 48%;
	margin-right: 1%;
	height:50%;
	z-index:8;
	overflow: auto;
	visibility: hidden;
}

.centred_text {
	text-align: center;
}


		body {
			font: 100% arial, helvetica, sans-serif;
			margin: 0;
		}
		
		
		#header {
		}
		
		#breadcrumb {
			float: left;
			width: 64%;
			height:2.5em;
			margin-bottom: 1%;
		}
		
		#charity  {
			float: left;
			width: 35%;
			height: 2.5em;
			vertical-align: middle;
			margin-bottom: 1%;
		}
		
		#navigation {
			float: left;
			width: 150px;
		}
		
		#advert {
			background-color:#FFFF00;
			margin-left: 5px;
			width: 190px;
		}
		
		#content {
			float: right;
			width:72%;
			margin-right: 1%;
			margin-bottom: 2%;
		}

		#showbox {
			float: right;
			width:72%;
			margin-right: 1%;
			margin-bottom: 2%;
			border-bottom-style:solid;
			border: medium;
			border-color:#000000;
		}
		
		#right {
			float: right;
			width: 10%;
		}
		
		#infobox  {
			float: left;
			width: 66%;
			margin-right: 1%;
		}
		
		#listbox  {
			float: left;
			width: 30%;
			margin-right: 2%;
		}
		
		#footer {
			clear: both;
			background: #ccc;
		}
		
		#footer p {
			margin: 0;
		}

	/*
	General rules
	*/

	#dhtmlgoodies_slidedown_menu li{
	list-style-type:none;
	position:relative;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:205px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;	
		display:block;
		clear:both;
		width:170px;	
		padding-left:2px;
	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;
		border-bottom:1px solid #000;
		font-weight:bold;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
		font-weight:normal;
		color:#990033;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:blue;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}
	
	</style>
	
