/* BODY */
html {background-color: #fff; text-align:center;}
body {background-color: #fff; font-family: verdana; font-size: 10pt; padding: 0; text-align:left;}
#main {position: relative; width: 1000px; border: 2px solid black; margin: 20px auto}

/* Menu */
/* #nav {background: url('images/bar.jpg'); height: 26px; width: 1000px; position: relative; top:-4px; left: 0;} */
/* #nav ul {margin: 0; padding: 4px 0px 4px 7px;} */
/* #nav li {float: left; list-style: none; border-left: solid 1px #ccc;} */

/* #nav a, #nav span {display: block; color: #fff; text-decoration: none; margin: 0; padding: 0 12px 2px 13px; border-right: solid 1px #000;} */
/* #nav a:hover {background: url('images/navHover.jpg');} */

/* #nav li#first {border-left: none; margin-left: -5px;} */
/* #nav li#last a {border-right: none;} */

#nav
 {
  background-image: url('images/bar.jpg');
  background-repeat:repeat-x;
	height: 26px;
	position: relative;
	top: -4px;
	left: 0px;
	padding-right: 40px;
	z-index: 30;
 }
 
#menu
 {
 font-size: 10pt;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 4px 0 0 0px;
  clear: right;
  float: right;
}

#menu li 
 {
  border-left: solid 1px #ccc;
  float:left;
 }
 
li#firstmenuitem {border-left: solid 1px #000;}
li#firstmenuitem a {border-left: solid 1px #ccc;}
li#lastmenuitem {border-right: solid 1px #ccc;}
#menu li a
 {
  border-right: solid 1px #000;
  color: #fff;
  display: block;
  padding: 1px 15px 3px 15px;
  text-decoration: none;
  min-width: 65px;
  text-align: center;
 }
#menu li a:hover 
 {
  /* background-color: #009; */
	background: url('images/navHover.jpg')
 }
#menu a.pseudolink:hover
 {
  background-color: #69c;
	cursor: text
	} 
	
#menu li ul 
 { /* second-level lists */
  display: none; /*using height instead of left as top and left leave traces affecting mouseout in IE and right and bottom extend body*/
  list-style: none;
  border-left: none;
  margin: 5px 0 0 0;
  padding: 0;
  width: 95px;
 }
 
#menu li ul li
 {
  border-left: solid 0px #f00;
 }

#menu li:hover ul ul, #menu li:hover ul ul ul
 {
  /* left: -999em; */
	visibility: hidden;
 }
#menu li ul li a 
 { /* second-level lists */
   background-color : #555;
	border-top: solid 1px #fcc;
	height: 18px;
	padding: 1px 0 0 7px;
	width: 95px;
	text-align: left;
 }
#menu li ul li ul li a
 { /* third-level lists */
  width: 150px;
 }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul 
 { /* lists nested under hovered list items */
  /* left: auto; */
	display: block;
 }
 
 .submenu {text-align: center;}

/* Popup Pictures */
a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:150px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:0; /* add a border */
left:30px; /* position:the image */
top:-50px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:200px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}



#home #homeLink, #infoLink, #mapLink, #contactLink, #newsLink, #mens1stLink, #ladies1stLink, #mens2ndLink, #ladies2ndLink , #mens3rdLink, #ladies3rdLink, #shopLink , #compsLink, #logonLink {background: url('images/navHover.jpg');}

/* Content Left */
#contentleft {text-align: left; width: 780px; float: left; margin: 10px 0 10px 10px;}
#contentleft h1 {font-size: 16px; color: #009933; margin: 10px 0 2px 0;}
#contentleft h2 {font-size: 14px; color: #009933; margin: 10px 0 2px 0;}
#contentleft p {margin: 0 0 5px 0;}
#contentleft td {padding: 1px 8px; font-size: 12px;}
/*#contentleft td a {color: #f00;}*/

/* Content Right */
#contentright {width: 190px; float: right; text-align: center; margin: 10px 10px 0 0;}
#contentright img {margin: 10px 0;}
#contentright img#team {margin: 10px 0 0 0;}
#contentright h1 {font-size: 16px; color: #009933; margin: 10px 0 2px 0;}
#contentright a {text-decoration: underline;}


/* FOOTER */
#footer {width: 1000px; clear: both; border-top: 1px solid black; font-size: 10pt; background: url('images/bar.jpg');}
#footer p {margin: 0 10px; padding: 5px 0px; color: #FFF;}
#footer a {color: #FFF;}