/* CSS Document */

body {
background-color:#666666;
margin: 0px;
}

/* LAYOUT */

#container2009 {
width: 950px;
height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image:url(../images/2009-homepage.jpg);
background-repeat: no-repeat;
}

#container2010 {
width: 950px;
height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background-image:url(../images/website-slapstick2010.jpg);
background-repeat: no-repeat;
}

#container2010-home {
width: 950px;
height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background-image:url(../images/slapstick2010-home.jpg);
background-repeat: no-repeat;
}


#container2010-events {
width: 950px;
min-height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background:url(../images/slapstick2010-events2.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

#container2010-about {
width: 950px;
min-height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background:url(../images/slapstick2010-about.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

#container2010-booking {
width: 950px;
min-height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background:url(../images/slapstick2010-booking.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

#container2010-contact {
width: 950px;
min-height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background:url(../images/slapstick2010-contact.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

#container2010-jesters {
width: 950px;
min-height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background:url(../images/slapstick2010-jesters.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

#container2010-guests {
width: 950px;
min-height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background:url(../images/slapstick2010-guests.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

#container2010-news {
width: 950px;
min-height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background:url(../images/slapstick2010-news.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

#about2009 {
width: 950px;
height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image:url(../images/2009-about.jpg);
background-repeat: no-repeat;
}

.about {
	color: #333;
	margin: 0 250px 0 40px;
	padding: 0;
	font-size: 11px;
	}
	
	.about h2 {
		color: #33a543;
			font-size: 18px;
			margin: 0 0 10px 0;
			padding: 0;
	}
	
		.about strong {
		color: #33a543;
	}
	
	
	
	
.news {
	color: #333;
	margin: 0 40px 0 40px;
	padding: 0;
	font-size: 11px;
	}
	
	.news h2 {
		color: #33a543;
			font-size: 18px;
			margin: 0 0 10px 0;
			padding: 0 20px 0 0;
	}
	
		.news strong {
		color: #33a543;
	}
	
	
	
.booking {
	color: #333;
	margin: 0 40px 0 40px;
	padding: 0;
	font-size: 11px;
	}
	
	.booking h2 {
		color: #33a543;
		font-size: 18px;
		margin: 0 0 10px 0;
	}
	
		.booking strong {
		color: #33a543;
	}
	
	.jesters {
	color: #333;
	margin: 0 520px 0 40px;
	padding: 0;
	font-size: 11px;
	}
	
	.jesters h2 {
		color: #33a543;
		font-size: 18px;
		margin: 0 0 10px 0;
	}
	
		.jesters strong {
		color: #33a543;
	}
	
		.jesters2 {
	color: #333;
	margin: 0 40px 0 40px;
	padding: 0;
	font-size: 11px;
	}
	
	.jesters2 h2 {
		color: #33a543;
		font-size: 18px;
		margin: 0 0 10px 0;
	}
	
		.jesters2 strong {
		color: #33a543;
	}
	
	
#oldvic2009 {
width: 950px;
height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image:url(../images/2009-bov.jpg);
background-repeat: no-repeat;
}

#events2009 {
width: 950px;
height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image:url(../images/2009-events.jpg);
background-repeat: no-repeat;
}


#booking2009 {
width: 950px;
height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image:url(../images/2009-booking.jpg);
background-repeat: no-repeat;
}


#gala2009 {
width: 950px;
height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image:url(../images/2009-gala.jpg);
background-repeat: no-repeat;
}

#contact2009 {
width: 950px;
height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image:url(../images/2009-contact.jpg);
background-repeat: no-repeat;
}

#container2008archive{
width: 750px;
height: 419px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image:url(../images/2008-bg.jpg);
background-repeat: no-repeat;
}

#archive2009{
width: 950px;
height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image:url(../images/2009-bg.jpg);
background-repeat: no-repeat;
}


#archive2010{
width: 950px;
height: 535px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image:url(../images/2010-bg.gif);
background-repeat: no-repeat;
}


#containerthanks {
width: 750px;
height: 419px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image:url(../images/2007-thanks.jpg);
background-repeat: no-repeat;
}

div.home2010 {
margin-top: 280px;
margin-left: 20px;
margin-right: 0;
margin-bottom: 0;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

div.home2010 a {
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 14px;
}


div.home2010 a:hover {
font-size: 14px;
color: #fff;
font-weight: bold;
text-decoration: underline;
}


 #nav {
 text-align:right;
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #ECECEC;
padding: 0 30px 0 30px;
height: 25px;
 }
 
  .current {
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #9F9;
 }
 
  #nav a:link {
 	font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
	font-size: 11px;
	color: #fff;
	text-decoration:none;
 }
 
  #nav a:visited {
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #fff;
	text-decoration:none;
 }
 
  #nav a:hover {
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #dddddd;
	text-decoration:none;
 }

 #nav2 {
 text-align:right;
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #ECECEC;
padding: 0 30px 0 30px;
height: 25px!important ;
height: 19px;

 }
 
  .current {
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #9F9;
 }
 
  #nav2 a:link {
 	font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
	font-size: 11px;
	color: #fff;
	text-decoration:none;
 }
 
  #nav2 a:visited {
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #fff;
	text-decoration:none;
 }
 
  #nav2 a:hover {
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #dddddd;
	text-decoration:none;
 }

 #nav3 {
	 background: #33a543 url(../images/slapstick2010-events.jpg);
background-repeat: no-repeat;
background-position: top;
 text-align:right;
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #ECECEC;
padding: 6px 30px 0 30px;
height: 25px!important ;
height: 19px;

 }
 
  #nav3 a:link {
 	font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
	font-size: 11px;
	color: #fff;
	text-decoration:none;
 }
 
  #nav3 a:visited {
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #fff;
	text-decoration:none;
 }
 
  #nav3 a:hover {
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #dddddd;
	text-decoration:none;
 }


#content-l{
width: 330px;
float: left;
}

#title {
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #fff;
	height: 18px;
	padding: 4px 5px 0px 15px;
}

#title a:link{
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #33a543;
	text-decoration:underline;
}

#title a:visited{
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #33a543;
		text-decoration:underline;
}

#title a:hover{
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #33a543;
			text-decoration:underline;

}


#home-txt {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 10px 0px 0px 15px;
}

#home-txt a:link {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #33a543;
	text-decoration: underline;
}

#home-txt a:visited {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #33a543;
	text-decoration: underline;
}

#home-txt a:hover {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #666666;
	text-decoration: underline;
}

#home-txt strong {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #33a543;
}


#home-txt2{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 5px 0px 0px 15px;
}
#home-txt3{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 0px 0px 0px 15px;
}


#bttm-cell {
	height: 3px;
}

#logo {
height: 156px;
}

.bodytxt {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.bodytxtclear {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
}

.blueboldtxt {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #043256;
}
 

a:link {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #33a543;
	text-decoration:none;
}

a:visited {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #666666;
	text-decoration:none;
}

a:hover {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #cccccc;
	text-decoration:none;
}

<!-- accordion -->

ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul li{
  float: left;
  padding: 10px;
  display: block;
  margin-right: 10px;
}

ul li a{
  display: block;
  overflow: hidden;
  height: 75px;
  width: 75px;
}

#a1{
  width: 210px;
}

ul li img{
  position: absolute;
  border: 3px solid #881212;
}

ul li p{
  margin: 0;
  padding: 0;
  width: 120px;
  display: block;
  margin-left: 85px;
}

ul.gallery {
	float: left;
	list-style: none;
	list-style-type: none;
  margin: 0 0 30px 0;
  padding: 0;  
  width: 880px;
}

ul.gallery li {
	float: left;
  margin: 0 10px 10px 0;
  padding: 0;
  width: 200px;
  
}

ul.gallery li img{
  border: none;
}

ul.gallery li a {
  display: block;
  height: 200px;
  width: 200px;
}