BODY
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #b03232;
    FONT-FAMILY: Verdana, Helvetica, Arial
}
.fixtureheader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #800080;
    FONT-FAMILY: Verdana
}
.menu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #b03232;
    FONT-FAMILY: Verdana, Helvetica, Arial
}
.default
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #0000ff;
    FONT-FAMILY: Verdana, Helvetica, Arial
}
.ArticleTitle
{
    BORDER-RIGHT: #f5c607;
    BORDER-TOP: #f5c607;
    MARGIN-TOP: 10px;
    FONT-WEIGHT: 600;
    FONT-SIZE: 12pt;
    MARGIN-BOTTOM: 5px;
    BORDER-LEFT: #f5c607;
    COLOR: #cc0033;
    BORDER-BOTTOM: #f5c607 thin solid;
    FONT-FAMILY: Verdana;
    TEXT-ALIGN: left
}
.ArticleBody
{
    FONT-SIZE: 10pt;
    COLOR: #cc0000;
    FONT-FAMILY: Verdana
}
.ArticleTitleB
{
    BORDER-TOP: 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000066;
    PADDING-TOP: 20px;
    FONT-FAMILY: Verdana
}
.ArticleBodyB
{
    FONT-SIZE: 8pt;
    COLOR: #006699;
    FONT-FAMILY: Verdana
}
.ArticleTitleA
{
    BACKGROUND-POSITION: center 50%;
    BORDER-TOP: #006699 2px dotted;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: url(../../ball_button.gif);
    LIST-STYLE-IMAGE: url(../../ball_button.gif);
    COLOR: #000066;
    PADDING-TOP: 20px;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #abc7f1
}
.ArticleBodyA
{
    FONT-SIZE: 8pt;
    LIST-STYLE-IMAGE: url(../../ball_button.gif);
    COLOR: #006699;
    FONT-FAMILY: Tahoma
}
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    COLOR: #993232;
    FONT-FAMILY: Verdana, Helvetica, Arial
}
A:link
{
    FONT-WEIGHT: bold;
    COLOR: #b03232;
    FONT-FAMILY: Verdana, Helvetica, Arial;
    TEXT-DECORATION: none
}
A:visited
{
    FONT-WEIGHT: bold;
    COLOR: #b03232;
    FONT-FAMILY: Verdana, Helvetica, Arial;
    TEXT-DECORATION: none
}
A:active
{
    FONT-WEIGHT: bold;
    COLOR: #b03232;
    FONT-FAMILY: Verdana, Helvetica, Arial;
    TEXT-DECORATION: none
}
A:hover
{
    FONT-WEIGHT: bold;
    COLOR: #1699cc;
    FONT-FAMILY: Verdana, Helvetica, Arial;
    TEXT-DECORATION: none
}
P
{
    FONT-SIZE: 8pt;
    COLOR: #cc0000;
    FONT-FAMILY: Verdana
}
.ContactListDetails
{
    FONT-SIZE: 8pt
}
.ThisWeeksMatchContent
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana
}
.ThisWeeksMatchHeader
{
    FONT-SIZE: 8pt
}
.fixturedetail
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #800080;
    FONT-FAMILY: Verdana
}
.fixtureopponent
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #800080;
    FONT-FAMILY: Verdana
}
TD
{
    FONT-SIZE: 10pt
}
A
{
   FONT-SIZE: 9pt;
}

#main_content
{
/*    min-height:400px;
    height:auto;
    height:400px;*/
}

#main_content p
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #b03232;
    FONT-FAMILY: Verdana
}

#main_content p.error
{
	color:white;
	background-color:red;
	font-weight:bold;
}
/*
		COACHING PAGE CSS
*/
div.coaching_details table tr td.age
{
	width:100px;
}
div.coaching_details table tr td.time
{
	width:110px;
}
div.coaching_details table tr td.title
{
	font-size:12pt;
	height:30px;
}
div.coaching_details
{
	margin-left:20px;
}

div.contactDetails h2
{
	font-size:14pt;
	border-bottom:solid 1px #993232;
}
div.emails table
{
	table-layout:fixed;
}
	

div.emails table,
div.emails table tr td
{
	border:  1px solid  gray;
	padding:2px;
	border-collapse:collapse;

}

div.emails td.col1
{
	width:25%;
}

div.emails  td.col2
{
	width:75%;
}


div.coaching  ul li
{
	list-style:none;
	font-weight: normal;
}

div.coaching ul li ul
{
	margin-top: 5px;
}

div.coaching ul li ul li
{
	list-style:none;
	margin-left:-20px;
}

div
{

    /*border-style:solid;
    border-width:1px; */

    position:relative;

    margin:0px;
    padding:0px;
}


body

{
    /* work-around for IE to center content horizontally in the page.
       needs auto margins in the top level div too */
    text-align: center;
}


#main_container
{
    width: 900px;


    /* center the container horizontally on the page */
    margin-left: auto;
    margin-right: auto;

	/* debugging */
	border:solid 1px orange;
}

#logo_container
{
    float:  left;
    height: 240px;
    width:  200px;
    margin-left: -30px;
}

#logo
{

    height: 200px;

    margin-left:auto;
    margin-right:auto;
}

#banner_container
{
    float:  right;
    height: 240px;
    width:  725px;
}

#banner
{
    height: 70px;
    width:  100%;

    margin-top:20px;

    border-bottom: solid 2px #993232;
}

#menu
{
    float:  left;
/*    height: 300px;*/
    width:  150px;

    margin-top:10px;

    /* ensure that the menu height is never less than 500px
       but that it will grow if required.
    min-height: 300px;
    height: 300px;
    height: auto; */


	border: dashed 1px purple;
}

#menu div.MenuItem
{
	height:23px;
	text-align:right;
	margin:1px;
	width:140px
}
#main_content
{
    float:  right;
    width:  725px;

    /* to lift the main content nearer the title bar */
    margin-top: -140px;

    /* and in from the logo */
    margin-left:20px;

    /* ensure that the main container height is never less than 500px
       but that it will grow if required. */
    min-height: 500px;
    height: 500px;
    height: auto;


	/* required to override the body text-align:center which is used
	   to center the container div */
	text-align:left;


	/* debugging */
	border:dotted 1px blue;

}

#visitor_counter
{
	border: solid 1px gray;

	width:125px;
	padding:2px;

	margin:auto;
}

#footer
{
    float:  right;
    height: 75px;
    width:  725px;

    /* debugging */
    border: solid 1px green;
}


#left_footer
{
    float:  left;
    height: 75px;
    width:  150px;

    /* debugging */
    border: solid 1px blue;
}

#prop
{
	float:right;
	width:1px;
	border:solid 1px red;

	height: 500px;
}

#clear
{
	height:1px;
	clear:both;
	overflow:hidden;

	border:solid 1px orange;
}

#internal
{
	float:left;
	width:98%;

	border: dotted 1px purple;
}


#accreditation
{
	margin-top:50px;
}

#prop,
#internal,
#clear,
#left_footer,
#footer,
#menu,
#main_content,
#main_container
{
	border:none;
}

img
{
	border:none;
}

img.general_images
{
	border: solid 1px red;
}
