/* *******************************************************************************
		-------------  General style definitions here ------------------- 
    ***************************************************************************** */

BODY {
	font-family:"Verdana";
	margin: 0px 0px 0px 0px; 	/* note that margin and padding of zero required for drop down menus */
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

H1 {
	font-family:"Verdana";
	color: #000000;
	Font-size:18px;
	font-weight:  bold;
}

H2 {
	font-family:"Verdana";
	color: white;
	Font-size:17px;
	font-weight:bold;
	margin:0.2cm;
	text-decoration:none;
}

H3 {
	font-family:"Verdana";
	color: maroon;
	Font-size:16px;
	font-weight:bold;
	margin:0.2cm;
	text-decoration:none;
}

H4 {
	font-family:"Verdana";
	color: #0c0c0c;
	Font-size:15px;
	font-weight:bold;
	margin:0.3cm;
	line-height:16px;
	text-decoration:none;
}

H5 {
	font-family:"Verdana";
	color: #cccccc;
	Font-size:13px;
	font-weight:bolder;
	margin:0.01cm;
	text-decoration:none;
}

TABLE, TR, TD, TH {
	font-family:"Verdana";
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

li {
padding-left: 4px;
padding-top: 1px
}

.blue_text {
color: rgb(0, 0, 153)
}

.drop_menu_off_colour_1 {
	background-color: #92C5DE; /* not used in menu code but good for setting colour value to be used in Javascript file */
	color: #0000CC;
}

.drop_menu_on_colour_1 {
	background-color: #0000aa; /* not used in menu code but good for setting colour value to be used in Javascript file */
}

.drop_menu_off_colour_2 {
	background-color: #E6E2DB; /* not used in menu code but good for setting colour value to be used in Javascript file */
}

.drop_menu_on_colour_2 {
	background-color: #0000aa; /* not used in menu code but good for setting colour value to be used in Javascript file */
}

.footer { font-size:9px; font-family:"arial"; color:#FFFFcc; line-height: 10pt; }
.updated { font-size:10px; font-family:"verdana"; color:#cccccc; font-weight: normal; }
.navlinks { font-size:9px; font-family:"arial"; color:#000000;  }
.top_most { font-size:10px; font-family:"verdana"; color:#ffffff; font-weight:  normal; }

.event_header { font-size:13px; font-family:"verdana"; color:maroon; font-weight:bold ; }

.event_date {
	font-size:10px;
	font-family:"verdana";
	color:#000000;
	font-weight:bold;
}

.small_break { font-size:6px; font-family:"arial"; color:#FFFFcc; line-height: 6pt; }

.racing_results1 { font-size:12px; font-family:"verdana"; color:#274468; font-weight:bold ; }

.committee_name {
	font-size:12px;
	font-family:"verdana";
	color:#0F0F0F;
	font-weight:bold;
}

.committee_day {
	font-size:11px;
	font-family:"verdana";
	color:#0F0F0F;
	font-weight:500;
}

.committee_time {
	font-size:11px;
	font-family:"verdana";
	color:#0F0F0F;
	font-weight:400;
}

.image_left {
	margin-right: 5px;
}

.image_right {
	margin-left: 5px;
}

/* *********************************************************************************************
			-------  drop down menu css style definitions start here ---------
   ****************************************************************************************** */

.leftMenu {	text-align: left; }
.centerMenu { text-align: center;}
.rightMenu { text-align: right;	}

/* --- MenuLabelLink refers to the main menu bar labels which become links through 'addLabel'
        Reference to MenuLabelLink and MenuLableLinkOn is in menuBar function in drop_down_menu.js --- */	

a.MenuLabelLink	{  
	COLOR: #000033;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

a.MenuLabelLink:link {  /* --- Main Menu Bar Link in it's standard state (mouse not on it) --- */
	COLOR: #000033;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
}

a.MenuLabelLink:visited	{   /* --- a previously visited link on the main menu (mouse not on it) --- */
	COLOR: #000033;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
}

a.MenuLabelLink:hover {  /* --- Main Menu Bar Link when mouse is hovering over it --- */
	COLOR: #e0e0e0; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None; 
}		

a.MenuLabelLinkOn {  /* --- Main Menu Bar in it's on state (mouse over the box) --- */
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

a.MenuLabelLinkOn:link {  /* --- a link on the main menu (mouse over the box) --- */
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
}

a.MenuLabelLinkOn:visited {  /* --- a previously visited link on the main menu (mouse is hovering over box) --- */
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
}

a.MenuLabelLinkOn:hover {   /* --- Main Menu Bar Link when mouse is hovering over the link text itself --- */
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
}

/* ------------------- MenuItemLink refers to the drop down menu labels --------------------------- */		

a.MenuItemLink {   
	COLOR: #000033;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

a.MenuItemLink:link {  /* --- Sub-Menu item Link in it's standard state (mouse not on it) --- */
	COLOR: #000033;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
}

a.MenuItemLink:visited {   /* --- a previously visited link label on a sub-menu --- */
	COLOR: #000033;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
}

a.MenuItemLink:hover {
	COLOR: #000033;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
}

a.MenuItemLinkOn {
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

a.MenuItemLinkOn:link {  /* --- Sub-Menu item Link in it's standard state (mouse over box) --- */
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
}

a.MenuItemLinkOn:visited {  /* --- Previously visited sub-menu item (mouse over box) --- */
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
}

a.MenuItemLinkOn:hover {  /* --- Sub-Menu item Link with mouse hovering over text --- */
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
}

.myMenu { position: absolute; visibility: hidden; z-index: 5; }		
.myMenuLabelleft { padding: 0px 0px 0px 0px; text-align: left; }		
.myMenuLabelcenter { padding: 0px 0px 0px 0px; text-align: center; }		
.myMenuLabelright { padding: 0px 0px 0px 0px; text-align: right; }		
.myMenuItemleft { padding: 0px 0px 0px 0px; text-align: left; }		
.myMenuItemcenter { padding: 0px 0px 0px 0px; text-align: center; }		
.myMenuItemright { padding: 0px 0px 0px 0px; text-align: right; }



/* ************************************************************************************************************
		-----------------  Positioning of absolute positioned elements defined here ------------  
  ************************************************************************************************************/	


/* Main menu bar position, size, etc.  The bar is written out by Javascript, so a placeholder is created next */	

#main_menu {
	position: absolute;
	top: 165px;
	left: 300px;
	width: 500px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	z-index: 2;
}

#menu_bar_place {
	position: absolute;
	top: 165px;
	left: 300px;
	width: 500px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
	background-color: #425088;
	font: verdana;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}

/* A bar area created to show where you are in the site. */

#you_are_here {
	position: absolute;
	top: 195px;
	left: 15px;
	width: 750px;
	height: 30px;
	padding: 0px 0px 0px 15px;
	z-index: 1;
	background-color: #F7F5F4;
	text-align: left;
}

#you_are_here table, #you_are_here tr, #you_are_here td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #6F6F6F;
	text-decoration: none;
	padding-top: 6px;
}

#you_are_here a:link, #you_are_here a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #57A6CC;
	text-decoration: none;
	padding-top: 6px;
}

/* Page content position, size, etc */

#page_content {
	background-color: #FFFFFF;
	position: absolute;
	top: 260px;
	left: 0px;
	width: 750px;
	z-index: 1;
	overflow: hidden;
	visibility: visible;
	padding-left: 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-top: 0px;
	padding-right: 15px;
	margin: 0;
}

#welcome_pics {
	background-color: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	height: 256px;
	padding-left: 15px;
}

#left_content_column {
	width: 350px;
	background-color: #FFFFFF;
	float: left;
	margin: 0;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFCC;
	border-right-color: #E6E6E6;
	border-bottom-color: #FFFFCC;
	border-left-color: #E6E6E6;
}

#right_content_column {
	width: 350px;
	float: right;
	background-color: #FFFFFF;
	margin: 0;
	overflow: hidden;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFCC;
	border-right-color: #E6E6E6;
	border-bottom-color: #FFFFCC;
	border-left-color: #E6E6E6;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*  *******************************************************************************************************
     -------------------- Right hand column table with quick links position, size, etc ------------------
  ****************************************************************************************************** */

#right_column {
	background-color: #FFFFFF;
	position: absolute;
	top: 157px;
	left: 808px;
	width: 100px;
	z-index: 3;
	font-size: 9px;
	font-style: italic;
	color: #09149F;
	font-size: 100%;
	overflow: hidden;
	visibility: visible;
	padding-top: 50px;
}

#right_column a:link {
	font-size: 10px;
	font-style: italic;
	text-decoration: underline;
	color: #09149F;
}

#right_column a:visited {
	font-size: 10px;
	font-style: italic;
	text-decoration: underline;
	color: #CC3399;
}

/* -------------  quick links nav area within right hand column   -------------------  */

#right_column .nav {
	background: #92C5DE; /*---- light blue #92C5DE. Gray option tested #E6E2DB  -----*/
	color: #000000;
	font-size: 100%;
	padding: 0px 0 0 0;
	overflow: hidden;
	width: 96px;
}

#right_column .nav div{
	color: #FFF;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	padding: 0px 0 0 0;
	margin:0;
}

#right_column .nav strong{
	color: #ffffff;
	display:block;
	padding: 5px 18px 5px 5px;
}

#right_column .nav hr{
	color: #ffffff;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#right_column .nav a {
	display: block;
	margin: 0;
	padding: 2px 0px 2px 4px;
	width: 103px;
}

#right_column .nav a:link {
	color:#000000;
	font-weight: normal;
	text-decoration: none;
}

#right_column .nav a:visited {
	color:#000000;
	font-weight: normal;
	text-decoration: none;
}

#right_column .nav div div a:hover {
	background: #CCC;
	color: #333B5C;
}

#right_column .nav  a:hover {
	background: #2A557F;
	color: #FFF;
}

#right_column .nav ul{
	font-weight: bold;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0 10px 0;
}

#right_column .nav li a {
	font-weight: normal;
	margin: 0px;
	padding: 0 0 0 0px;
	width: 103px;
}

#right_column .nav li a:link {
	font-weight: normal;
	margin: 0px;
	padding: 0 0 0 0px;
	width: 103px;
}

#right_column .nav li a:visited {
	font-weight: normal;
	margin: 0px;
	padding: 0 0 0 0px;
	width: 103px;
}

#right_column .nav li hr {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	text-align: center;
	width: 20px;
	padding: 0px 0px 0px 0px;
}

#right_column .nav br{
	display: none;
}


/* ******************************************************************************************************************
     ---------- this is the top bar area of the page with date, Home link and contact link -----------
	*****************************************************************************************************************/
#table_top {
	position: absolute;
	top: 0px;
	left: 300px;
	width: 500px;
	height: 25px;
	z-index: 1;
	background-color: #a7a08a;
	visibility: visible;
}

/* RSF Banner image position, size, etc */
#banner_image {
	position: absolute;
	visibility: visible;
	z-index: auto;
	height: 140px;
	width: 500px;
	left: 300px;
	top: 25px;
}

/* RVYC footer position, etc. */

#Table_footer {
	position: relative;
	text-align: center;
	font-size: 9px;
	color: #FFFFFF;
	width: 750px;
}

/* box in which news flashes and upcoming calendar events are displayed */

#news, #events {
	padding: 0px 0px 0px 0px;
	font-size: 9px;
	height: auto;
}

	/* define style for each news or event item being displayed.  
		This style is applied to the <p> element created by the Javascript function */

.news_item {
	font-family:#Verdana;
	font-size:11px;
	font-weight:bold;
	color:#494536;     /*----- was #494536 red colour is #990000 ----- */
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 0px;
	padding: 0px;
}

#news_table {            /*----- was #494536 red colour is #990000 ----- */
	width: 315px;
	margin-left: 10px;
	padding-top: 20px;
	margin-top: 40px;
	padding-left: 0px;
}


/*----- main_event left div.   ----- */
#page_content #left_content_column #left_main_event {
	border: 2px ridge #F7F5F4;
}

/*----- main_event right div.   ----- */
#page_content #right_content_column #right_main_event {
	border: 2px ridge #F7F5F4;
}

.main_page_table_cell {
	height: 45px;
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
}

.main_page_table_cell_colour_bg {
	height: 45px;
	background-color: #F7F5F4;
	margin-top: 5px;
	margin-bottom: 5px;
}

.section_headline {
	color: #FFFFCC;
	font-style: italic;
	font-weight: bold;
	background-color: #a7a08a;
	height: 13px;
}