/* Alexandra School of Performing Arts */

.acc
{
	display:none;
}
	
body, html
{
	margin: 0;
	padding:0;
	background: #000;
}

a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: #fff;
	text-decoration:underline;
}

h1
{
	font: bold 14px "Lucida Sans", "Lucida Sans Std", Verdana;
	line-height: 1.5em;
	color: #fc7ceb;
	padding: 0px 0 0 0;
	margin:0;
}

h2
{
	font: bold 12px "Lucida Sans", "Lucida Sans Std", Verdana;
	line-height: 1.5em;
	color: #fc7ceb;
	padding: 5px 0 0 0;
	margin:0;
}	

h3
{
	font: normal 11px "Lucida Sans", "Lucida Sans Std", Verdana;
	line-height: 20px;
	color: #fc7ceb;
	padding: 5px 0 5px 0;
	margin:0;
}

h4
{
	font: normal 12px "Lucida Sans", "Lucida Sans Std", Verdana;
	line-height: 20px;
	color: #1f3564;
	padding: 0 0 0.8em 0;
	margin:0;
}

h5
{
	font: italic 12px "Lucida Sans", "Lucida Sans Std", Verdana;
	line-height: 20px;
	color: #1f3564;
	padding: 0 0 0.8em 0;
	margin:0;
}

h6
{
	font: normal 14px "Lucida Sans", "Lucida Sans Std", Verdana;
	line-height: 20px;
	color: #a7db02;
	padding: 25px 0 0 60px;
	margin: 0;	
}

ul, ol, dl
{
	padding: 5px 0 5px 30px;
	margin: 0;
}

li, dd
{
	font: normal 11px "Lucida Sans", "Lucida Sans Std", Verdana;
	line-height: 18px;
	color: #fff;
}

p
{
	font: normal 12px "Lucida Sans", "Lucida Sans Std", Verdana;
	line-height: 1.5em;
	color: #fff;
	padding: 0px 0 5px 0;
	margin:0;
}

#container {
	position:relative;
	height: 100%;
	width:957px;
	margin:0 auto;
	padding:0;
	background: transparent;
}

/*header*/

#aspa_header {
	position:relative;
	margin: 0 auto;
	width:957px;
	height:201px;
	background: transparent url(../img/aspa_head.jpg) 0 0 no-repeat;
	
}

/*menu*/

#aspa_m
{
	position: relative;
	width: 957px;
	height: 51px;
	background: transparent url(../img/aspa_menu.gif) 0 0 no-repeat;
	
}

#aspa_m ul#global
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 957px;
	height: 51px;
}

#aspa_m ul#global li
{
	list-style: none;
	position: absolute;
	padding: 0;
	margin: 0;
}

ul#global li, ul#global a 
{
	height: 51px;
	display: block;
	top: 0px;
	
}

#aspa_m ul#global li a 
{
	text-indent: -90000px;
	text-decoration: none;
}

#home		{left: 82px; width: 82px;}
#about		{left: 171px; width: 139px;}
#meet		{left: 315px; width: 169px;}
#timetable	{left: 489px; width: 226px;}
#history	{left: 720px; width: 146px;}

#home		a:hover	{background: transparent url(../img/aspa_menu.gif)	-82px -51px no-repeat;}
#about		a:hover	{background: transparent url(../img/aspa_menu.gif) -171px -51px no-repeat;}
#meet		a:hover	{background: transparent url(../img/aspa_menu.gif) -315px -51px no-repeat;}
#timetable	a:hover	{background: transparent url(../img/aspa_menu.gif) -489px -51px no-repeat;}
#history	a:hover	{background: transparent url(../img/aspa_menu.gif) -720px -51px no-repeat;}

#home		a.on	{background: transparent url(../img/aspa_menu.gif) -82px -51px no-repeat; cursor: default;}
#about		a.on	{background: transparent url(../img/aspa_menu.gif) -171px -51px no-repeat;cursor: default;}
#meet		a.on 	{background: transparent url(../img/aspa_menu.gif) -315px -51px no-repeat;cursor: default;}
#timetable	a.on	{background: transparent url(../img/aspa_menu.gif) -489px -51px no-repeat;cursor: default;}
#history	a.on 	{background: transparent url(../img/aspa_menu.gif) -720px -51px no-repeat;cursor: default;}


#graphic
{
	position:relative;
	width: 957px;
	height: 152px;
	background: transparent url(../img/aspa_graphic.gif) 0 0 no-repeat;
}

/*main*/

#main
{
	position: relative;
	width:957px;
	padding:0 0 0 0;
	margin:0 auto;
	background: transparent;
}

/*content*/

#aspa_content 
{
	position:relative;
	float:left;
	width:515px;
	padding: 20px 20px 10px 90px;
	background: transparent;
}

#contentwrapper
{
	position:relative;
	float:right;
	width:957px;
	height:100%;
	background:#000;
}

/*images*/

#aspa_image
{
	position:relative;
	float: left;
	right: 0px;
	bottom:0px;
	width: 305px;
	background: transparent;
}

#aspa_image img
{
	position:relative;
	clear:both;	
	
}

#aspa_image p
{	
	font: normal 12px "Lucida Sans", "Lucida Sans Std", Verdana;
	line-height: 1.5em;
	color: #6e736c;
	padding: 5px 0 0.8em 60px;
	margin:0;
}

.aspa_image2
{
	position:relative;
	float:right;
	width:265px;
	padding: 30px 0px 0px 40px;
	background: transparent 0 0 no-repeat;
}

.aspa_image2 img
{
	position:relative;
	float:left;
	border:#fff 1px solid;
	padding: 3px 3px;
	
}

#clear
{
	clear:both;
}

/*footer*/

#aspa_foot 
{
	position:relative;
	float:left;
	width:957px;
	height: 85px;	
	background: transparent url(../img/aspa_foot.gif) 0 0 no-repeat;
}

#aspa_foot h1
{
	width:750px;
	padding:25px 0 5px 90px;
	font: bold 13px "Lucida Sans", "Lucida Sans Std", Verdana;
	color: #fff;
}

#aspa_foot h2
{
	width:750px;
	padding:0px 15px 0 55px;
	font: normal 13px "Lucida Sans", "Lucida Sans Std", Verdana;
	color: #fff;
}

#aspa_foot p
{
	width:750px;
	padding:0px 15px 0 90px;
	font: normal 12px "Lucida Sans", "Lucida Sans Std", Verdana;
	color: #fff;
}

#aspa_foot a
{
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}

#aspa_foot a:hover
{
	color: #fff;
	text-decoration: underline;
}

b
{
	font-size:13px;
	color: #fc7ceb;
}

