/* ESSEX CRICKET SOCIETY */

/* TO ENSURE ALL BROWSERS RECOGNISE BLOCK-LEVEL DISPLAY ELEMENTS */
article, aside, figure, footer, header, main, nav, section {
display: block;
}

/* FROM HTML5 and CSS3 */


nav {
/* 23-04-2020 FROM W3SCHOOLS.COM TO MAKE THE 
   SIDEBAR NAVIGATION 'STICKY' SO THAT IT ALLOWS
   NAVIGATION TO SCROLL UP TO THE TOP OF THE 
   SCREEN, THEN BECOME FIXED.  THIS ALLOWS MORE 
   OF THE NAVIGATION TO REMAIN VISIBLE AT ALL TIMES
   SEE 'CSS position Property' IN THE CSS SECTION */
top: 0;
position: sticky;
/*position: fixed;
overflow-x: hidden;*/
/*=======================================*/
font-size: 1.25em;
line-height: 0.65em;
/*line-height: 1.5384615em;*/
width: 185px;
clear: left;
float: left;
/*border: 1px solid black;*/

/*margin-top: 200px;*/
margin-right: 5px;
}

nav ul {
padding: 0;
list-style-type: none;
}

nav li {
/*background: url(../images/button_1.png) no-repeat;	  /* 181 x 30 pix */
}

nav a {
/*display: block;
padding-top: 8px;
padding-left: 35px;
height: 30px;
text-decoration: none;
color: black;*/

    display: block;
    text-decoration: none;
    border: 2px double;
    color: black;
/*    border: 5px double;*/
/*    color: #ffffff;*/
/*    background-color: #484848;*/
    background-color: rgba(255, 192, 0, 1);
    text-align: center;
	line-height: 91%;
/*    font-size: 28px;*/
    font-size: 22px;
/*top, right, bottom, left*/
    margin: 5px 5px 9px 1px;
 /*   padding: 8px 0 9px 0;*/
    padding: 4px 0 6px 0;
    position: relative;
    border-radius: 5px;
/*    box-shadow: 2px 5px 0 0 #484848;*/
/*    text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);*/
    font-family: Tahoma, sans-serif;

}

nav a:hover {
/*background: url(../images/button_2.png) no-repeat;	  /* 181 x 30 pix */
/*text-decoration: underline;*/
/*color: gray;*/
    background-color: rgba(191, 191, 191, 1);
}

nav a:hover span {
/*background: url(../images/button_2.png) no-repeat;	  /* 181 x 30 pix */
/*text-decoration: underline;*/
/*color: gray;*/
    color: gray;
}

#update {
    display: block;
    text-decoration: none;
    border: 2px double;
    color: black;
    background-color: rgba(51, 204, 255, 1);
    text-align: center;
    font-size: 16px;
    font-family: Tahoma, sans-serif;
/*top, right, bottom, left*/
    margin: 50px 5px 9px 1px;
	line-height: 80%;
/*    padding: 8px 0 9px 0;*/
    padding: 8px 0 6px 0;
    position: relative;
	
/*    border: 5px double;*/
/*    margin: 5px 5px 9px 1px;*/
/*    color: #ffffff;*/
/*    background-color: #484848;*/
/*    background-color: rgba(191, 191, 191, 1);*/
/*   border-radius: 5px;*/
/*    box-shadow: 2px 5px 0 0 #484848;*/
/*    text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);*/
/*    font-size: 28px;*/

/* THESE ATTRIBUTES PLACE THE UPDATE BOX AT THE BOTTOM OF THE PAGE */
/* LEVEL WITH THE BUTTON LEFT SIDE, AND LEVEL WITH THE BOTTOM OF THE GREY LINE */
/*	position: absolute;*/
/*	left: 313px;*/
/*	top: 892px;*/
}

#update_1 {
    display: block;
    text-decoration: none;
    border: 2px double;
    color: black;
    background-color: rgba(51, 204, 255, 1);
    text-align: center;
    font-size: 16px;
    font-family: Tahoma, sans-serif;
/*top, right, bottom, left*/
    padding: 8px 0 9px 0;
}
	
#update_2 {
    display: block;
    text-decoration: none;
    border: 2px double;
    color: black;
/*top, right, bottom, left*/
	margin: 10px 0 10px 0;
/*    background-color: rgba(51, 204, 255, 1);*/
    background-color: rgba(146, 208, 80, 1);
/*    text-align: center;*/
    font-size: 18px;
    font-family: Tahoma, sans-serif;
/*top, right, bottom, left*/
    padding: 8px 5px 9px 5px;
}
	
#update_3 {
    display: block;
    text-decoration: none;
    border: 2px double;
    color: #002060;	/*Dark Blue*/
/*top, right, bottom, left*/
	margin: 10px 0 10px 0;
/*    background-color: rgba(51, 204, 255, 1);*/
    background-color: #80FFFF;
/*    text-align: center;*/
    font-size: 18px;
    font-family: Tahoma, sans-serif;
/*top, right, bottom, left*/
    padding: 5px 0 5px 5px;
}
	
#update span{
color: black;
}

#update a{
border: none;
background-color:  rgba(51, 204, 255, 1);
font-size: 16px;
margin-bottom: 8px;
padding: 0 0 0 0;
text-decoration: underline;
color: blue;
}

#grey_out {
/*display: block;
padding-top: 8px;
padding-left: 35px;
height: 30px;
text-decoration: none;
font-weight: bold;
color: gray;*/
    display: block;
    text-decoration: none;
    border: 2px double;
    color: black;
/*    border: 5px double;*/
/*    color: #ffffff;*/
/*    background-color: #484848;*/
    background-color: rgba(191, 191, 191, 1);
    text-align: center;
/*    font-size: 28px;*/
    font-size: 22px;
/*top, right, bottom, left*/
    margin: 5px 5px 9px 1px;
    padding: 8px 0 9px 0;
    position: relative;
    border-radius: 5px;
/*    box-shadow: 2px 5px 0 0 #484848;*/
/*    text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);*/
    font-family: Tahoma, sans-serif;

}

#grey_out span {
    color: brown;
}

#poty_navigation {
font-size: 1.25em;
line-height: 0.65em;
/*line-height: 1.5384615em;*/
width: 1065px;
clear: left;
float: left;
margin-top: 10px;
/*border: 1px solid black;*/
}

#poty_navigation ul {
padding: 0;
list-style-type: none;
}

#poty_navigation li {
/*background: url(../images/button_1.png) no-repeat;	  /* 181 x 30 pix */
clear: right;
float: left;
}

#poty_navigation a {
/*display: block;
padding-top: 8px;
padding-left: 35px;
height: 30px;
text-decoration: none;
color: black;*/

    display: block;
    text-decoration: none;
    border: 2px double;
    color: black;
/*    border: 5px double;*/
/*    color: #ffffff;*/
/*    background-color: #484848;*/
    background-color: rgba(57, 194, 255, 1);
    text-align: center;
/*    font-size: 28px;*/
    font-size: 22px;
/*top, right, bottom, left*/
    margin: 5px 5px 9px 4px;
    padding: 8px 0 8px 0;
    position: relative;
	width: 105px;
    border-radius: 15px;
/*    box-shadow: 2px 5px 0 0 #484848;*/
/*    text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);*/
    font-family: Tahoma, sans-serif;

}

#poty_navigation a:hover {
/*background: url(../images/button_2.png) no-repeat;	  /* 181 x 30 pix */
/*text-decoration: underline;*/
/*color: gray;*/
    background-color: rgba(191, 191, 191, 1);
}

#poty_navigation a:hover span {
/*background: url(../images/button_2.png) no-repeat;	  /* 181 x 30 pix */
/*text-decoration: underline;*/
/*color: gray;*/
    color: gray;
}

#poty_navigation span {
    color: brown;
}

#poty_grey_out {
/*display: block;
padding-top: 8px;
padding-left: 35px;
height: 30px;
text-decoration: none;
color: black;*/

    display: block;
    text-decoration: none;
    border: 2px double;
    color: black;
/*    border: 5px double;*/
/*    color: #ffffff;*/
/*    background-color: #484848;*/
    background-color: rgba(191, 191, 191, 1);
    text-align: center;
/*    font-size: 28px;*/
    font-size: 22px;
/*top, right, bottom, left*/
    margin: 5px 5px 9px 4px;
    padding: 8px 0 8px 0;
    position: relative;
	width: 105px;
    border-radius: 15px;
/*    box-shadow: 2px 5px 0 0 #484848;*/
/*    text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);*/
    font-family: Tahoma, sans-serif;

}

#meeting_navigation {
font-size: 1.25em;
line-height: 0.65em;
/*line-height: 1.5384615em;*/
width: 1065px;
clear: left;
float: left;
margin-top: 10px;
/*border: 1px solid black;*/
}

#meeting_navigation ul {
padding: 0;
list-style-type: none;
}

#meeting_navigation li {
/*background: url(../images/button_1.png) no-repeat;	  /* 181 x 30 pix */
clear: right;
float: left;
}

#meeting_navigation a {
/*display: block;
padding-top: 8px;
padding-left: 35px;
height: 30px;
text-decoration: none;
color: black;*/

    display: block;
    text-decoration: none;
    border: 2px double;
    color: black;
/*    border: 5px double;*/
/*    color: #ffffff;*/
/*    background-color: #484848;*/
    background-color: rgba(57, 194, 255, 1);
    text-align: center;
/*    font-size: 28px;*/
    font-size: 22px;
/*top, right, bottom, left*/
    margin: 5px 5px 9px 4px;
    padding: 8px 0 8px 0;
    position: relative;
/*	width: 105px;*/
	width: 163px;
    border-radius: 15px;
/*    box-shadow: 2px 5px 0 0 #484848;*/
/*    text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);*/
    font-family: Tahoma, sans-serif;

}

#meeting_navigation a:hover {
/*background: url(../images/button_2.png) no-repeat;	  /* 181 x 30 pix */
/*text-decoration: underline;*/
/*color: gray;*/
    background-color: rgba(191, 191, 191, 1);
}

#meeting_navigation a:hover span {
/*background: url(../images/button_2.png) no-repeat;	  /* 181 x 30 pix */
/*text-decoration: underline;*/
/*color: gray;*/
    color: gray;
}

#meeting_navigation span {
    color: brown;
}

#meeting_grey_out {
/*display: block;
padding-top: 8px;
padding-left: 35px;
height: 30px;
text-decoration: none;
color: black;*/

    display: block;
    text-decoration: none;
    border: 2px double;
    color: black;
/*    border: 5px double;*/
/*    color: #ffffff;*/
/*    background-color: #484848;*/
    background-color: rgba(191, 191, 191, 1);
    text-align: center;
/*    font-size: 28px;*/
    font-size: 22px;
/*top, right, bottom, left*/
    margin: 5px 5px 9px 4px;
    padding: 8px 0 8px 0;
    position: relative;
/*	width: 105px;*/
	width: 163px;
    border-radius: 15px;
/*    box-shadow: 2px 5px 0 0 #484848;*/
/*    text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);*/
    font-family: Tahoma, sans-serif;

}

#meeting_grey_out span {
    color: brown;
}

#TFTB_nav a {
    display: block;
    text-decoration: none;
    border: 2px double;
    color: black;
/*    border: 5px double;*/
/*    color: #ffffff;*/
/*    background-color: #484848;*/
/*    background-color: rgba(255, 192, 0, 1);*/
background-color: rgba(57, 194, 255, 1);
    text-align: center;
	line-height: 91%;
/*    font-size: 28px;*/
    font-size: 22px;
/*top, right, bottom, left*/
    margin: 5px 5px 9px 1px;
 /*   padding: 8px 0 9px 0;*/
    padding: 4px 0 6px 0;
    position: relative;
    border-radius: 5px;
/*    box-shadow: 2px 5px 0 0 #484848;*/
/*    text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);*/
    font-family: Tahoma, sans-serif;	
}

#TFTB_nav a:hover {
background-color: rgba(191, 191, 191, 1);	
}

/*#button {
display: block;
height: 30px;
width: 181px;
background-color: orange;
border: 1px solid black;
}*/

/*header {
position: fixed;	
overflow-x: hidden;
}*/