html, body {
	height:100%;
	margin:0;
	padding:0;
	border:0;
	overflow:auto;
}
	
body{
	/*text-align:center;*/
	background:black url('images/Bkgrd.jpg') repeat-x center;
	color:black;
	font-family:Tahoma, Arial;
	font-size:small;
	text-align:justify;
}

.comingSoon {
	background:white url(images/coming_soon_jpg.jpg) no-repeat center center;
	width:100%;
	height:100%;
}
	
/*body>#bodyDiv {
	height:auto;
	min-height:100%;}

#bodyDiv {
	width:100%;
	height:110px;
	background:transparent url('images/board3.png') no-repeat center;
	margin:0;
	padding:0;
}*/

#bodyDiv {
	 width:834px;
	 height:100%;
	 margin:auto;
}
	
#board{
	 width:834px;
	 height:564px;
	 background:url('images/newBoard.png') no-repeat center; 
	 position:relative;
	 top:50%;
	 margin-top:-282px;
}

#contentArea {
	 width:714px;
	 height:354px;
	 overflow:auto;
	 position:relative;
	 top:112px;
	 margin:auto;
}

h1 {
	margin:10px 10px 0 10px
}

h2 {
	text-align:center;
	margin-top:5px;
	font-size:xx-large;	
	margin-bottom:5px;
}

h3 {
	text-align:left;
	font-size:small;
	margin-top:0;
	margin-bottom:10px;
}

h4 {
	text-align:center;
	font-size:x-large;
	margin-top:0;
	margin-bottom:15px;
}

p {
	padding-left:15px;
	padding-right:15px
}

a {
	text-decoration: none;
	color:red;
}

a:hover {
	text-decoration: underline;
	color:red;
}

hr {
	margin:0;
	padding:0;
}

#info {
	float:right;
	clear:right;
	border:1px gray solid;
	margin:10px;
	padding:15px 0;
	text-align:center;
	background:url('images/canopy2.png') repeat-x center top;
	color:#990033;
	width:155px;
}

#navArea {
	width:720px;
	height:29px;
	margin:auto;
	margin-top:136px;
}


/*thanks to wheezy360 of bluesfear.com for this navigation!!!!!*/

ul#nav { 
	list-style-type: none; 
	margin:0; 
	padding:1px 19px; 
	width: 100%;
}

ul#nav li { 
	float: left; /* float is the key to making the list go horizontal */ 
	margin:0 19px;
}

ul#nav li a { 
	display: block; 
	height: 27px;
}

li#home a { /* Set the width of the <a> tag to the width of one of the image states */
	background: transparent url('images/home.jpg') 0 0 no-repeat; 
	width: 60px;
	/*position:absolute;
	top:0;
	left:12%;
	margin-left:-30px;*/
}

li#home a:hover { /* The ON state is 43 pixels to the right of the image itself, so when you hover on the link it moves the background position 43 pixels over to show the ON state */
  	background-position: -60px 0; 
}

li#show a { /* Set the width of the <a> tag to the width of one of the image states */
	background: transparent url('images/show.jpg') 0 0 no-repeat; 
	width: 132px;
	/*position:absolute;
	top:0;
	left:30%;
	margin-left:-66px;*/
}

li#show a:hover { /* The ON state is 43 pixels to the right of the image itself, so when you hover on the link it moves the background position 43 pixels over to show the ON state */
  	background-position: -132px 0; 
}

li#snack a { /* Set the width of the <a> tag to the width of one of the image states */
	background: transparent url('images/snack.jpg') 0 0 no-repeat; 
	width: 108px;
	/*position:absolute;
	top:0;
	left:50%;
	margin-left:-54px;*/
}

li#snack a:hover { /* The ON state is 43 pixels to the right of the image itself, so when you hover on the link it moves the background position 43 pixels over to show the ON state */
  	background-position: -108px 0; 
}

li#directions a { /* Set the width of the <a> tag to the width of one of the image states */
	background: transparent url('images/directions.jpg') 0 0 no-repeat; 
	width: 86px;
	/*position:absolute;
	top:0;
	left:68%;
	margin-left:-43px;*/
}

li#directions a:hover { /* The ON state is 43 pixels to the right of the image itself, so when you hover on the link it moves the background position 43 pixels over to show the ON state */
  	background-position: -86px 0; 
}

li#contact a { /* Set the width of the <a> tag to the width of one of the image states */
	background: transparent url('images/contact.jpg') 0 0 no-repeat; 
	width: 106px;
	/*position:absolute;
	top:0;
	left:85%;
	margin-left:-53px;*/
}

li#contact a:hover { /* The ON state is 43 pixels to the right of the image itself, so when you hover on the link it moves the background position 43 pixels over to show the ON state */
  	background-position: -106px 0; 
}



/*end of wheezy's code. thanks bro!!!*/

/* pngfix stuff //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
img, div, input, ul, li { behavior: url("iepngfix.php") }
/*end pngfix stuff*/

/* begin poopscroller //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* force poopsicle to always display the vertical scrollbase */
.vscrollerbase {
visibility: visible !important;
}
/* poopsicle adapts to this CSS setting and sets positions correctly */


/* And style your scrollbar like you normally do */
.vscrollerbase {
width: 15px;
background: #D7EBDF url('images/ZZprimaryScroller.png') 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: #99CBCB url('images/ZZprimaryScroller.png') -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: #D7EBDF url('images/ZZsecondaryScroller.png') 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #99CBCB url('images/ZZsecondaryScroller.png') 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url('images/ZZprimaryScroller.png') -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url('images/ZZprimaryScroller.png') -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url('images/ZZprimaryScroller.png') -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url('images/ZZprimaryScroller.png') -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url('images/ZZsecondaryScroller.png') 0px 0px;
}
.vscrollerbasebeg {
background: url('images/ZZprimaryScroller.png') -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url('images/ZZprimaryScroller.png') -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url('images/ZZprimaryScroller.png') -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url('images/ZZprimaryScroller.png') -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url('images/ZZprimaryScroller.png') -45px -15px;
}
/*end poopscroller */







































/* end CSS */