body { font-family: arial, sans-serif; font-size: small; background-image: url(../Images/background.jpg); background-repeat: repeat-x; background-position: top center; background-color: #050521; }
a { text-decoration: none; }

#masthead { width: 928px; margin: 5px auto 0px auto; padding: 20px 20px 0px 20px; background-image: url(../site_topedge.png); background-repeat: no-repeat; background-position: top center;}
#shell { width: 928px; margin: 0px auto 0px auto; padding: 0px 20px 4px 20px; background-image: url(../site_edges.png); background-repeat: repeat-y; background-position: top center;}

#header { width: 928px; height: 92px; background-image: url(../Images/header_background.jpg); background-repeat: repeat-x; background-position: right top; }
#header a { display: block; background-image: url(../Images/mainlogo.jpg); width: 492px; height: 92px; text-indent: -9999px; }

#navigation { position: relative; width: 928px; height: 31px; background-image: url(../Images/navigation_background.gif); background-repeat: repeat-x; }
#navigation li { display: inline; line-height: 31px; }
#navigation li a { display: block; height: 31px; float: left; background-position: left top; text-indent: -9999px; }
#navitem1 { width: 149px; background-image: url(../Images/navitem1.jpg); }
#navitem1.active { background-position: left bottom;  }
#navitem2 { width: 140px; background-image: url(../Images/navitem2.jpg); }
#navitem2.active { background-position: left bottom; }
#navitem3 { margin-left: 10px; width: 155px; background-image: url(../Images/navitem3.jpg); }
#navitem3.active { background-position: left bottom; }
#navitem4 { width: 134px; background-image: url(../Images/navitem4.jpg); }
#navitem4.active { background-position: left bottom; }
#navitem5 { width: 90px; background-image: url(../Images/navitem5.jpg); }
#navitem5.active { background-position: left bottom; }

#pins { display: block; position: absolute; right: 0px; bottom: 0px; z-index: 99; width: 204px; height: 142px; background-image: url(../Images/bowlingpins.png); }

#subnavigation { padding-left: 20px; width: 908px; height: 28px; background-image: url(../Images/subnavigation_background.gif); background-repeat: repeat-x; clear: left;}
#subnavigation li { display: inline; line-height: 28px; color: #fed008; }
#subnavigation a { color: #fed008; }
#subnavigation a:hover { color: #ffffff; }
.hidemenu { display: none; } 

#subnavtext { float: right; color: #fed008; margin-top: 8px; margin-right: 6px; }
#sibnavtext b { color: #ffffff; }

#main { width: 928px; background-image: url(../Images/main_background.gif); background-repeat: repeat-y; background-position: top left; margin: 0px;}
#misc { width: 235px; float: left; background-color: #A4C4E1; margin-bottom: 5px; }
	#events { background-color: #316dbc; text-align: center;}
	#misc h2 { display: block; width: 235px; height: 30px; text-indent: -9999px; background-image: url(../Images/upcoming_events.gif);}
	#misc .title { display: block; color: #ffcf0e; font-weight: bold; margin-top: 16px; }
	#misc .day { color: #ffffff; font-weight: bold; font-size: 85%; padding: 4px; }
	#misc .details { color: #ffffff; font-size: 85%;  }
	#misc .events_button { margin-top: 4px; }
	
	#altnavigation li { display: inline; }
	#altnavigation li a { font-weight: bold; background-color: #5f8ac4; color: #ffffff; display: block; margin: 4px; padding: 6px;}	
	
	#misc h3 { display: block; width: 226px; height: 85px; background-image: url(../Images/address_banner.gif); margin: 0px auto 0px auto; text-indent: -9999px; }
	#misc .directions { display: block; width: 226px; height: 153px; background-image: url(../Images/directions_banner.gif); margin: 5px auto 0px auto; text-indent: -9999px; }
    #misc h4 { display: block; width: 226px; height: 155px; background-image: url(../Images/giftcard_banner.jpg); margin: 10px auto 0px auto; text-indent: -9999px; }

#calendar { margin-left: auto; margin-right: auto; width: 220px; text-align: center;}
    .calendar td, th { padding: 2px; margin: 2px; height: 20px; font-size: 11px; vertical-align: middle;}
    .dayStyle { background-color: #72a0d4; color: #002562; text-align: center; padding: 2px; margin: 2px;}
    .dayStyle a { color: #002562; }
    .dayHeaderStyle { background-color: #234baa; color: #326cbd; text-align: center; font-weight: bold; }
    .otherMonthDayStyle { background-color: #437ecc; color: #437ecc; text-align: center; }
    .titleStyle { width: 200px; background-color: #244baa; color: #a1c8ef; font-weight: bold; text-align: center; height: 15px;}
    .titleStyle td { text-align: center; font-weight: bold; padding: 0px; }
    .nextprevStyle a { color: #ffd20a; }
    .selectedDay { text-align: center; font-weight: bold; color: Red;}

#content { display: block; width: 670px; margin-left: 235px; margin-top: 0px; padding: 0px 10px 10px 10px; }

#footer { clear: both; color: #14147b; font-weight: bold; width: 928px; padding: 0px 20px 20px 20px; height: 49px; margin: 0px auto 10px auto; background-image: url(../site_bottomedge.png); background-position: bottom center; background-repeat: no-repeat; }
#address { float: left; line-height: 49px; padding-left: 240px; background-image: url(../Images/footer_logo.jpg); background-repeat: no-repeat;}
#copyright { text-align: right; line-height: 49px; padding-right: 10px; background-image: url(../Images/footer_rightedge.gif); background-repeat: no-repeat; background-position: top right;}