html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body { line-height:1; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* ...RESET */

html {
	background: #6e8ab0 url(../images/bg-html.jpg) repeat-x;
	height: 100%;
}

body {

	background: url(../images/bg-body.jpg) top center no-repeat;
	font-family: "Myriad Pro", Arial, Courier;
	line-height: 150%;
	height: 100%;

}

#container {
	margin: 0 auto; 
	width: 960px;
	background: #fff url(../images/bg-container.jpg) no-repeat;
	position: relative;
	padding-bottom: 80px;
	z-index: 1;
}

#content { position: relative; float: left; z-index: 1}

#footer {
	width: 100%;
}


#footer {
	text-align: center;
	font-size: 11px; line-height: 14px;
}
	
#footer h6 {
	font-weight: normal; padding: 0; margin: 12px 0 -7px 0;
}
#footer h6 a { text-decoration: none; color: #444; }
#footer h6 a:hover { color: #cdc; }


h2 {
	color: #0066cc;
	line-height: 120%;
	font-size: 35px;
	font-style: none;
}

h3 {
	color: #0066cc;
	font-style: none;
	font-size: 18px;	
}

p {
	padding-top: 10px;
}

h5 {
	color: #0066cc;
	padding-top: 10px;
	padding-bottom: 10px;
}

h6 {
	
	padding-top: 10px;
	padding-bottom: 10px;
}

h1 a {  /* make this h1 a */
	width: 300px;
	height: 270px;
	display: block; 
	background: url(../images/logo.png) no-repeat;
	position: relative; left: -85px; 
	text-indent: -999em;
}

ul#sidebar-one {
	position: absolute; top: 250px; left: -65px;
	width: 180px; height: 372px;
	list-style: none;
	z-index: 999; /* I've added this to put the menu on the left on top of the content div */
	
}

ul#sidebar-one li a {
	text-indent: -9999px;
	display: block;
	width: 180px;
	height: 93px;
	background: url(../images/sidebar1.png) no-repeat;
}

ul#sidebar-one li#home-link a { background-position: 0 0px }
body#home-page ul#sidebar-one li#home-link a { background-position: -180px 0px } /*  new code */
ul#sidebar-one li#home-link a:hover { background-position: -360px 0px }

ul#sidebar-one li#team-link a { background-position: 0 -93px }
body#team-page ul#sidebar-one li#team-link a { background-position: -180px -93px }
ul#sidebar-one li#team-link a:hover { background-position: -360px -93px }

ul#sidebar-one li#events-link a { background-position: 0 -186px }
body#events-page ul#sidebar-one li#events-link a { background-position: -180px -186px }
ul#sidebar-one li#events-link a:hover { background-position: -360px -186px }

ul#sidebar-one li#contact-link a { background-position: 0 -279px }
body#contact-page ul#sidebar-one li#contact-link a { background-position: -180px -279px }
ul#sidebar-one li#contact-link a:hover { background-position: -360px -279px }



ul#sidebar-two {
	position: absolute; top: 250px; left: 835px;
	width: 180px; height: 372px;
	list-style: none;
	z-index: 999;
}

ul#sidebar-two li a {
	text-indent: -9999px;
	display: block;
	width: 180px;
	height: 93px;
	background: url(../images/sidebar2.png) no-repeat;

}

ul#sidebar-two li#sports-link a { background-position: 0 0px }
body#sports-page ul#sidebar-two li#sports-link a { background-position: -180px 0px }
ul#sidebar-two li#sports-link a:hover { background-position: -360px 0px }

ul#sidebar-two li#karaoke-link a { background-position: 0 -93px }
body#karaoke-page ul#sidebar-two li#karaoke-link a { background-position: -180px -93px }
ul#sidebar-two li#karaoke-link a:hover { background-position: -360px -93px }

ul#sidebar-two li#livemusic-link a { background-position: 0 -186px }
body#livemusic-page ul#sidebar-two li#livemusic-link a { background-position: -180px -186px }
ul#sidebar-two li#livemusic-link a:hover { background-position: -360px -186px }

ul#sidebar-two li#gallery-link a { background-position: 0 -279px }
body#gallery-page ul#sidebar-two li#gallery-link a { background-position: -180px -279px }
ul#sidebar-two li#gallery-link a:hover { background-position: -360px -279px }



body#home-page #content {
	background: url(../images/contentpics.png) 150px 0 no-repeat;
	position: relative; top: -40px;
	padding: 0 210px 0 385px;
}

body#team-page #content {
	background: url(../images/teamlinepic.png) 245px 40px no-repeat; 
	position: relative; top: -75px;
	padding: 0 120px 0 235px;	
}

body#team-page #content p {

	padding-top: 1px;
	padding-left: 120px;

}

body#team-page #content h2 {

	position: relative; left: 20px;
}


body#team-page #content h3 {

	padding-top: 20px;
	padding-bottom: 2px;
	padding-left: 105px;
}




body#team-page ul#team-list li {

	position: relative; left: -80px;
	height: 110px;
	list-style: none;
}

body#team-page ul#team-list li img {

	float: left;
	width: 86px;
	height: 100px;

}




body#events-page #content {
	background: url(../images/eventscontentpic.png) 150px 0 no-repeat; 
	position: relative; top: -40px;
	padding: 0 210px 0 385px;

}

body#events-page #content span#events {
	background: url(../images/events.jpg);
	position: absolute; top: 493px; left: 150px;
	width: 219px; height: 163px;

}

body#events-page #content span#events a {
	display: block;
	width: 219px; height: 163px;
	margin-bottom: 4px;
	text-indent: -999em;
	background: rgba(0,0,0,0.1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

body#events-page #content span a:hover {
	background: none;
}


body#contact-page h2 {
	position: relative; right: -420px;
	padding-bottom: 20px; 
}

body#contact-page #content {
	background: url(../images/contactmap.jpg) no-repeat;
	position: relative; top: -10px; right: -140px;
	width: 680px;
	padding-top: 399px;
}





body#contact-page #footer {
	width: 100%;
	text-align: center;
}
body#contact-page #footer h3 {
	text-align: center;
}

body#contact-page #footer p {
	text-align: center;
}




body#sports-page #content {
	background: url(../images/sportscontentpic.png) 150px 0 no-repeat;
	position: relative; top: -40px;
	padding: 0 210px 0 385px;
}


/* added Friday Jan 29th */

body#sports-page #content span {
	position: absolute; top: 0; left: 151px;
	width: 220px; height: 668px;
}

body#sports-page #content span a {
	display: block;
	width: 220px; height: 164px;
	margin-bottom: 4px;
	text-indent: -999em;
	background: rgba(0,0,0,0.1);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}


body#sports-page #content span a:hover {
	background: none;
}

/* */

body#karaoke-page #content {
	background: url(../images/karaokecontentpic.png) 150px 0 no-repeat; 
	position: relative; top: -40px;
	padding: 0 210px 0 385px;
}


body#karaoke-page #content #winnerpic {
	background: url(../images/karaokewinner.jpg) 0 0 no-repeat;
	position: relative; overflow: hidden;
	height: 225px;
	width: 219px;
	margin-top: -15px; left: -235px;
}

ul#karaoke-links {
	position: relative; top: 50px;
	
}


ul#karaoke-links li {
	padding-left: 15px;
	margin-bottom: 10px;
	list-style: none;
}


#winnerpic span {
	position: absolute;
	top: 195px; font-size: 14px;

}

body#livemusic-page #content {
	background: url(../images/livemusicpic.png) 150px 0 no-repeat; 
	position: relative; top: -40px;
	padding: 0 210px 0 385px;
}

body#livemusic-page #content span {
	position: absolute; top: 491px; left: 150px;
	width: 216px; height: 160px;

}

body#livemusic-page #content span a {
	display: block;
	width: 216px; height: 160px;
	margin-bottom: 4px;
	text-indent: -999em;
	background: rgba(0,0,0,0.1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

body#livemusic-page #content span a:hover {
	background: none;
}


body#gallery-page #content {
	position: relative; top: -40px;
	padding: 0 125px 0 135px;
}


/* gallery styles */

a.gallery-pic { 
	float: left; margin-right: 22px; 
	position: relative; text-decoration: none;
}

a.gallery-pic img { 
	border: 9px solid white;
	border-bottom: 35px solid white;
	-moz-box-shadow: #555 2px 3px 5px;
	-webkit-box-shadow: #555 2px 3px 5px;
}

a.gallery-pic span {
	position: absolute;
	left: 10px; top: 204px;
	color: #555; font-family: serif; font-style: italic;
	text-decoration: none;
}




/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */





