﻿body
{
	margin: 10px;
	background: #ababab; /* this is the 'outside' background colour */
	font-family: Tahoma;
	text-transform: capitalize;
	font-size: 0.8em;
	color: #000000;
}

/*
    border-left: #0099E6; thin solid;
	border-right: #0099E6; thin solid;
	border-top: #0099E6; thin solid;
	border-bottom: #0099E6 thin solid; */

/*
.mainbody
{ 
  background-color : white; 
  font-family:Tahoma; 
  border-left: #6db524 thin solid; 
  border-right: #6db524 thin solid;
}
*/

#divSiteWrapper
{
	margin: 0 auto;
	width: 1150px; 
	/*height: 900px; */
	background: #fafafa; /* this is the 'inside' background colour */
}


#divHeader
{
	/* padding-right: 10px; */
	position: relative;
	height: 90px;
	width: 1150px;
	top: 0px;
	left: 0px;
}

#divFooter
{
	clear: both;
	width: 1150px;
}

#divPageContent
{
	vertical-align: top;
	text-align: left;
}

#divContent
{
	width: 1150px;
	height: 100%;
	text-align: left;
}

#divContent h1, #divContent h2, #divContent p
{
	padding-right: 10px;
}

#trLeftNavigation
{
	vertical-align: top;
	text-align: left;
}

#divLeftNavigation
{
	/*padding-top: 10px; 	padding-bottom: 10px;*/
	vertical-align: top;
	float: left;
	width: 220px;
	text-align: center;
}

#divLeftNavigation li
{
	padding-left: 10px;
	padding-right: 10px;
}

#divEventItems
{
	width: 660px;
	max-width: 680px;
}
/*
hr
{
	border-top: 1px solid gray; 
	border-left-style: none;
	border-left-color: inherit;
	border-left-width: 0;
	border-right-style: none;
	border-right-color: inherit;
	border-right-width: 0;
	border-bottom-style: none;
	border-bottom-color: inherit;
	border-bottom-width: 0;
}
*/

/* User Controls classes */
td.eventnewsheader
{
	height: 22px;
	background-color: #006699;
	font-size: 1.1em;
	font-weight: bold;
	font-family: tahoma;
	color: #d0d0d0;
}

/* 
 * Table stuff
 */
td.eventitemsheader
{
	height: 22px;
	background-color: #006699; /* dark blue */
	font-size: 1.1em;
	font-weight: bold;
	font-family: tahoma;
	color: #d0d0d0;
}

.custom_page_layout_3col
{
	width: 674px;
	color: #333333;
	margin-right: 0px;
}

.custom_page_layout_2col
{
	width: 920px;
	color: #333333;
}

table.article_layout
{
	width: 700px;
	background-color: White;
	color:#4d4d4d;
	text-align: left;
}

td#base_header_slogan
{
	font-size: 2em;
	font-family:Verdana;
	color: #D0D0D0; 
	vertical-align: middle;
	text-align:center;
	font-weight:bold;
}

td.article_separator_row
{
	width:auto;
}

td.article_header
{
	font-size: large;
	font-weight: 700;
	background-color: #012853;
	color:#D0D0D0;
	text-align:center;
	height: 30px;
}

td.article_published_date
{
	font-size: 1em;
	background-color: #dbdbdb;
	font-weight: normal;
	height: 22px;
}

td.article_body
{
	font-size: 1em;
	/* background-color: #ceeefb; */
	background-color: White;
	color: #012853;
	text-transform:none;
}

td.article_title
{
	font-size: 1.1em;
	font-weight: 700;
	color: white;
	background-color:#007FCB;
	height:22px;
}

td.article_source
{
	font-size: 1em;
}

table.menuitem
{
	font-size: 1em;
	width: 212px;  /* this is the width of the menu items */ 
}

table.siteheader /* class */
{
	/* background-color:#5B6DB5; */
	width: 100%;
}

/* base_nav_master_page */
.base_nav_left_col
{
	width: 216px; /* this is the width of the area containing the left menu items */
	height: auto;
	vertical-align: top;
	font-size: 1em;
}
.base_nav_left_separator_col
{
	width: 3px;
	height: auto;
	text-align:left ;
}
.base_nav_right_separator_col
{
	width: 3px;
	height: auto;
	vertical-align: top;
}
.base_nav_content_area_2_col
{
	vertical-align: top;
	width: 928px;   
	text-align:left ;
}

.base_nav_right_col
{
	width: 216px;
	height: auto;
}
.base_nav_content_area_3_col
{
	vertical-align: top;
	width: 714px;
	text-align:left ;
}

/*
.mainbody
{ background-color: white; font-family:Tahoma; border-left: #6db524 thin solid; border-right: #6db524 thin solid;}

td.row_below_masthead_logo
{
	height: 16px;
}
*/
td.vertical_col_filler
{
	width: 1px;
}

td.highlight
{
	border-bottom: #EBA000 thick solid;
	height: 4px; 
	/*background:url(/images/horz_gradient_blue.jpg) repeat-y; */
}

td.masthead_logo
{
	margin-top: 0px;
	text-align: left;
	width: 352px;
	vertical-align: top;
	height: 90px;
}

td.text_on_masthead_logo
{
	text-align: left;
	color: #fafafa;
	background-color: #012853;
	font-weight: bold;
	font-size: 16pt;
	width: 798px;
	height: 104px;
}

td.title
{
	text-align: center;
	font-family: verdana;
	font-size: x-large;
	font-weight: bolder;
	color: #FFFFFF;
}
/*
td.headerbar
{
	background-image: url(  '../../Images/bar.jpg' );
	text-align: right;
	height: 24px;
}

td.menu
{
	background-color: #41519A;
	width: 184px;
	height: 500px;
	vertical-align: top;
}

td.footer
{
	color: #41519A;
	text-align: center;
	height: 16px;
	vertical-align: bottom;
	width: 1150px;
	border-top: #eda302 thin solid;
}
*/
A:link
{
	color: #41519A;
	text-decoration: none;
	/* font-weight: 700; */
}
A:visited
{
	color: #41519A;
	text-decoration: none;
}
A:active
{
	color: #41519A;
	cursor: hand;
	text-decoration: none;
}
A:hover
{
	color: #B2C3E1;
	cursor: hand;
	text-decoration: "underline";
}

A.bodyLink:link
{
	color: #B86437;
	text-decoration: none;
	font-weight: bold;
}
A.bodyLink:visited
{
	color: #41519A;
	text-decoration: none;
	font-weight: bold;
}
A.bodyLink:active
{
	color: #41519A;
	cursor: hand;
	text-decoration: none;
	font-weight: bold;
}
A.bodyLink:hover
{
	color: #B2C3E1;
	cursor: hand;
	text-decoration: "underline";
	font-weight: bold;
}

/* Horizontal Menu  Horizontal Menu  Horizontal Menu  Horizontal Menu  Horizontal Menu */
ul#horz_navigation
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	background: #036;
	float: left;
	width: 100%; /* width of the menu */
}
ul#horz_navigation li
{
	display: inline;
}
ul#horz_navigation a
{
	display: block;
	float: left;
	padding: .2em 1em;
	text-decoration: none;
	color: #fff;
	background: #036;
	border-right: 1px solid #fff;
}
ul#horz_navigation a:hover
{
	color: #000;
	background: #69C;
}

/* base master page */
.base_left_of_menu_area
{
	/* left of horizontal menu area */
	background: #205D6B; /* green */
	width: 218px;
	vertical-align: top;
	font-weight: bold;
	font-style: italic;
	font-size:0.9em;
	color: #205D6B; 
	margin-top: 0px;
	vertical-align: middle;
	height: 20px;  /* 12-09-2009 */
}
.tagline_area
{
	/* this is the area that contains the tagline */
	color: #9E9E9E; /* gray */
	background: #205D6B; /* green */
}
.base_header_row
{
	margin-bottom: 0px;
	vertical-align: top;
}
.base_header_logo_area
{
	width: 352px; 
	vertical-align: top;
}
.base_header_slogan_area
{
	width: 798px; 
	vertical-align: top; 
	background: #012853; /* greenhouseprogress blue */
}

.base_top_separator_row
{
	/* this is the row immediately below the logo and slogan area */
	background: #EBA000; /* gold */ 
	height: 6px;
	width: 1150px;
}
.base_mid_separator_row /* row below horizontal menu */
{
	/*height: 6px; */ /* width: 1150px; */
	background: #205D6B; /* green */ /*margin-top: 0px;     margin-right: 0px; */
	width: 1150px;
}
.base_bottom_separator_row
{
	background: #EBA000; /* gold */
	height: 8px;
	width: 1148px;
}
.base_bottom_footer_row
{
	color: #41519A;
	text-align: center;
	height: 16px;
	vertical-align: bottom;
	width: 1148px;
	border-top: #eda302 thin solid;
}

.base_horz_menu
{
	/* just below slogan area */
	background: #205D6B; /* green */
	vertical-align: top;
}

.menu_header_text
{
	background: #012853; /* greenhouseprogress blue */
	color: White;
	font-weight: bold;
	width: 190px;
	text-align:center;
	margin-left: 01px;
	padding-left: 1px;
	padding-right: .5em;
	padding-top: .2em;
	padding-bottom: .2em;
}

/* Vertical Menus  Vertical Menu - Senior British League(1) */
ul#vert_navigation_main
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	width: 210px;  /* width of the menu */	
}
ul#vert_navigation_main li
{
	display: inline;
}


            
ul#vert_navigation_main a
{
	display: block;
	text-decoration: none;
	background: #cfcfcf;
	color: #1e1e1e;
	padding: .2em .5em;
	border-bottom: 1px solid #fff;
	width: 15em; /*width: 175px;  width of the menu */
}

ul#vert_navigation_main a:hover
{
	color: white;
	background: #EBA000; /* gold */
}
/* Vertical Menu - Other National Leagues(2) */
ul#vert_navigation_national
{
	margin-left: 0px;
	padding-left: 1px;
	padding: 0.2em 0.2em;
	list-style-type: none;
	width: 210px;  /* width of the menu */	
}
ul#vert_navigation_national li
{
	display: inline;
}

ul#vert_navigation_national a
{
	text-align: left;
	display: block;
	text-decoration: none;
	background: #cfcfcf;
	color: #1e1e1e;
	padding: 0.2em 0.2em;
	border-bottom: 1px solid #fff; /* width: 175px;  width of the menu */
}
ul#vert_navigation_national a:hover
{
	color: white;
	background: #EBA000; /* gold */
}
/* Vertical Menu - Local Leagues(3) */
ul#vert_navigation_local
{
	margin-left: 0px;
	padding-left: 1px;
	padding: 0.2em 0.2em;
	list-style-type: none;
	width: 210px;  /* width of the menu */	
}
ul#vert_navigation_local li
{
	display: inline;
}

ul#vert_navigation_local a
{
	text-align: left;
	display: block;
	text-decoration: none;
	background: #cfcfcf;
	color: #1e1e1e;
	padding: 0.2em 0.2em;
	border-bottom: 1px solid #fff;
}
ul#vert_navigation_local a:hover
{
	color: white;
	background: #EBA000; /* gold */
}

/* Vertical Menu - External Links (4) */
ul#vert_navigation_external_links
{
	margin-left: 0px;
	padding-left: 1px;
	padding: 0.2em 0.2em;
	list-style-type: none;
	width: 210px;  /* width of the menu */	
}
ul#vert_navigation_external_links li
{
	display: inline;
}

ul#vert_navigation_external_links a
{
	text-align: left;
	display: block;
	text-decoration: none;
	background: #cfcfcf;
	color: #1e1e1e;
	padding: 0.2em 0.2em;
	border-bottom: 1px solid #fff;
}
ul#vert_navigation_external_links a:hover
{
	color: #FAFAFA;
	background: #EBA000; /* gold */
}

.page_header_label
{
	/* color:#205D6B;  green */
	color:#012853; /* greenhouseprogress blue */
	font-size:large;
	font-weight:bold;
}

/* used by show control */
.showContainer
{
    padding: 7px;
    width: 180px;
    height: 180px;
    border: 1px solid silver;
}

.showWebContainer
{
    padding: 7px;
    /* width: 400px;
    height: 300px; */
    border: 1px solid silver;
}

/* Used by show control in Health & Fitness page */
.panelTable_health
{
    border: 1px solid #cccccc;
    background-color: white;
    padding: 7px;
    height: 100%;
    width: 100%;
    border-collapse: separate;
    border-spacing: expression(cellSpacing=0);
    border-spacing: 0px;
    border-padding: expression(cellPadding=0);
    border-padding: 0px;
}

.showContainer_health
{
    padding: 7px;
    width: 690px;
    border: 0px solid red;
    background-color:#D0D0D0; 
    font-family:Tahoma;
}

.imageText_health
{
    color: #CCCCCC;
    font-weight: bold;
    font-size: 0.8em;
}

.title_health
{
    font-size: 24px;
    font-weight: bold;
    color: #6495ED;
}

.subtitle_health
{
    color: #6495ED;
    font-size: 18px;
    font-weight: bold;
    padding-top: 20px;
}

.list_health ul li
{
    font-size: 0.9em;
    font-weight: normal;
    font-family : Tahoma;
}

.tdText_health
{
	font-family : Tahoma;
	font-size: 0.9em;
	color:#2e2e2e;
}

/* Ajax: Accordion control */
/* accordion styles */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #B2C3E1;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2290AD;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #E0DFB1; 
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px; 
}

.accordionLink
{
	background-color: #D3DEEF;
	color: Gray;
}

