body  {
	background-color: #000000;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}
/* ===== BASIC HTML ELEMENTS STYLES ========= */
p {
	font-size:.9em;
	line-height:1.5em;

}

h1 {
	color: #454961;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.8em;;
	margin-top:0;
}

h2 {
	color: #666699;
	font-size:1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h3 {
	color: #454961;
	font-size: 1em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	margin-bottom:.7em;
	list-style-position:inside;
}

table {
	font-size:.9em;
	
}
table td{
	border: 1px solid #ccc;
	border-collapse:collapse;
	padding:3px;
}

table th {
	background-color:#CCCCFF;
}
/* ========================= MAIN TAB MENU =========================== */
#navigation {
	
    margin: 0 40px 0 40px;
    padding: 0;
	background-image:url(images/tab_back.jpg);
	background-repeat:repeat-x;
	background-position:left;
	}

    .menu {
		margin: 0;
		padding: 0;
		font-family: Helvetica,Arial,sans-sarif;
		overflow: hidden;
		width: 920px;
		background:#000000;
		}

    ul.menu {
  		list-style-type: none;
  		padding: 0;
		margin: 0;
  		font-family:"Times New Roman", Times, serif;
  		text-transform:uppercase;
		background:none;
		}

	ul.menu li {
  		float: left;
  		padding: 0;
  		padding-top: 0;
		background:url(images/tab_current.jpg) no-repeat right top;
  		margin-right:0;
		margin:0;
  		width:153px;
  		font-family:"Times New Roman", Times, serif;
		color:#000000;
  		text-transform:uppercase;
		}

	ul.menu li a {
		display: block;
		border:none;
  		margin:0;
		height:50px;
  		padding: 15px 5px 0 5px;
  		text-decoration: none;
  		text-align:center;
  		font-family:Georgia, "Times New Roman", Times, serif;
  		text-transform:uppercase;
		color:#FFFF00;
		font-size:1.2em;
		background-color:none;
		background: url(images/tab_link.jpg) no-repeat left top;
		}
	
	ul.menu li a:hover {
		background:url(images/tab_hover.jpg) no-repeat left top;
		}

	#current a {
		background: url(images/tab_current.jpg) no-repeat left top;
		}

	#current_pfy a {
		background: url(images/tab_current_pfy.jpg) no-repeat left top;
		}

/* ============================ DIV STYLES ============================ */
#wrapper {
	background-color: #000000;
	background-image: url(images/bluecurtain.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 1000px;
	}

#header {
	background-color: transparent;
	margin: 0;
    padding: 0;
	height: 200px; /* set temprally as the image replacement to hold space*/
	font-family: verdana, helvetica, arial, sans-serif;
    }

	.text_float {
		margin: 0;
		}

	.logo_float {
		float: left;
		padding:0;
		margin: 40px 0 0 120px;
		}
		.pfy_logo_float {
		float:left;
		padding:0;
		margin:70px 0 0 70px;
		}
	
	
	#header a {
display:block;
float:left;
margin:0;
padding:0;
border:none;
text-decoration:none;
width:102px;
height:auto;
}

#header img {
border:none;
text-decoration:none;
}
.titlefloat {
	float:left;
	margin: 60px 0 0 110px;
	}

#container_s {
	background-color: #3E499B;
	margin: auto; 
	padding: 10px;
	width: 900px;
	}

#container {
	background: url(images/sidebar.gif);
	background-repeat: repeat-y;
    }
    
#container_pfy {
	background-color: #004E87;
    margin: auto;
    padding: 10px;
	width: 900px;
	}

#content {
	margin: 0 0 0 210px;
	padding: .7em;
	background: #fff;
    }

#sidebar {
    margin: 20px 0 0 0;
	padding: 0;
	float: left;
	text-align:center;
	width: 200px;
	font-family: verdana, helvetica, arial, sans-serif;
	background: transparent;
	 }
#ghost {
float:right;
clear:right;
top:5px;
}


#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#000;
	font-family: verdana, helvetica, arial, sans-serif; 
    }

#footer p {
	text-align:center;
	color:#fff;
	font-size:smaller;
	margin: 0; 
	padding: 10px 0; 
    }

#footer a {
	color:#99CCFF;
}

/***************** SIDE BUTTON NAV MENU *********************/
#sidenavcontainer {
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-weight:bold;
	width:200px;
	text-align:center;
}


#sidenavcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#sidenavcontainer ul li{ /* JS */
  margin: 0;
  }
#sidenavcontainer p {  /*This was set to position the text but maybe there is a better way? */
	padding-top:0;
	}

#sidenavcontainer ul li a {
	display: block;
	background-image:url(images/leftside_decobutton_rest.jpg);
	background-repeat:no-repeat;
	background-position: 0 100%;
	color: #fff;
	padding:16px;
	text-decoration: none;
	text-weight:bold;
	height:40px; /*THIS IS THE HEIGHT OF THE BUTTON IMAGE */
	text-align:center;
}

#sidenavcontainer li a:hover{
	background-image:url(images/leftside_decobutton_roll.jpg);
}

#sidenavcontainer li a:active{
	background-image:url(images/leftside_decobutton_select.jpg);
}

#current_side a {
		background: url(images/leftside_decobutton_select.jpg) !important;
		}
html>body #sidenavcontainer li a { width: auto; }

/* Update container on the main index page of Mounds Theater */


#update_container {
background: url(images/updatecenter_02.gif);
background-repeat:repeat-y;
width:362px;
float:right;
margin:0 0 0 15px;
}

#update_content {
width:320px;
margin:0 auto 0 auto;
text-align:center;
}

#pfy_about_menu {
margin:10px auto 10px auto;
}
#pfy_about_menu ul {
list-style-type:none;
margin:0 90px 0 90px;
padding:none;
}
#pfy_about_menu ul li {
display:inline;
padding: 10px 20px 10px 20px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
}

/* ================== CLASS STYLES ================================== */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
    }

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
    }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	color:#FFFFFF;
    }
	
.top {
	font-size:smaller;
}

.small {
font-size:smaller;
}
/* JS clearfix code added below */
/* ++++++++++++ begin float clearing code ++++++++++++++++ */

/* the .clearfix class can be applied to any container that needs to be cleared.
a better solution might be replacing clearfix with a contextual selector list */

.clearfix:after {  /* for browsers that support :after , can sub .clearfix with contextual selectors */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix {
  height: 1%; /* Holly Hack will clear floats in IE 5 and 6 */
}
*:first-child+html .clearfix{
  min-height: 1px; /* clear for IE 7 which doesn't support :after */
}
#ghost {
float:right;
top:5px;
}
#ghost_button{
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  float:right;
  clear:right;
  border:solid;
  width: 85px;
  height: 20px;
  border-style: outset;
  border-width:4px;
  right:8px;
  margin:8px 11px 8px 5px;
  padding-right:10px;
  padding-left:10px;
  text-align:center;
}
#ghost_button a{
 text-decoration: none;
}
#wrapper #container_s #container #content #update_container #update_content h5 em {
	color: #800080;
}