/*  
Name: Stowmarket Table Tennis Club
Description: Style Sheet for Stowmarket Table Tennis Club website
Author: Nora Aldous
*/

/* Begin Basic Structure */

  body {
	font-size: 1em;
	font-family:  'Times New Roman', serif;
	margin: auto;
	}
	
  #header {
	background-color: #297013;
	border-style: outset inset inset outset;
	border-width: 2px;
	border-color: #297013;
	width: 800px;
	height: 160px;
	margin: auto;
	clear: both;
	}
	
#content{
	background-color: #fff;
	margin: auto;
	width: 770px;
	padding: 5px 15px 40px 15px;
	border-top: none;
	border-right:inset 2px #297013;
	border-bottom:solid 1px #D1D2FF;
	border-left:outset 2px #297013; 
	clear: left;  }
	
	
#footer {background-color: #fff;
	border-style: none inset inset outset;
	border-width: 2px;
	border-color: #297013; 
	margin: auto;
	width: 700px;
	color: #666666;
	text-align: center;
	font-size: 0.7em;
	font-family: 'Arial', sans-serif;
	padding: 30px 50px 30px 50px;
	clear: both;
	}
	
.page {display: block;
	width: 100%;
	padding: 0px;
	background-image: url(background.jpg);
	background-color: #fff;
	background-repeat: repeat;
	background-attachment: scroll;
	}

.copy {	text-align: left;
	font-size: 1em;
	font-family:  'Times New Roman', serif;
	padding: 3px 20px 20px 20px;
	}

/* Begin navigation styles */

#navcontainer {
width:800px; 
background-color: #fff;
margin: 0 auto;
border-style: none inset none outset;
border-width: 2px;
border-color: #297013;
clear: both;}


#navbar, #navbar ul {
	list-style: none;
	line-height: 1em;
	color: #000;
	background-color: transparent;
	font-size: 0.90em;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0 auto;
	width: 800px;
 }  
/* -------------------------- */
  
/* Top navigation links */
  
#navbar a {  display: block;  	
padding: 5px 20px;  	
color: #297013;	  	
background-color: #ffffff;  	
text-decoration: none;  }
  
#navbar a.one, #navbar a.two, #navbar a.three, #navbar a.four, #navbar a.five, #navbar a.six {  text-align: left;  	
font-size: 1em; }
  
#navbar li {  float:right;  	
padding: 1px 0 0 0; }
  
/* -------------------------- */  
/* The dropdown links lists */ 
 
#navbar li ul {  	position: absolute;  	
left: -999em;  	
height: auto;  	
width: 150px;   	
font-weight: normal;
border-style: none solid none solid;
border-width: 1px;
border-color: #297013;  	
background-color: #297013;  	
margin: 0;  }
  
#navbar li li {  	padding: 0;  	
width: 140px; }
  
#navbar li ul a {  	padding: 5px 10px;  	
width: 120px;  	
* html width: 100px;  }
  
#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li.sfhover1 ul ul, #navbar li.sfhover1 ul ul ul {  	left: -999em;  }  
#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li.sfhover1 ul, #navbar li li.sfhover1 ul, #navbar li li li.sfhover1 ul {  	left:auto;  }  
/* -------------------------- */
  
/* The background and color of the main nav link while looking at the dropdown */  
#navbar li:hover a.one, #navbar li.sfhover1 a.one,  #navbar li:hover a.two, #navbar li.sfhover1 a.two,  #navbar li:hover a.three, #navbar li.sfhover1 a.three, #navbar li:hover a.four, #navbar li.sfhover1 a.four, #navbar li:hover a.five, #navbar li.sfhover1 a.five, #navbar li:hover a.six, #navbar li.sfhover1 a.six {  	color: #fff;  	
background-color: #297013; border-style: solid solid none solid; border-width: 1px; border-color: #297013;  }  
/* -------------------------- */
  
/* The dropdown links list colors */ 
 
#navbar li ul.under a {
	color: #ffffff;
	background: #297013;
	border-bottom: 1px solid #297013;
}  
#navbar li ul.under a:hover {  	background: #ffffff;  	
color: #297013;  }
 
/* End navigation styles */
	
/* End basic page structure */




/* Start Headings and Special Text */
h1 {font-family: 'Times New Roman', serif;
	font-weight: bold;
	font-size: 2em;
	font-variant: small-caps;
	letter-spacing: 0.03em;
	color: #297013;
	clear: both;}
	
h2 {font-family: 'Times New Roman', serif;
	font-weight: bold;
	font-size: 1.7em;
	color: #297013;
	clear: both;}
	
h3 {font-family: 'Times New Roman', serif;
	font-weight: bold;
	font-size: 1.4em;
	color: #297013;
	clear: both;}

h4 {font-weight: bold;
	color:#297013;
	clear: both;}
	
h5 {font-weight: bold;}

small {font-size: 0.8em;
	color: #666666;}
	
acronym, abbr, span.caps {font-size: 0.9em; 
	letter-spacing: 0.1em}

blockquote {margin: 15px 30px 0 60px;
font-family: 'Arial', sans-serif;
font-size: 0.90em;}

blockquote cite {margin: 5px 0 0;
	display: block;}
	
.note { font-style: italic; color: #333;}

/* End Headings and Special Text*/


/* Start link styles */	 

a {color: #d50d0d; text-decoration: none;}
a:link {color: #d50d0d; text-decoration: none;}
a:visited {color:#297013; text-decoration: none;}
a:hover {color: #0d2406; text-decoration: underline;}

/* End link styles */



/* Begin Image Styles */
img p {
	padding: 0;
	max-width: 100%;
	}

.aligncenter {
	margin: 10px 10px 10px 10px;
	font-family: 'Arial', sans-serif;
	font-size: 0.8em;
	color: #404040;
	text-align: center;
	}

.alignleft {
	float: left;
	padding: 2px;
	margin: 5px 15px 5px 0;
	display: inline;
	font-family: 'Arial', sans-serif;
	font-size: 0.8em;
	color: #404040;
	text-align: center;
	}
	
.alignright {
	float: right;
	padding: 4px;
	margin: 5px 0 5px 15px;
	display: inline;
	font-family: 'Arial', sans-serif;
	font-size: 0.8em;
	color: #404040;
	text-align: center;
	}
/* End Image Styles */


/*Begin List Styles */

li {line-height: 1.5;
	list-style-position: outside;
	} 

ol {list-style-type: decimal;}

ul {list-style-type: square;}

/*Minutes List Styles */

.item {font-weight: bold;
	text-transform: capitalize;}

.subitem {font-weight: normal;
text-transform: none;}

/*End List Styles */

/*Begin Table Styles */

table {table-layout: auto;
	width: 700px; 
	border-style: solid;
	border-width: 1px;
	border-color:#999;
	background-color: #fff;
	border-collapse: collapse;
	empty-cells: hide;}

td {width: 150px;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color:#999;
	border-collapse: collapse;
	background-color: #fff;
	text-align: left;}
	
th {width: 150px;
	padding: 5px;
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color:#999;
	border-collapse: collapse;
	text-align: left;
	}
	
caption {font-weight: bold;
	color: #297013;
	font-size: 1.3em;
	font-variant: small-caps;
	letter-spacing: 0.03em;}

table.narrow {	width: 500px; 
	}
	
/* End Table Styles */