/* CSS Document */

html, body { background-color:#FFFFFF;color:#000000; margin: 0 0 0 0; vertical-align: middle; font-size: 12pt;font-family: Verdana; }  

/* Page structure Elements */
#container { width: 695px; margin: 0 auto; padding-top:0; height:100%;min-height:1300px;background-image:url(images/background.gif); background-repeat:repeat-y  } 
#bodytext {margin-left:165px; min-height: 1000px; padding-top:10px; text-align: left;  }
/* min width hack for IE*/
* html #container {height:1200px;} 


/* Navigation Elements */
#nav {float: left; width: 150px; height:100%;min-height:100%;}
ul#navlist { margin-top:20px; padding-bottom:0px;list-style:none; }
#navlist li {float:left; margin-left:-19px; list-style-type:none; padding-bottom:5px; }	
#navlist a {display:block; text-decoration: none; text-indent:-9999px; height:80px} 

li#nav_1 {background :url(images/home.jpg) no-repeat 0 0; height:80px; width:120px; }
li#nav_2 {background :url(images/clubs.jpg) no-repeat 0 0; height:80px;  width:125px;}
li#nav_3 {background :url(images/about.jpg) no-repeat 0 0;height:80px; width:120px;  }
li#nav_4 {background :url(images/machines.jpg) no-repeat 0 0;height:80px; width:125px; }
li#nav_5 {background :url(images/custom.jpg) no-repeat 0 0; height:80px; width:125px;}

li#nav_1 a:hover { background : url(images/home_y.jpg) no-repeat 0 0;}
li#nav_2 a:hover { background : url(images/clubs_y.jpg) no-repeat 0 0; }
li#nav_3 a:hover { background : url(images/about_y.jpg) no-repeat 0 0;}
li#nav_4 a:hover { background : url(images/machines_y.jpg) no-repeat 0 0;}
li#nav_5 a:hover { background : url(images/custom_y.jpg) no-repeat 0 0; }



/* Body left and right only divide home page so it should be OK to hard code width*/
.bodyleft{float: left; padding-left:40px; width:200px; background-image:url(images/whatsnew.jpg); background-repeat:no-repeat; height:350px;vertical-align:bottom;font-weight:bold; }
.bodyleft p{padding-top:140px;margin-left:-70px;text-align:center;}
.bodyright{float: left; padding-left:40px; width:195px; background-image:url(images/blockotmonthv2.jpg);  background-repeat:no-repeat; height:250px; vertical-align:bottom;margin-top:20px; font-weight:bold;  }
.bodyright p{padding-top:120px;margin-left:-70px;text-align:center;}

/* HTML object Elements */
.centeredImage{text-align:center;margin-top:0px;margin-bottom:0px;padding:0px;}
.pad {padding-left:10px;}
.contact {text-align:center; color:#FF0000; font-weight:bold;}
h1 {font-size: 15px;font-family: Verdana, Helvetica, Arial, sans-serif;font-weight: bold;text-align: left;color:#000000;
word-spacing: 0;text-indent: 0;line-height: 100%;margin: 0;padding-top:15px; }
a {outline: none;}
a img { border:none; }