/* This is the Tattenhall Tennis Club web Site Style Sheet
	 M.Lambert  */

html>body #Wrapper {overflow:hidden;}
	 
Div {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		margin:0;
		padding:0;
		font-family:Trebuchet MS,Tahoma,Verdana,Arial,Helvetica,Sans-serif,sans-serif;
		}
		
#Wrapper
				{
				display: table;
				width: 850px;
				background-image:url(../Graphics/racket.png);
		 		background-repeat:no-repeat;
		 		background-position:top right;
				}
	 
#Header {
				margin:0px 0px 0px 0px;
				padding:0px;
				height:110px;
				width: 800px;
				/* background-color:#eee; */
				}

#MidSectionContainer {
										 display: table;
									/* height:100%; */
  									 float:left;
  									 width:690px;
  									 border-left:140px solid #fff;/* The width and color of the left rail */
  									 }
										 
#twitter {width:250px;
    background-color: #333333;
    float: right;
    padding: 7px;
    margin-left: 10px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 2px solid #cccccc;
    overflow: inherit;}	

.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:690;
	min-width:120px;
	margin:0px -690px 0px 0px;
	background-color:white;
	border:1px dashed black;
	color:#006666;
	-moz-opacity:0.95;
	filter:alpha(opacity=95);
	padding:30px;
	float:left;
	/*z-index:3;  This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
	
	#Footer {
					height:100px;
					margin-top: 0px;
					width:830px;
					padding:10px 0px 0px 130px;
					background-color:Black;
					color:Black;
					}
					
	p.Footer {
	color:FFFFFF;
	font-size:11px;
	line-height:20px;
	font-family:verdana,arial,helvetica,sans-serif;
	margin-left:10px;
	}
	
	#navColumn {
	position:relative;
	width:140px;
	background-color:#fff;
	padding: 0px 10px 200px 1px;
	/* border:1px dashed black; */
	margin-left: -140px;
	float: left;
	overflow:hidden;
	/* z-index:2; */
	}
	
	#NavBar {
					position:relative;
					margin-left:54px;
					padding-top:38px;
					overflow:hidden;
					}
						
a.nav, a.nav:link, a.nav:visited {
			 width:128px;
			 height:28px;
			 background:#82b7aa;
			 border-left:2px solid #5a9082;
			 border-top:2px solid #5a9082;
			 margin-top:1px;
			 text-decoration:none;
			 font-family:Trebuchet MS,Tahoma,Verdana,Arial,Helvetica,Sans-serif,sans-serif;
			 font-size:13px;
			 color:white;
			 line-height:25px;
			 overflow:hidden;
			 font-weight:600;
			 
			 }
a.nav:hover {color:#5a9082; background:#a9dfd1;}
a.nav:active {color:#fff; background:#c00;} 
a.nav:active, .chosen {color:#fff; background:#c00;}

a.Hnav, a.Hnav:link, a.Hnav:visited {
			 width:110px;
			 text-align:right;
			 float:left;
			 padding-right:5px;
			 margin-right:1px;
			 }
a.VnavR, a.Vnav:link, a.Vnav:visited {
			 display:block;
			 padding-left:5px;
			 text-align:right;
			 }
a.VnavR, a.Vnav:link, a.Vnav:visited {
			 display:block;
			 padding-left:5px;
			 text-align:right;
			 }		 
body {
		 margin:0px;
		 padding:0px;
		 background-color:white;
		 color:black;
		 }

H1 {
	 	color:#006666;
		font-weight:900;
	 }
H2 {
	 	color:#006666;
	 font:18px/18px verdana,arial,helvetica,sans-serif;
	 font-weight:800;
	 margin-left: 10px;
	 }
H3 {
	 color:#333;
	 font:15px/15px verdana,arial,helvetica,sans-serif;
	 font-weight:700;
	 margin-left: 20px;
	 }
H4 {
	 color:#333;
	 font:12px/12px verdana,arial,helvetica,sans-serif;
	 font-weight:500;
	 margin-left: 20px;
	 }
hr {color: sienna}

p {
	color:#006666;
	font-size:11px;
	line-height:20px;
	font-family:verdana,arial,helvetica,sans-serif;
	margin-left:40px;
	}

a.TOC {
	 color:#006666;
	 font:12px/12px verdana,arial,helvetica,sans-serif;
	 font-weight:800;
	 margin-left: 20px;
   line-height:20px;
	 text-decoration: none;
				 }

	
table.tennis {
	     			text-align: center;
						font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
						font-weight: normal;
						font-size: 11px;
						color: #000;
						/*width: 280px;*/
						background-color: #CCC;
						border: 0px;
						border-collapse: collapse;
						border-spacing: 0px;
						margin-left: auto;
						margin-right: auto;
						}

table.tennis thead.thead {
						background-color: #666;
						text-align: center;
						color: #fff;
						padding: 4px;
						border-bottom: 2px #fff solid;
						font-size: 12px;
						font-weight: bold;
						}  
					
 table.tennis tr.odd{
						 background-color: #DDD
						 }
	
.BackToContentLink {
									 text-align: right;
									 }

/* a {
	color:#09c;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}
a:link {color:#09c;} */
a:visited {color:#07a;}
a:hover {background-color:#eee;}


/* Image styles */

div.image div { width:200px;
								  font-size: 60%;
                  font-family: Verdana, Arial, sans-serif;
                  text-align: center; }

.HomePicture {	align: left;
								margin: 10px 20px 10px 40px;
								border:1px solid black;
								}	
.Portrait	{	height:190px;
						width: 258px;
						}
															
.Landscape {	height:258px;
							width: 190px;
						}	
									
img.TopLeft
{
float: left;
z-index: -1;
}
img.Right
{
float: right;
margin-left: 20px;
z-index: -1;
}								
</style>