body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #e2edff;
  line-height: 125%;
  padding: 0;
  margin: 0;
}

#header {
  border-top: 3px solid #7da5d8;
}

#tagline p {
  font-style: italic;
  font-family: Georgia, Times, serif;
  border-top: 3px solid #7da5d8;
  border-bottom: 3px solid #7da5d8;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .8em;
  margin: 0;
}


#navigation {padding-left: 3px;
             padding-top:  5px;
             width: 160px;
             height: 480px;
			 background:#7da5d8;}
			 

#bodycontent {padding-top:  10px;}


/* Fonts */

h1, h2, h3 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: x-large;
  background-color: navy;
  color: white;
  padding-top: 2em;
  padding-bottom: .2em;
  padding-left: .4em;
  margin: 0;
  }

h2  {font-size:100%;
     font-weight:bold;
	 color:navy;}

h3  {font-size:80%;
     font-weight:bold;
	 color:purple;
	 padding-top: 10px;
	 margin-top: 5px;}	 
	 
h4  {font-size:70%;
     font-weight:normal;
	 color:navy;
	 padding-top: 5px;
	 margin-top: 5px;}	 
	 
h5   {font-size:      small;
      text-align:     left;
	  padding-top:    5px;	 
	  padding-bottom: 1px;	 
      font-weight:    bold;
	  color:          #000066;}	 	 
	 

h6 {font-size:      small;
    text-align:     left;
    font-weight:    bold;
	color:          #000066;
	padding:2px;
	margin: 0px;}	 	  

p   {font-size:small;
     color:navy;
	 font-weight:normal;}	

em {
  text-transform: uppercase;
}



.photo p        {font-size:      70%;
                 font-style:      italic;
                 text-align:     left;
                 font-weight:    bold;
				 color:          #000066;}	




/* Anchors Links */


a:link   {color:navy;}
a:visited{color:navy;}
a:hover  {color: #621313;} 
a:active {color:black;}	


#navigation a {font-size: small;
               font-weight:bold;
               background: transparent;
			   text-decoration: none;
			   }

#bodycontent a        {font-weight:normal;}
#bodycontent a:link   {color:navy;}
#bodycontent a:visited{color:navy;}
#bodycontent a:hover  {color: #621313;} 
#bodycontent a:active {color:black;}	


/* lists */

#navigation ul 
   {list-style: none;
	margin: 3px;}	 			 
			
#navigation li  
    {font: 60% Verdana, Geneva, Arial, Helvetica, sans-serif;
     border-bottom: 1px solid navy; 
	 margin-top:  3px;
	 padding-top: 3px;}	

#navigation p	 
{font-size:           small;
	  padding-top:    2px;
	  padding-bottom: 0px;
      font-weight:    bold;
	  color:          #000066;}	 	 
	 
/* Tables  */	

.eventab,
.gametab,
.officertab,
.linktab,  
.matchtab,
.boardtab,
.memberstab,
.resultstab,
.archivetab,
.fixturestab
          {border-collapse: collapse;}
          
.eventab    caption,
.gametab    caption,
.officertab caption,
.linktab    caption,  
.matchtab   caption,
.boardtab   caption,
.memberstab caption,
.resultstab caption,
.archivetab caption,
.fixturestab caption,
.blitztab   caption
                {font-size:      small;
                 text-align:     left;
				 padding-top:    10px;
	             padding-bottom: 5px;
                 font-weight:    bold;
				 color:          #000066;}
                 
.eventab    th, td,
.gametab    th, td,
.officertab th, td,
.linktab    th, td,  
.matchtab   th, td,
.boardtab   th, td,
.memberstab th, td,
.resultstab th, td,
.archivetab th, td,
.fixturestab th, td,
.blitztab   th,td
             {padding: 4px;
			  border: 1px solid black;
			  color:  navy;}
			  
			  
.eventab    th,
.gametab    th,
.officertab th,
.linktab    th,  
.matchtab   th,
.boardtab   th,
.memberstab th,
.resultstab th,
.archivetab th, 
.fixturestab th,
.blitztab   th
            {font-size: x-small;
             text-align: left;
             background   :#241374;
			 padding-top:    0;
	         padding-bottom: 0;
	         padding-left:   2px;
	         padding-right:  2px;
		     color        :#ffffff;}
              
			     
.eventab    td,
.gametab    td,
.officertab td,
.linktab    td,
.matchtab   td,
.boardtab   td,
.memberstab td,
.resultstab td,
.archivetab td,
.fixturestab td,
.blitztab   td
             {font-size: small;
              font-weight:normal;
              background   :#e2edff;}
              
.resultstab   {width:100%;} 
.resultstab td{font-size:80%;}             

.blitztab            {width: 80%}                
.blitztab td           {font-size: x-small;}      

/* Highlight row script
.eventab tr:hover, .eventab tr.hilite {
	background-color: red;
	color: yellow;
}
*/

/* Newsbox  */

.newsbox {
	padding: 3px 4px 3px 6px;
	margin: 20px 3px 2px 50px;
	border: 1px solid navy;
	background-color: #e2edff;
	width: 550px;
	left: 200px;}
	

.newsbox h1, h2, h3, h5 
          {margin:  0;
	       padding: 0;
		   background: #e2edff; }

.newsbox h1 {font-size: 85%;
             color: purple;}

.newsbox h2, h3  {color:navy;}	
	        
.newsbox h2  {font-size:80%;
              font-weight:normal;}

.newsbox h3 {font-size: 70%;
	         font-weight:bold;}	        

.newsbox h5   {font-size:      small;
               font-weight:    bold;
	           color:          navy;}	 




/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.
*/

#navigation, #bodycontent, #header {position: absolute;}

#navigation, #bodycontent {top: 107px;}

#bodycontent {left: 200px;}

#header {width: 100%;}