/* Main Layout Styles
*/
	html {background: #333399 url('../gfx/bg2.png'); font-family: arial, sans-serif; }
	body {font-size: 75%; margin-top: 0;}
	div {border: 0; margin: 0;}
	a img {border: 0;}
	div.top {background: #ffffff  url('/table_tennis/gfx/widebanner.jpg') ;
				height: 80px; width: 100%; 
			border: 1px solid #336699; margin-top: 5px; margin-bottom: 5px;}
	div.top h1, div.top h1 a {
		color: white;
		margin-top: 2px;
		font-style: italic;
		padding: 0.2em;
	}		
	div.menu {	clear: both;
				width: 18.5%; 
				padding-right: 0.5em; padding: 0;
/*				border: 1px solid #000099;
*/
				float: left;
				margin-right: 1ex;
	}
	div.main {background: #ffffff;  padding: 1%;}
	div.body {
		margin-top: 0.5em;
		position: static;
	}
	div.middle { 
		border-left: 1px solid #cccccc; 
		border-right: 1px solid #cccccc;
/*		margin-left: 13em; /* div.menu width */
/*		margin-right: 140px; /* div.right width */
		float: left;
		padding: 0.1em;
		padding-left: 1%; padding-right: 1%;
		width: 61.5%;
	}
	
	div.middle p, div.middle table, div.middle dl {

						 padding-left: 0.5em;
						 padding-right: 0.5em;
	}

/* Text Styles 
*/
	h6 {font-size: 100%; margin: 0.2em;}
	h6.breadcrumbs {margin: 0.2em; font-weight: normal; border-bottom: 1px solid #cccccc;}
	h5 {font-size: 120%;font-family: arial, sans-serif; font-style: italic; margin: 0.5em;}
	h4 {font-size: 130%; font-family: arial, sans-serif; font-style: italic;}
	h3 {font-size: 155%;}
	h2 {font-size: 180%;}
	div.top h1 {font-size: 180%; color: #ffffff; border-bottom: 0; float: none; width: auto; text-decoration: none;
	}
	div.top h1 a:hover {color: #ffffff; text-decoration: none; }

	h1 {font-size: 210%; 
		font-family: arial, sans-serif;
		 font-style: italic; 
		color: #336699;
		border-bottom: 1px solid #000000;
		margin-top: 0;
		float: left;
		width: 100%;
	}
	a {text-decoration: none;
		color: blue;
	}
	a:hover {color: #336699;}
	span.error, p.error {color: red;}
	span.new {color: black; 
				background: yellow; 
				text-decoration: underline; 
				font-style: italic; 
				font-size: smaller;
	}
	
/* Menu Styles
*/

	div.menu a {font-weight: bold;
				display: block;
				color: #9999cc;
				text-decoration: none;
				width: 100%;
				padding-top: 0.1em; padding-bottom: 0.1em;
				border-bottom: 1px solid black;
	}
	div.menu div.sublinks a { background: white;
								text-indent: 1em;
								width: 100%;
								border: 0;
								font-weight: normal;
	}
	div.menu div.sublinks a:hover {
			 background: #9999cc; 
			 color: white;

	}

	
/*	div.menu div.link_group {margin-bottom: 1em; border: 1px solid #3333ff;}
*/
	/* Deal with open and closed menu links - make the 2nd one headeropen ONLY */
	div.menu a.header, div.menu a.headeropen {
						background: #6699cc url('../gfx/menu.png');
						font-size: 110%;
						text-indent: 0.2em; color: white;
						padding-top: 0.5ex; padding-bottom: 0.5ex; 
						
	}

/*	div.menu a.headeropen {border-bottom: 1px solid #3333ff;}
*/
	
/* Middle Styles
*/
/*	div.chunk { margin-top: 0;
				margin-bottom: 1em; border: 1px solid #003333; }
*/
	div.chunk p.date {margin-top: 0; margin-bottom: 1ex;
					text-indent: 1em;
					font-weight: bold;
					font-size: 110%;
					background: #ffffff;
				color: #6699cc;
	}
	/* div.chunk p {margin-top: 0.5em; margin-bottom: 1em;} */
	div.chunk div p.caption { font-size: 85%;
								font-weight: bold;
								margin-top: 0.5em;
								margin-bottom: 0.5em;
	}
	div.chunk div.cattl_picInNews {
		border: 1px solid black;
		margin: 0.5em;
	}
	
	div.chunk div.attachments {
		border-top: 1px solid #cccccc;
	}
	
	div.chunk div.attachments div.attachment {
		padding: 0.2em; width: 42px; text-align: center;
	}
	
	h4.phead, h5.phead { 	background: #336666 url('../gfx/h5_phead.png'); 
				border-bottom: 1px solid #000000;  
				
				color: #ffffff;
				margin: 0;
				padding: 0.2em;
				width: auto;				
	}
	h4.phead {font-size: 150%;}

	h5.phead:before {content: " :: "}
	h5.phead:after {content: " :: "}
	
	
/* Right Styles
*/
	div.right {float: right;
			width: 16%;
			
	}
	div.right div { border: 0;
				margin-bottom: 1ex;
				padding: 0.5ex;				
	}
	div.right div p {margin-top: 1ex; margin-bottom: 1ex; }
	div.right div h6.events	{ background-image: url('/table_tennis/gfx/icons/trophy_sm.png') ;  }
	div.right div h6.news	{ background-image: url('/table_tennis/gfx/icons/paper_sm.png') ;  }	
	div.right div h6.updates{ background-image: url('/table_tennis/gfx/icons/update_sm.png'); }
	div.right div h6 {	border: 0; border-bottom: 1px solid black; 
					text-align: left;
					text-transform: uppercase;
					background-position: right;
					background-repeat: no-repeat;
					font-style: italic;
					color: #000000; 
					padding: 0.2em; 
					padding-top: 0.8em;
					margin: 0;
					font-size: 115%;
					}




/* Copyright Styles
*/
	p.copyright { clear: both; 
					color: black;
					font-size: 85%;
					text-align: center;
	}
	p.copyright a {text-decoration: none;
								color: black;
	}
	p.copyright a:hover {
								text-decoration: underline;
								color: black;
	}
	
	p.help_links {
		font-size: smaller;
		clear: both;
		text-align: center;
	}
	
/* List Styles
*/

ul.pdf, ul.clubs  {list-style-type: none;}