/* Universal style rule */	
/* block all browser default margins and padding */
*{
  margin: 0;
  padding: 0;
}


/* Body text and page background */
body{
    font-family: Times, Arial, Sans-Serif;
    font-size: 1em;
    color: #000;
    background:#0000cd url("water8.jpg") repeat;
   
}

body a{
   color:#000;
}

/* Level-1 Headings */
h1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    color: #603;
    text-align: center;
}

/* Level-2 Headings */
h2{
    font-family: Times, Arial, Helvetica;
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    text-align: center;
}



/* Create a class of link named 'navbar' */

#navbar {
   margin: .5em auto;
   width:75em;
   list-style-type: none;
   font-size:11pt;
   height: 5em;
   font-weight:bold;
   /*border: 1px solid black; */
 }

/*Remove bullets from ul in navbar */
#navbar ul {
   list-style-type:none;
}

/*List items in the navbar */
#navbar ul li {
   float:left;
   width: 8.5em; 
}
#navbar ul li a,
#navbar ul li a:link,
#navbar ul li a:visited{
   text-decoration: none;
   font-family:Arial, Sans-Serif;
   padding: 7px;
   color:#3917cc;
   background: #aaa url(navbak.jpg) repeat-x center;
   display:block;
   height:3em;
   width:7em;
   border-left: .25em #009 outset;
   border-top: .25em #009 outset;
   border-right: .25em #369 inset;
   border-bottom: .25em #369 inset;
   text-align:center;
   line-height:1.5em;
   letter-spacing: 0.1em;
   outline-style:none;
}


#navbar ul li a:hover {
   color: #000;
   background: #aaa url(navhover.jpg) repeat-x center;
   padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

#navbar ul li a:active {
   color: #f00;
   background-color: #aaa;
}

/* Navbar hover, active and current page links */
#navbar li a:hover,
#navbar li a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
   background: #aaa url(navhover.jpg) repeat-x center;
   color: #ff0000;
}

/* Blockquotes */
blockquote{
    font-family: 'Courier New', Courier, Monospace;
    text-align: justify;
}

/* Paragraphs */
p {
   text-align:center;
}

 /* Float image to left of paragraph */
img.floatLeft{
    float: left;
    margin-right: 10px;
}

/* Float image to right of paragraph */
img.floatRight{
    float: right;
    margin-left: 10px;
}
/* Center image between margins */
div.center{
    width: 100%;
    text-align: center;
}

/* Div Tags */

div{
text-align:center;
}


/* specs for images on photos page */
table.photos td img{
  width:15em;
  border:2px solid #009;
  background:#ddd;
  text-align:center;
  padding: .2em;
  margin: .3em 0 .1em 0;
}

/*Style for tables of thumbnail images*/
table.thumbs{
  vertical-align: middle;
  text-align:center;
  border-collapse:collapse;
}

/*style for table cells that contain thumbnails*/
td.thumbs{
  /* border:1px solid black; */
  padding: .3em;
}

/*style for thumbnail images*/
img.thumbs{
  width:8em;
} 


/* Table Specs for Tournaments */

table.tournaments
{
width: 50em;
margin:auto 0;
border: 7px groove #09c;
background-color: #fff;
text-align: center;
vertical-align: middle;
}

table.tournaments td
{

border: 2px solid #000;
padding: 10px;
background-color: #9cc;
}

table.tournaments th
{
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size:14pt;
font-weight: bold;
vertical-align: baseline;
background-color: silver;
}

table.tournaments tr.closed td
{
 background-color: #9ff;
}

/* Table Specs for Youth Tournaments */

table.ytournaments
{
width: 50em;
margin:auto 0;
border: 7px groove #3f0;
background-color: #ff6;
text-align: center;
vertical-align: middle;
}

table.ytournaments td
{

border: 2px solid #366;
padding: 10px;
background-color: #cff;
}

table.ytournaments th
{
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size:14pt;
font-weight: bold;
vertical-align: baseline;
background-color: silver;
}




/* Table Specs for standings */

table.standings
{
width:40em;
margin:auto 0;
border: 7px double #09c;
background-color: #fff;
text-align: center;
vertical-align: middle;
}

table.standings td
{
border: 2px solid #000;
padding: 8px;
background-color: #9cc;
}

table.standings th
{
font-family: Arial, Helvetica, sans-serif;
padding:5px;
text-align: center;
font-weight: bold;
font-size:14pt;
vertical-align: baseline;
background-color: silver;
}

table.standings tr.q td
{
 background-color: #9ff;
}


/* Table Specs for Youth standings */

table.ystandings
{
width:40em;
margin:auto 0;
border: 7px double #3f0;
background-color: #ff6;
text-align: center;
vertical-align: middle;
}

table.ystandings td
{
border: 2px solid #366;
padding: 8px;
background-color: #cff;
}

table.ystandings th
{
font-family: Arial, Helvetica, sans-serif;
padding:5px;
text-align: center;
font-weight: bold;
font-size:14pt;
vertical-align: baseline;
background-color: silver;
}

table.ystandings tr.q td
{
 background-color: #9ff;
}

/*specs for youth menu */
td.youthmenu {
   width:5em; 
   border:thick groove #3f0; 
   background-color:#cff;
}


/* Table Specs for Sponsors */

table.sponsors{ 
  overflow:auto;
  border: 1px solid #000;
  background: #ccc;
  width:80%;
}

table.sponsors td{
  border: none;
  overflow: auto;
  padding:.5em;
}

table.sponsors td img{
  width:10em;
}

/* Table Specs for By-Laws */

.bylaws
{
border: 1px solid #000;

text-align:center;
}

table.content
{
table-layout:fixed;
border: 0;
width: 800px;
overflow:hidden;
text-align: left;
float:right;
}

table.content td
{
border: 0;
margin: 2px;
padding: 2px;
overflow: auto;
}

/* Specs for By Law Change Summary Table */

table.summary
{
border: 0;
table-layout:fixed;
width: 550px;
text-align: left;
}

table.summary td
{
margin: 1.25em;
padding: .1em;
}

/* Table Specs for Members Page */

table.members{
  width:50em;
  text-align:center;
}


table.members td{
  vertical-align:bottom;
  padding: .4em;
  border: 2px solid #009;
  background:#6cc;
}

/* Applied to images in the members table */
table.members td img{
  width:8.4375em;
  border:1px solid #000;
}



/* Table Specs for Youth Members Page */

table.ymembers{
  width:50em;
  border: 7px groove #3f0;
  text-align:center;
}


table.ymembers td{
  vertical-align:bottom;
  padding: .4em;
  border: 2px solid #366;
  background-color: #cff;
}

/* Applied to images in the members table */
table.ymembers td img{
  width:8.4375em;
  border:.5px solid #000;
}



/* Page header style */
#header{
  margin:1em 2em 0 12em;
  text-align:left;
  width:40em;
  /* border: 1px solid black;*/  
}

/* Table Specs for Header */

#header table td
{
  /* border:1px solid black; */
  padding: .1em;
  width:13em;
  text-align:center;
}

#header table td h1{
  font-size: 1.5em;
  font-weight:bold;
  font-family: Times, Arial, Sans-Serif;
  color: #009;
  text-align:center;
  
}

/* Image Headings */
#header table td h2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #603;
    text-align: center;
}

#header table td img{
  width:10em;
  border:3px solid #369;
  padding:.4em;
  background:#fff;
  text-align:center;
}


/* Style for sidebar column with menus*/
/* width of sidebar 12em */
  #sidebar{ 
  /* border:1px solid black; */
  float: left;           
  display: block;           
  padding: .5em;         
  margin:.5em;
  width:10em;
}
        
/*Remove bullets from ul in sidebar */
#sidebar ul {
   list-style-type:none;
   text-align:center;
}


/*leftcolumn with no menus */
/* width of leftcolumn 12em */
  #leftcolumn{ 
  float: left;           
  display: block;
  background:#fff;
  border: 1px solid #000;           
  padding: .5em;         
  margin:.5em;
  width:10em;
}

/*Remove bullets from ul in leftcolumn */
#leftcolumn ol {
   list-style-type:none;
   text-align:left;
}

/* Image size in left column */
#leftcolumn p img{
   width:10em;
}

/*imagecolumn to display images on left of main */
/* width of imagecolumn 12em */
  #imagecolumn{ 
    float: left;           
    display: block;                    
    margin:.5em;
    width:11.5em;
}

/*leftcolumn for minutes with no menus */
/* width of leftcolumn 7em */
  #minutes{ 
  float: left;           
  display: block;
  background:#fff;
  border: 1px solid #000;           
  padding: .5em;         
  margin:.5em;
  width:6em;
}

/*Remove bullets from ul in leftcolumn */
 #minutes ul {
   list-style-type:none;
   text-align:center;
}

/* main content */
#main{     
/* left margin 12em to allot for sidebar width */
  margin: 1em 2em 1em 13em;
  /* border:1px solid black; */
}

/* Blockquotes in main */
#main blockquote{
    width:80%;
    background:#cccccc;
    border: 2px solid #009;
    font-family: 'Courier New', Courier, Monospace;
    padding:1em;
    text-align:left;
}

/* Page footer style */
#footer{  
  clear:both;   
  width: 100%;
  border-top: solid 1px #117b6f;
  padding:0.5em;
  text-align:center;
  margin-bottom:.5em;
     
}

#footer a:link,
#footer a:visited{
/* No underline on links */
  text-decoration:none;
}

#footer a:hover,
#footer a:active{
  color:#009;
  border: dotted 2px #333;
}

.hotkey{
  text-decoration:underline;
}


/* Wrapper */
#wrapper{
  width:70em;
  margin: 0 auto;
  /*border: 1px solid black;*/
  }

/* Navbar division (For vertical navbar) */
#menu{
width:80%;
/* Center horizontally */
margin:1em auto;
text-align:center;
}

/* Remove bullets from ul in the navbar */
#menu ul{
list-style-type:none;
}

/* List items in the navbar */
#menu li{
  border:1px solid #000;
background:#fff;
/* For flyout menus */
  position:relative;
}

/* Applies to navbar links, unvisited and visited */
#menu a,
#menu a:link,
#menu a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;
  background:#fff; 
  display:block;
  height:2em;
  width:auto;
  border-right: solid 1px #ddd; 
  line-height:2em;
  text-align:center;
  outline-style:none;
}

/* Menu hover, active, and current page links */
#menu a:hover,
#menu a:active,
#menu li.selected a:link,
#menu li.selected a:visited{
  background:#ddd;
  color:#000099;
}

/********** Flyout menu styles */
/* Applies to flyout menus in navbar */
#menu li ul{
  position:absolute;
  top:0;
  left:99%;
  z-index:105;
  visibility:hidden;
}

/* Make flyout menu visible on navbar hover */
#menu li:hover ul,
#menu li a:hover ul{ /* IE6 hack */
  visibility:visible; 
}

/* Applies to links on the drop-down menu */
#menu li:hover ul li a,
#menu li a:hover ul li a{ /* IE6 hack */
  background:#ccc; /* Removes background image */
  color:#000;
  text-align:left;
  display:block;
  width:10em;
  padding:0 0 0 1em;
  height:auto; 
}

/* Hover on drop-down menu links */
#menu li:hover ul li a:hover,
#menu li a:hover ul li a:hover{ /* IE6 hack */
  background: #aaa; 
  color:#000;
}

/* IE6 hack applies to table flyout manus */
#menu table {
  margin:-1px; 
  border-collapse:collapse; 
  position:absolute;
  top:0em;
  left:99%;
  z-index:105;
}

@media print{
/* Start printer-friendly styles */

/* Set wrapper to fill page width */
#wrapper{
 width:100%;
}

/* Hide leftcolumn, navbar,and footer */
#main td img,
#leftcolumn,
#sidebar,
#menu,
#navbar,
#footer{
display:none;
}

/* Get rid of main div margins and
padding. Use a different font for print */
#main{
margin:.5em;
padding:0;
font-family:'Century Schoolbook', Times, Serif;
font-size:1em;
 }
}
/*End printer-friendly styles */

/*Site Map*/
 div.site{
  width:25em;
  margin:1em 0 0 5em;
  color:#000;
}

div.site h2{
  text-align:left;
  margin:0.25em 0;
}
div.site ul{
  margin:0em 3em;
 }

div.site ul li{
  text-align:left;
}

div.site a:link{
  color:#000;
  text-decoration:underline;
}