/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#410C05;}
	
#home_wrap {
	width:700px;
	margin:0 auto;
	padding:1px 0 20px 0;
	background:#660000 url(../images/homepage.jpg) left top no-repeat;
	border:1px solid #F3E2A7;
	border-width:0 1px 0 1px;
	overflow:hidden;}

#announce {
	width:488px;
	margin:20px auto;}
	
#ladysmith {
	width:302px;
	margin:0 auto;
	margin-top:25px;}
	
#title_home {
	width:481px;
	margin:445px auto 0 auto;}
	
#music {
	width:422px;
	margin:0 auto;}
	
#menu_home {
	width:481px;
	margin:0 auto;}
/*Home menu*/
#menu_home ul {
	list-style:none;
	margin:45px 0 0 0;
	padding-left:0;}

/*SCLir by Shawn Conrad Lawler*/
/*note to self - float left on the li and padding of at least 1px (which doesn't actually do jack shit) is required for IE 7 to get this right - fucking lunacy*/
#menu_home li {
	position:relative;
	z-index:1;
	float:left;
	margin-left:18px;}
#menu_home li.first_item {
	margin-left:0;}
#menu_home li.second_row_fi {
	margin-left:80px;}
#menu_home a.SCLir_opera {display:block; background:url(../images/m_opera.gif) left top no-repeat;}
#menu_home a.SCLir_opera span {position:relative; z-index:-1;}
#menu_home a.SCLir_opera:hover span {diplay:block; padding-top:1px; position:relative; z-index:2;}

#menu_home .SCLir_aboutus {display:block; background:url(../images/m_aboutus.gif) left top no-repeat;}
#menu_home .SCLir_aboutus span {position:relative; z-index:-1;}
#menu_home a.SCLir_aboutus:hover span {diplay:block; padding-top:1px; position:relative; z-index:2;}

#menu_home .SCLir_donations {display:block; background:url(../images/m_donations.gif) left top no-repeat;}
#menu_home .SCLir_donations span {position:relative; z-index:-1;}
#menu_home a.SCLir_donations:hover span {diplay:block; padding-top:1px; position:relative; z-index:2;}

#menu_home .SCLir_getinvolved {display:block; background:url(../images/m_getinvolved.gif) left top no-repeat;}
#menu_home .SCLir_getinvolved span {position:relative; z-index:-1;}
#menu_home a.SCLir_getinvolved:hover span {diplay:block; padding-top:1px; position:relative; z-index:2;}

#menu_home .SCLir_auditions {display:block; background:url(../images/m_auditions.gif) left top no-repeat;}
#menu_home .SCLir_auditions span {position:relative; z-index:-1;}
#menu_home a.SCLir_auditions:hover span {diplay:block; padding-top:1px; position:relative; z-index:2;}

#menu_home .SCLir_tickets {display:block; background:url(../images/m_tickets.gif) left top no-repeat;}
#menu_home .SCLir_tickets span {position:relative; z-index:-1;}
#menu_home a.SCLir_tickets:hover span {diplay:block; padding-top:1px; position:relative; z-index:2;}

#menu_home .SCLir_contactus {display:block; background:url(../images/m_contactus.gif) left top no-repeat;}
#menu_home .SCLir_contactus span {position:relative; z-index:-1;}
#menu_home a.SCLir_contactus:hover span {diplay:block; padding-top:1px; position:relative; z-index:2;}


/*sub pages*/
body#level2 {
	background:#fff url(../images/level2_bg.gif) left top repeat-y;}
#level2_wrap {
	width:760px;}
#content_level2 {
	width:593px;
	position:absolute;
	top:0;
	left:153px;
	padding-left:15px;}
#menu_level2 {
	width:152px;
	position:absolute;
	top:0;
	left:0;}

#menu_level2 ul {
	list-style:none;
	width:108px;
	margin:25px auto 0 auto;
	padding-left:0;}
#menu_level2 li {
	position:relative;
	z-index:1;
	float:left;
	margin-bottom:6px;}
#menu_level2 a {
	text-decoration:none ! important;
	padding:0 ! important;
	margin:0 ! important;}
#menu_level2 span {
	text-decoration:none ! important;
	padding:0 ! important;
	margin:0 ! important;}
#menu_level2 span img {border:none;}

#menu_level2 a.SCLir_opera {display:block; background:url(../images/mm_operav2.gif) left top no-repeat;}
#menu_level2 a.SCLir_opera span {diplay:block; position:relative; z-index:-1;}
#menu_level2 a.SCLir_opera:hover span {diplay:block; padding-top:1px; position:relative; z-index:2;}

#menu_level2 .SCLir_aboutus {display:block; background:url(../images/mm_aboutusv2.gif) left top no-repeat;}
#menu_level2 .SCLir_aboutus span {diplay:block; position:relative; z-index:-1;}
#menu_level2 a.SCLir_aboutus:hover span {diplay:block; padding-top:1px; position:relative; z-index:2;}

#menu_level2 .SCLir_donations {display:block; background:url(../images/mm_donationsv2.gif) left top no-repeat;}
#menu_level2 .SCLir_donations span {diplay:block; position:relative; z-index:-1;}
#menu_level2 a.SCLir_donations:hover span {diplay:block; padding-top:1px; position:relative; z-index:2;}

#menu_level2 .SCLir_getinvolved {display:block; background:url(../images/mm_getinvolvedv2.gif) left top no-repeat;}
#menu_level2 .SCLir_getinvolved span {diplay:block; position:relative; z-index:-1;}
#menu_level2 a.SCLir_getinvolved:hover span {diplay:block; padding-top:1px; position:relative; z-index:2;}

#menu_level2 .SCLir_auditions {display:block; background:url(../images/mm_auditionsv2.gif) left top no-repeat;}
#menu_level2 .SCLir_auditions span {diplay:block; position:relative; z-index:-1;}
#menu_level2 a.SCLir_auditions:hover span {diplay:block; padding-top:1px; position:relative; z-index:2;}

#menu_level2 .SCLir_tickets {display:block; background:url(../images/mm_ticketsv2.gif) left top no-repeat;}
#menu_level2 .SCLir_tickets span {diplay:block; position:relative; z-index:-1;}
#menu_level2 a.SCLir_tickets:hover span {diplay:block; padding-top:1px; position:relative; z-index:2;}

#menu_level2 .SCLir_contactus {display:block; background:url(../images/mm_contactusv2.gif) left top no-repeat;}
#menu_level2 .SCLir_contactus span {diplay:block; position:relative; z-index:-1;}
#menu_level2 a.SCLir_contactus:hover span {diplay:block; padding-top:1px; position:relative; z-index:2;}

#ladysmith_sml {
	display:block;
	width:121px;
	margin:30px auto 0 auto;}
#title_sml {
	display:block;
	width:121px;
	margin:10px auto 0 auto;}
h1 {
	margin-bottom: 0.4em;
	color: #5A1C14;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-top: 0em;
	margin-bottom: 1em;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-top: 0em;
	margin-bottom: .5em;
}
h2 {
	font-size: 1em;
	color: #5A1C14;
	margin-bottom: 0.3em;
	margin-top: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
blockquote {
	border: thin dotted #990000;
	padding: 10px;
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}