body {
	background-image: url(images/bkg.jpg);
	background-position:bottom center;;
	background-repeat: no-repeat;
	background-color: #526fb4;
}

.hr {
  height: 0;
  font-size: 0;
  line-height: 0;
  width: 100%;
  margin: 1em auto;
}
.dotted {
  border-bottom: dotted 1px #333;
}



#nav {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 800px;
    height: 50px;
    overflow: hidden;
}
#nav li {
    float: left;
}
#nav a {
    display: block;
    background-image: url(images/nav2.png);
    padding-top: 50px; /* same as height of #example-nav */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
}
#home {
    width: 60px;
}
#home:hover {
    background-position: 0px -50px;
}
#tickets {
    width: 83px;
    background-position: -60px 0;
}
#tickets:hover {
    background-position: -60px -50px;
}
#shows {
    width: 73px;
    background-position: -143px 0;
}
#shows:hover {
    background-position: -143px -50px;
}
#schedule {
    width: 71px;
    background-position: -216px 0;
}
#schedule:hover {
    background-position: -216px -50px;
}
#workshops {
    width: 160px;
    background-position: -287px 0;
}
#workshops:hover {
    background-position: -287px -50px;
}

#world-stage {
    width: 126px;
    background-position: -447px 0;
}
#world-stage:hover {
    background-position: -447px -50px;
}
#plan {
    width: 141px;
    background-position: -573px 0;
}
#plan:hover {
    background-position: -573px -50px;
}
#contact {
    width: 86px;
    background-position: -714px 0;
}
#contact:hover {
    background-position: -714px -50px;
}

.box {
	width: 885px;
	height: auto;
	background: #EFF2F3;
	
}
.box2 {
	width: 885px;
	height: auto;
	background-image:url(http://www.playhousesquare.org/childrensfestival/images/back.png)
}


.box4 {
	width: 885px;
	height: auto;
	background: #EFF2F3;
}
.boxtop { 
  width: 885px; background:  url(http://www.playhousesquare.org/childrensfestival/images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
    width: 885px;
  height: 8px; 
  background:  url(http://www.playhousesquare.org/childrensfestival/images/nw.gif) no-repeat top left; 
}

.boxtop2 { 
  width: 885px; background:  url(http://www.playhousesquare.org/childrensfestival/images/2ne.gif) no-repeat top right; 
}
.boxtop2 div { 
  font-size: 0;
    width: 885px;
  height: 8px; 
  background:  url(http://www.playhousesquare.org/childrensfestival/images/2nw.gif) no-repeat top left; 
}
.boxbottom { 
   width: 885px; background:  url(http://www.playhousesquare.org/childrensfestival/images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
    width: 885px;
  height: 8px; 
  background:  url(http://www.playhousesquare.org/childrensfestival/images/sw.gif) no-repeat bottom left; 
}
.boxcontent1 {
float:left; width:55%; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333; }
	
.boxcontent1 {
float: right; width: 40% ; padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	}
	
	
	
.boxcontent3 {
	float: right;
	width: 60%;
	padding:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #9CC;

}

.boxcontent4 {
	float: left;
	width: 850px;
	padding:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #9CC; }
.main_headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #333;
}

.secondary_headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #333;
}
.main_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333; }
	
	.inner_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 20px;
	color: #333; }
	
		.inner-headline_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 20px;
	color: #333; }
	
		.inner-sub_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:italic;
	font-weight: normal;
	margin-left: 10px;
	color: #333; }
	.table_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333; }
	
	.main_text_italics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #333; }
	
.sub_headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #516fb4;}
	
.sub_headline2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #46b64a;}
	
.nav_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	color: #FFF;
}
a:link { color:#4e6cb4; text-decoration: underline }
a:active { color:#4e6cb4; text-decoration: underline }
a:visited { color:#4e6cb4; text-decoration: underline }
a:hover { color:#40b54a; text-decoration: underline }

* {margin:0; padding:0}
.sm {list-style:none; width:885px; height:179px; background-image:url(http://www.playhousesquare.org/childrensfestival/images/back.png);display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}


#hor-zebra
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 20px;
	width: 840px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 11px;
	font-weight: bold;
	padding: 5px 5px;
	color: #1f1f1f;
	text-align: left;
}
#hor-zebra td
{
	padding: 5px;
	color: #1f1f1f;
}
#hor-zebra .odd
{
	background: #d8dfea; 
	
}


.layer1 {
margin: auto;
width: 875px;
}
 
.heading {
margin: 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style: bold ;
font-style:underline;
color: #1f1f1f;
padding: 3px 10px;
cursor: pointer;
position: relative;
background-color:#d8dfea;
}
.content {
padding: 5px 10px;
background-color:#eff2f3;
}
p { padding: 5px 0; }