/*	Polo Area Community Theater Website - Cascading Style Sheet - 2009*/

body{
	text-align: center;
	font-family: century gothic, arial, sans-serif;
	background: #660000; /* dark red */
	color: #444;
	}
	
#logo{
	float: right;
	display: inline;
	margin: 20px 175px 0 0; /*  */
 	}

#logo img{width: 225;
	}

#container{
	text-align: left;
	margin: 0 auto; /*auto must be kept to center the page*/
	width: 750px;
	background: #FFFFCC url(header-base.gif) repeat-y;
	}
/* The next block sets the site header design by using the <h1> tag in HTML. Can use text or import an image*/
h1{
	background: #000066; /* dark blue */
	color: #FFF;
	padding: 20px;
	margin: 0;
	border-bottom: 5px solid #69C;
	}

/* Keep next two code blocks for "Skip to Content" link. Is only visible to screen readers or those who use keyboard. */ 
#skip a, #skip a:hover, #skip a:visited{
	position:absolute;
	left:0px;
	top:-500px;	
	width:1px;
	height:1px;
	overflow:hidden;
	}

#skip a:active, #skip a:focus{
	position:static;
	width:auto;
	height:auto;
	} 

h3{
	text-align: center;
	font-family: arial, sans-serif;
	}	
#nav{
	float: left;
	width: 130px;
	display: inline;
	margin-left: 20px;
	padding: 1.25em 0; /* was 80px 0 */
	color:#fff
	}

#nav ul{
	margin: 0;
	padding: 30px 0; /* 0 */
	list-style-type: none;
	text-align: right;
}

#nav li{
	display:inline;
	}

#nav a.current{
	background:#69C;
	color:#000
	}

#nav a{      
	display: block; 
	text-decoration: none;
	background: #000066; 
	color:#fff;
	padding: .2em .5em;
	border-bottom: 1px solid #fff;}

#nav a:hover, a:active{
	background:#69C;
	color:#000
	}

/* Next 6 code blocks control the settings for general page content.*/
#content{
	float: left;
	width: 525px;
	margin-left: 45;
	padding: 15px 0;
	}

#content p{
	font-family: helvetica, arial, sans-serif;
	}

#content p.center{
	text-align: center;
	margin-left: 0 auto;
	}

#content img{width:250;
	     display: block;
	     margin-left:140;
	    }

#content img.wide{width:450; margin-left: 45; }

/* This code block controls footer settings (currently shows copyright info on a light blue background). */ 
#footer{
	clear: both;
	background: #69C;
	color:#fff;
	padding: 5px 10px;
	text-align: right;
	font-size: 80%;
	}

h2{text-align: center;}
a:link {}
a:visited{}
#nav a:hover, active{
	}