@charset "UTF-8";
/* CSS Document */

html { 
	background:#436483 url("images/bg-html.jpg")
	height:100%;
	}

body {
	text-align:center;
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	height:100%;
	background-attachment: scroll;
	background-color: #436484;
	background-image: url(images/bg-html.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}

#footer {
	background:url("images/bg-footer.jpg") bottom center no-repeat;
	width:909px;
	padding-bottom:100px;
	margin:0 auto;
	text-align:center;
	}

#footer p {
	color:#D6C075;
	margin-bottom:10px;
	}

#footer a:link, #footer a:visited { color:#D6C075; }
#footer a:hover, #footer a:active { color:#D6C075; }

#footer ul {margin:10px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #D6C075;
		}
	#footer li.first { border: none; }
	
	/* ------------------------ column-left framework ------------------------ */
#column-left {
	background:transparent url("images/bg-left.jpg") top repeat-y;
	width:270px;
	float:left;
	margin:0px 0px 0px 23px;
	display:inline;
	}

	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
		margin:0px 20px 10px 30px;
		color:#4C4C4C;
		}
		
	#subhead-schedule {
		background:transparent url("images/subhead-schedule.jpg") top left no-repeat;
		height:43px;
		margin-bottom:5px;
		}
		
	#subhead-featured {
		background:transparent url("images/subhead-featured.jpg") top left no-repeat;
		height:24px;
		}
		
	img.zoom-box {
		margin:25px 0px;
		}
		

	#column-left form { margin-left:25px; } /* set form margin here */

	/* single column list */
	#column-left ul { padding-left:5px; margin-top:15px; margin-bottom:15px;}
		#column-left ul li { 
			background:transparent url("images/bullet.jpg") 0px 2px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:24px; /* pushes text to the right to display bg img */
			margin-bottom:5px;
			}
			
	#left-girl {
		background:url("images/left-girl.jpg") top left no-repeat;
		height:237px;
		clear:both;
		display:block;
		}