* {
	margin : 0;
	padding : 0;
	font-size: 9pt;
}
body  {
	text-align : center;
	margin :  0 auto;
        padding: 0;
	font: 62.5%/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background : #fefefe  url(images/buttress.gif) repeat-y top;
	min-width: 650px; /* netscape bug fix */
	color : #333;
}


.backdrop {
	float: right;
	margin: 50px 50px 20px 20px;
}


p {
	font-size: 1.0em;
	}

p, ul, ol {
	margin-bottom: 1.2em;
	}
ul.nostyle {
	list-style: none;
	}

strong {
	font-weight : bold;
	}

em {
	font-style : italic;
	}

input, textarea {
	font-size : 1em;
	}

		.cent    {
		text-align: center;
		}
		.cont    {
		text-align: left;
		width: 100%;
                margin: 0 auto;		
		}
		.cont194    {
		text-align: left;
		width: 194px;
                margin: 0 auto;		
		}
		.cont900    {
		text-align: left;
		width: 900px;
                margin: 50px  auto;		
		}
		.contsidebar    {
		text-align: left;
		width: 95%;
                margin: 10px auto;		
		}


blockquote {
	display : block;
	padding: 0 0 0 0;
	margin: 20px auto ;
	color : #666;
	background : #F3F3F3 url(../images/quote.png) no-repeat 5px 5px;
	width:100%;
}


/* layout structure */

#wraptop {
	text-align : center;
	margin :  0 auto 10px;
	font-size: 1.0em;
	width: 960px;
        border-left: 1px solid  #662b92;
        border-right: 1px solid #662b92;
	border-bottom: 1px solid #662b92;
	background :  #fefefe;
}
#wraptop h1 {
  font-size: 3.5em;
  line-height: 2.5;
	color: #662b92;
}
#message  {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: .9em;
  line-height: 2.5;
  background: #662b92;
  color: #ffff00;
  font-weight: bold;
}
#message1  {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 1.6em ;
  line-height: 2.5;
  background: #662b92;
  color: #ffff00;
  font-weight: bold;
}
#message2  {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: .9em;
  line-height: 2.5;
  background: #662b92;
  color: #ffff00;
  font-weight: bold;
}
#message3  {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: .9em;
  line-height: 2.5;
  color: #666;
  font-weight: bold;
}
img.picturefront {
	text-align : center;
	padding : 5px;
	margin :  10px  auto;
	border : 1px solid #999;
	display : block;
}
#wrap {
	clear: both;
	text-align : left;
	margin :  0 auto ;
        color: #333;
	width: 100%;
	background : #fefefe url(images/b.gif) repeat-y 0 0;
}

#wrapper {
	clear: both;
	text-align : left;
	margin :  0 auto ;
        color: #333;
	width: 100%;
	background : #fefefe;
}
#wrapbottom {
	clear: both;
	text-align : left;
  font-size: 1.6em;
	margin :  0 auto ;
        color: #333;
	width: 100%;
	background : #fefefe;
}
#wrapbottom .gutter {
        padding: 25px;
	background: #fefefe;
}



#sboard .gutter {
        padding: 25px;
	background: #e5e5e5;
}
.nboard .gutter,  .nwebboard .gutter, .nsmallwebboard .gutter {
        padding: 25px;
	background: #f6e9fb;
}
#main   {
  float: left;
  width: 68%;
  background :  #fefefe;
  font-size: 1.6em;
}
#narrowdiv {
  width: 80%;
	margin: 0 0 0 50px;

}
#main .gutter {
  padding:  25px 50px;
}
#sidebar {
  font-size: 150%;
  float: right;
  width: 31.25%;
}
#sidebar .gutter {
  padding: 15px;
}
#lleft {
  float: left;
  width: 49%;
  font-size: 1.6em;
  background: #fefefe;
  border-top: none;
}
#lleft .gutter {
  padding: 10px;
  background :  #fefefe;
	
}
#rright {
  float: right;
  width: 49%;
  font-size: 1.6em;
  background: #fefefe;
  border-top: none;
}
#rright .gutter {
  padding: 10px;
  background :  #fefefe;
	
}
#main p, #lleft p, #rright p
{
	margin: 0;
	padding: 0 30px 0.5em 40px;
	line-height : 1.5;
}

#sidebar p
{
	margin: 0;
	padding: 1em 0;
	line-height : 1.5;
}

#wraptop  p.caption
{
	font-style : italic;
	text-align : center;
	font-size : 1.2em;
	margin : 0 auto;
	padding: 0 10px 5px  5px;
}

#main p.caption, #lleft p.caption, #rright p.caption
{
	font-style : italic;
	font-size : .85em;
	text-align : center;
	margin : 0 auto;
	padding: 0 10px 5px  5px;
}
#sidebar p.caption
{
	font-style : italic;
	font-size : 110%;
	text-align : center;
	margin : 0 auto;
	padding: 0 10px 5px  5px;
}
#sidebar  ul a, sidebar a 
{
	font-size : 110%;
	margin : 0 auto;
}
img.picture {
	text-align : center;
	padding : 5px;
	margin :  1em auto;
	border : 1px solid #999;
	display : block;
}
img.picturer {
	text-align : center;
	padding : 5px;
	margin :  1em auto;
	border :none; 
	display : block;
}



#AENA   {
	text-align : center;
	position: relative;
}
#AENA  span#gold {
	margin: 30px  auto 30px;
	font-size: 1.4em; /* approx 20px */
	line-height : 3;
	display:block;
	font-weight : bold;
	width: 75%;
	color: #ffff00;
	background : #662b92;
}
div.oneoff   {
	position:relative;
	width: 30em;
	margin: 10px  auto ;
	padding: 0 ;
}

div.oneoff  a:link, div.oneoff   a:visited {
        display: block;
	font-weight : bold;
	width: 30em;
	height: 2em;
	line-height: 2em;
	color: #fff;
	background : #700070; 
        text-indent: 10px;
	text-decoration : none;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 0 auto ;
}
div.oneoff  a:hover {
	background : #ea80ff;
	color: #000;
}

div.leftoneoff   {
	width: 85%;
	font-size: 1.25em;
	position:relative;
	margin: 10px  auto ;
	padding: 0 ;
}

div.leftoneoff ul  {
        list-style:none;
	list-style-image:none; 
	margin: 0 ;
	padding: 0 ;
}
div.leftoneoff  a:link, div.leftoneoff   a:visited {
        display: block;
	line-height: 1.5em;
	padding: 5px 8px 0 5px;
	color: #fff;
	background : #700070; 
        text-indent: 10px;
	text-decoration : none;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 10px auto 30px ;
}
div.leftoneoff  a:hover {
	background : #ea80ff;
	color: #000;
}



dl.iconl {
	margin: 15px 0;
        padding: 15px;
}
dl.iconl dt  {
	margin: 0 0 .5em  0;
	font-size: 1.5em; /* approx 21px */
	color: #662b92;
}
dl.iconl dt img {
	float: left;
	margin: 0 15px 0 0;
	padding 0 4px 4px 0;
}
dl.iconl dd  {
	margin-left: 150px;
	color: #333;
}

dl.iconr {
	margin: 15px 0 50px;
        padding: 15px;
}
dl.iconr dt  {
	margin: 0 0 .5em  0;
	font-size: 1.5em;
	color: #662b92;
}
dl.iconr dt img {
	float: right;
	margin: 0 15px 0 0;
	padding 0 4px 4px 0;
}
dl.iconr dd  {
	margin-right: 150px;
	color: #333;
}
dl.iconrs {
	margin: 5px 0 10px;
        padding: 10px;
}
dl.iconrs dt  {
	margin: 0 0 0  0;
	font-size: 1.8em;
	color: #662b92;
}
dl.iconrs dt img {
	float: right;
	margin: 0 5px 0 0;
	padding 0 4px 0 0;
}
dl.iconrs dd  {
	font-size: 1.2em;
	margin-right: 130px;
	color: #333;
}




#sboard {
	position:relative; 
	display : block;
	padding : 10px 0;
	margin :  10px auto 30px;
	background: #e5e5e5;
	border : 3px solid #662b92;
	font-size: 95%;
	width : 100%;
}
#sboard p
{
	margin: 0;
	padding: 1em 20px 0.8em;
}


.nboard {
	position:relative;
	padding : 10px 0;
	margin :  10px auto 30px  ;
	background: #f6e9fb;
	border : 3px solid #800080; 
	font-size: 95%;
	display : block;
	width : 100%;
}
.nboard p
{
	margin: 0;
	padding: 1em 20px 0.8em;
}



.nwebboard {
	position:relative;
	padding : 10px 0;
	margin :  10px auto 30px  ;
	background: #f6e9fb;
	border : 3px solid #800080; 
	display : block;
	font-size: 95%;
	width : 100%;
}
.nsmallwebboard {
	position:relative;
	padding : 10px 0;
	margin :  10px auto 30px  ;
	background: #f6e9fb;
	border : 3px solid #800080; 
	display : block;
	font-size: 95%;
	width : 90%;
}


#sidebar h2
{
	font-size: 1.4em;
	margin: 0;	
	padding : 1em 30px 0;
	color: #662b92;
}
#sidebar h3
{
	font-size: 1.2em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	color: #662b92;
}
#main h1, #lleft h1, #rright h1, #wrapbottom h1
{
	font-size: 200%;
	margin: 0;	
	padding : 1em 30px 0;
	color: #662b92;
}

#main h2, #lleft h2, #rright h2, #wrapbottom h2
{
	font-size: 150%;
	letter-spacing: 0;
	margin: 10px 0 10px  0;	
	color: #662b92;
}
#main h3, #lleft h3, #rright h3, #wrapbottom h3, #news h3
         {
	font-size: 120%;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	color: #662b92;
}
#main h5, #lleft h5, #rright h5, #wrapbottom h5
         {
	font-size: 120%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color: #990ccc ;
}


#footer  {
  clear: both;
  font_size: 0.9em; 
  line-height: 3;
  text-align: center;
  color: #333;
	background: #fefefe;
	border-bottom: #333;
}
#footer a {
  font_size: 1em; 
  line-height: 2.5;
}

/*==============================
Banner Image Replacement for header
==============================*/
.rir { 
	background: url(images/ban.jpg) no-repeat  0 0;
	width : 960px;
	height: 134px;
	position: relative;
}

.rir span {
	width: 100%;
	height: 100%;
	position: absolute;
	display:none;
}
.rirpic { 
	background: url(images/ban10.jpg) no-repeat  0 0;
	width : 960px;
	height: 165px;
	position: relative;
}

.rirpic  span {
	width: 100%;
	height: 100%;
	position: absolute;
	display:none;
}

	#nav {
	        float: left;
		width: 940px;
		margin:   10px 0 0 0;
		padding: 20px 0 0 20px ;
		list-style: none;
                background: #662b92;
		font-size: 10px;
		font-weight: bold;
        border-left: 1px solid  #662b92;
        border-right: 1px solid #662b92;
		}

        #nav li {
	        float: left;
		margin:  0;
		padding:  0;
	        list-style : none;
	        }
	#nav a {
	        float: left;
		font-size: .9em;
		display: block;
		margin: 0;
		padding: 0  .5em;
		line-height: 2.8;
		color: #ffff00;
		text-decoration: none;
        border-top: 1px solid #9b8748;
        border-right: 1px solid #9b8748;
        border-left: 1px solid #9b8748;
	background: #662b92;
		}
	#nav a:hover  {
		color: #662b92;
		background: #fefefe; 
		}
        #nav li.home a  {
	        float: left;
		font-size: 0.9em;
		display: block;
		margin: 0;
		padding: 0  0.5em;
		line-height: 2.8;
		color: #ffff00;
		text-decoration: none;
        border-top: 1px solid #9b8748;
        border-right: 1px solid #9b8748;
        border-left: 1px solid #9b8748;
	background: #662b92;
	        }


		#shell  {
		clear: both;
		width: 100%;
                margin: 0  auto;		
		}
	
	#bnav {
		clear: both;
		float: left;
		width: 940px;
		margin:   10px 0 0 0;
		padding: 20px 0 0 20px ;
		list-style: none;
                background: #662b92;
		font-weight: bold;
        border-left: 1px solid  #662b92;
        border-right: 1px solid #662b92;
        border-left: 1px solid #9b8748;
		}

        #bnav li {
	        float: left;
		margin:  0;
		padding:  0;
	        list-style : none;
	        }
	#bnav a {
	        float: left;
		font-size: .9em;
		display: block;
		margin: 0;
		padding: 0  0.5em;
		line-height: 2.8;
		color: #ffff00;
		text-decoration: none;
        border-top: 1px solid #9b8748;
        border-right: 1px solid #9b8748;
	background: #662b92;
		}
	#bnav a:hover  {
		color: #662b92;
		background: #fefefe; 
		}
	
        #bnav  li.home a  {
	        float: left;
		font-size: .9em;
		display: block;
		margin: 0;
		padding: 0  .75em;
		line-height: 2.8;
		color: #ffff00;
		text-decoration: none;
        border-top: 1px solid #9b8748;
        border-right: 1px solid #9b8748;
        border-left: 1px solid #9b8748;
	background: #662b92;
	        }
	
/*=====================
In-line Navigation Styling
=====================*/
a:link {
	color : #662b92;
	background : transparent;
	text-decoration: underline;
	}

a:visited {	
	color : #662b92;
	background : transparent;
	text-decoration: underline;
}

a:hover
{
	color : #fff;
	background : #500050;
	text-decoration : none;
}

a:active {
	color : Red;
	background : Yellow;
	text-decoration : none;
}


a.external {
	padding: 0 20px 0 0;
	background :  url(../images/ext.gif) no-repeat 95% 100%;
}

a.external:hover
{
	color : #fff;
	text-decoration : none;
	padding: 0 20px 0 0;
	background : #500050 url(../images/ext-hover.gif) no-repeat 95% 100%;
}


#home li.home a, 
#juniors li.juniors a,
#youth li.youth a,
#seniors li.seniors a,
#east li.east a, 
#gallery li.gallery a,
#contact li.contact a,
#awards li.awards a,
#train li.train a,
#jpa li.jpa a,
#jpa7 li.jpa7 a,
#jpa8 li.jpa8 a,
#u8-u11 li.u8-u11 a,
#u11-u14 li.u11-u14 a,
#harlow li.harlow a,
#results li.results a,
#officials li.officials a,
#history li.history a,
#diary li.diary a,
#clubdiary li.clubdiary a
 {
	color : #662b92;
	background : #fffafa; 
	border : 1px solid #000;
	border-bottom : none;
	cursor : default;
}
/*
#whoweare li.whoweare a:hover, 
#juniors li.juniors a:hover,
#youth li.youth a:hover,
#seniors li.seniors a:hover,
#news li.news a:hover, 
#gallery li.gallery a:hover,
#awards li.awards a:hover,
#contact li.contact a:hover,
#train li.train a:hover
 {
	color : #662b92;
	background : #fffafa; 
		padding: 4px 10px  5px 10px;
	border : 1px solid #000;
	border-bottom : none;
	cursor : default;
}
*/

table#teamstats {
	border-collapse: collapse;
	font-size: 0.8em;
	margin :  1em auto ;
	padding : 10px;
	border : 1px solid #999;
	font-weight: bold; 
}

table.res {
	border-collapse: collapse;
	font-size: 0.7em;
	text-align: center;
	font-weight: bold;
	margin :  10px auto 25px ;
	padding : 0;
	border : 1px solid #999;
}
table.resr {
	border-collapse: collapse;
	font-size: 0.6em;
	width: 446px;
	text-align: center;
	font-weight:normal ;
	margin :  10px auto 25px ;
	padding : 0;
	border : 1px solid #999;
}
table.res caption {
	margin : 15px 0 0 0 ;
	text-align: left;
	font-size: 1.5em;
	color : #500050;
}
/*=====================
Table Styling Adapted
=====================*/
/* "Muted" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Dan Champion */
table {
	border-collapse: collapse;
	font-size: 0.8em;
	text-align: center;
	margin :  5em 10px 1em;
	padding : 10px;
	border : 1px solid #999;
}

caption {
	margin :  0 ;
	text-align: left;
	font-size: 1.5em;
	color : #500050;
}


th, td {
	border : 1px solid #999;
	padding: 0.6em;
	vertical-align: 4px;
}

th {
	text-align: center;
	/* text-transform: uppercase; */ 
}

thead th, tfoot th, tfoot td {
	color : #000;
	background-color: #D8BFD8;
	font-size: 1.0em;
}

tbody th {
	background: url(../images/general/table_bullet0.gif) no-repeat 6px 0.8em;
	padding-left: 4px;
}

tbody th, td {
	background-color:#eee;
}

tbody tr:hover td, tbody tr:hover th {
	background-color: #FFFAFA;
}

tr.odd td, tr.odd th {
	background-color: transparent;
}

tfoot th {
	text-align: right;
}

tfoot th:after {
	content: ":";
}