a.button, span.button, del.button {
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
	font-size:0;
	line-height:0;
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;
	vertical-align:middle;
	padding-top:-2px;
	position:relative;
	width:10px;
	overflow-y:hidden;
}

.rtop, .rbottom {
	display:block
}
.rtop *, .rbottom * {
	display: block;
	height: 1px;
	overflow: hidden
}
.r1 {
	margin: 0 5px
}
.r2 {
	margin: 0 3px
}
.r3 {
	margin: 0 2px
}
.r4 {
	margin: 0 1px;
	height: 2px
}
#heads {
	background-color:#FFFFFF;
	border-bottom:2px solid #006600;
	height:40px;
	padding:0pt;
	width:728px;
}
.content {
	background-position:right top;
	background-repeat:no-repeat;
	border-left:1px solid #DDDDDD;
	float:left;
	font-size:12px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	padding-left:4px;
	padding-top:5px;
	text-align:left;
}
h2 {
	font-size:18px;
}
.offset {
	margin-left:-6px;
}
a:link {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
a:visited {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
#leftBox {
   float:left;
}
#nav {
   margin:0;
   padding:0;
   float:left;
   width:100%;
   border:1px solid #42432d;
   border-width:1px 0;
}
#nav a:link,
#nav a:visited {
   color:#000;
   padding:20px 15px 4px 15px;
   float:left;
   width:auto;
   border-right:1px solid #42432d;
   text-decoration:none;
   font:Calibri;
   font-size:10px;
   text-shadow: 2px 2px 2px #555;
}
#nav a:hover {
   color:#000;
   background:#727454 url(images/navbarbglite.png) 0 0 repeat-x;
}
#home #nav-home a,
#teams #nav-teams a,
#events #nav-events a,
#members #nav-members a,
#about #nav-about a,
#east #nav-east a,
#links #nav-links a,
#mp3 #nav-mp3 a,
#contact #nav-contact a {
   background:#e35a00;
   color:#fff;
   text-shadow:none;
}
#home #nav-home a:hover,
#teams #nav-teams a:hover,
#events #nav-events a:hover,
#members #nav-members a:hover,
#about #nav-about a:hover,
#east #nav-east a:hover,
#links #nav-links a:hover,
#mp3 #nav-mp3 a:hover,
#contact #nav-contact a:hover {
  background:#e35a00;
}
#nav a:active {
  background:#e35a00;
  color:#fff;
}
#nav li {
   display:inline;
   padding:0;
   margin:0;
}
.navChoice {
	font-size:10px;
	height:25px;
	padding-left:3px;
	vertical-align:middle;
	width:172px;
}
a:hover, img[onclick]:hover {
	outline: 4px -o-highlight-border;
}
button:hover, input:hover, select:hover, textarea:hover {
	outline: 4px -o-highlight-border;
}
input[type="file"]:hover {
	outline: none;
}
body {
	background:#555555 url(images/background.png) repeat-x fixed center bottom;
	font-family:Calibri;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	text-align:center;
	top:1px;
	width:943px;
}
#container {
	height:auto;
	margin:30px auto 0pt;
	padding:0pt;
	text-align:center;
	width:943px;
}
.content {
	background-position:right top;
	background-repeat:no-repeat;
	border-left:1px solid #DDDDDD;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	padding-left:4px;
	padding-top:5px;
	text-align:right;
	width:706px;
}
.contentleft {
	background-position:right top;
	background-repeat:no-repeat;
	border-left:1px solid #DDDDDD;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	padding-left:4px;
	padding-top:5px;
	text-align:left;
	width:706px;
}
#centerChannel {
	float:left;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	text-align:left;
	width:728px;
	min-height: 800px;
	border:3px solid #333333;
	float:left;
	height:auto;
}
.normal {
	background:#FFFFFF url(images/bodyback.png) repeat-x;
	color:#000000;
}
.panda {
	background:#FFFFFF url(images/panda.jpg) repeat-y;
	color:#000000;
}
.panda2 {
	background:#FFFFFF url(images/panda2.jpg) repeat-y;
	color:#000000;
}
.icy {
	background:#FFFFFF url(images/ice.gif) repeat-y;
	color:#000000;
}
.snowy {
	background:#FFFFFF url(images/snowflake.jpg) repeat;
	color:#000000;
}
#footer {
	font-size:6px;
	text-align:left;
	width:525px;
}
span.button button {
	line-height:2.5;/*Opera need this*/
}
html.safari a.button span, html.safari del.button span {
	line-height:1.3;
}
html.safari span.button button {
	line-height:2.6;
}
html.safari a.button:focus, html.safari span.button button:focus {
	outline:none;
}
del.button {
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
}
del.button span {
	cursor:default;
	color:#aaa !important;
	background-position:100% -120px;
}
span.button button, span.button input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}
/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/

/*Hover Style*/

a.button:hover, span.button:hover, a.button:focus,  a.dom-button-focus, span.button-behavior-hover {
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}
a.button:hover span, span.button:hover button, a.button:focus span,  span.button-behavior-hover button, span.button-behavior-hover input {
	background-position:100% -60px;
}
a.button:active, a.button:focus span {
	color:#444;
}
del.button-behavior-hover, del.button:hover {
	background-position:0 -180px;/* cursor:not-allowed; */
}
del.button-behavior-hover span, del.button:hover span {
	background-position:100% -180px;/* cursor:not-allowed; */
	
}
/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input {
 _behavior:expression(  (function(el) {
 if( typeof( behavior_onMouseEnter) == 'undefined') {
 behavior_onMouseEnter = function(el) {
 var dEl = this.parentNode;
 var sClass = dEl.className;
 dEl.__defaultClassName = sClass;
 dEl.className = sClass + ' button-behavior-hover';
 this.setCapture();
};
 behavior_onMouseLeave = function(el) {
 var dEl = this.parentNode;
 dEl.className = dEl.__defaultClassName;
 dEl.__defaultClassName = undefined;
 this.releaseCapture();
};
};
 el.runtimeStyle.behavior = 'none';
 el.onmouseenter = behavior_onMouseEnter;
 el.onmouseleave = behavior_onMouseLeave;
}
)(this));
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }