/* ESSEX CRICKET SOCIETY */
/* ZEROS MARGINS AND PADDING FOR ALL ELEMENTS, REMOVING ANY BROWSER DEFAULT */
* {
margin: 0;
padding: 0;
}

html {
font-size: 100%;
}

body {
/*font-size: 62.5%;*/
font-family: Tahoma, Arial;
background: #dddddd;
}

/* MARGIN SETTINGS WILL CENTER THE DIV */
#container {
width: 1280px;
margin: 0 auto;
/* background: #ffffff; WHITE BACKGROUND */
background: #ffffc6; /* BEIGE BACKGROUND FOR SIGHT-RELATED ACCESSIBILITY ISSUES */
padding: 20px;
}

h1 {
	position: relative;
/* WITHOUT ESSEX SHIELD */
/*	width: 1075px;
	float: right;
	font-size: 80px;
	padding-top: 35px;
	height: 144px;*/

/* WITH ESSEX SHIELD */
	width: 900px;
	float: left;
	font-size: 62px;
	margin-left: 20px;
	margin-right: 22px;
	padding-top: 50px;
	padding-bottom: 55px;

/*	border: 1px solid;*/
	font-family: Tahoma, Arial;
	text-align: center;
	text-shadow: 2px 2px 8px #FF0000; /* BLUR EFFECT */
	/*text-shadow: 0 0 3px #FF0000; RED NEON GLOW */
}

h2 {
	font-family: Tahoma, Arial;
	font-size: 35px;
	margin-bottom: 10px;
	text-align: center;
	text-shadow: 2px 2px 8px #FF0000; /* BLUR EFFECT */
}

h3 {
	font-family: Tahoma, Arial;
	font-size: 22px;
	text-align: center;
	text-shadow: 2px 2px 8px #FF0000; /* BLUR EFFECT */
}

h4	{
	font-family: Calibra, Arial;
	font-size: 35px;
	text-align: center;
	color: red;
}

h5 {
	font-family: Tahoma, Arial;
	font-size: 25px;
	text-align: center;
	text-shadow: 2px 2px 8px #FF0000; /* BLUR EFFECT */
}

hr {
	clear: both; 
	margin-bottom: 5px;
	width: 100%;
	border: 2px solid gray;
/*	height: 5px;*/
}

span {
	color: blue;
/*	text-decoration: bold;*/
}

#copyright {
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
clear: both;
}

/*aside {
  float: right;
  width: 246px;
  margin-right: 0;
  padding-left: 4px; 
 }*/
 
section {
	float: left;
	clear: right;
    width: 1065px;
/*    border: 1px solid #ccc;*/
    margin-left: 5px;
    margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 10px;
/*	border: 1px solid;*/
	border-left: 4px solid gray;
}

article {
/* 13-12-2019 FROM W3SCHOOLS.COM TO MAKE THE 
   SIDEBAR NAVIGATION ALWAYS VISIBLE 
   SEE 'Auto Sidebar' IN THE CSS SECTION */
/*    margin-left: 190px;*/
/*=======================================*/
	float: left;
	clear: right;
    width: 1065px;
/*    width: 1065px;*/
/*    border: 1px solid #ccc;*/
	font-family: Tahoma, Arial;
/*    margin-left: 5px;*/
    margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 10px;
/*	border: 1px solid;*/
	border-left: 4px solid gray;
/*	border-right: 2px solid red;*/
	
/*	margin-top: 200px;*/
}

article p {
font-size: 18px;
margin-bottom: 5px;
}

article a {
    display: inline;
    text-decoration: underline;
    color: blue;
}

#picture_left {
position: relative;
clear: right;
float: left;
/*top, right, bottom, left*/
padding: 10px 10px 5px 0;
margin-left: 50px;
text-align: center;
}

#picture_centre {
position: relative;
clear: both;
float: center;
/*top, right, bottom, left*/
padding: 10px 10px 5px 0;
margin-left: 50px;
text-align: center;
}

#picture_right {
position: relative;
clear: right;
float: right;
/*top, right, bottom, left*/
padding: 10px 5px 0 10px;
margin-right: 50px;
text-align: center;
}

p.picture_description {
font-size: 0.8em;
font-style: italic;
}

#list_archive {
position: relative;
/*top, right, bottom, left*/
/*margin: 20px 0 110px 180px;*/
margin: 20px 0 0 180px;
clear: right;
float: left;
width: 800px;
}

#list_archive ul {
/*top, right, bottom, left*/
padding: 0 0 0 2px;
/*margin: -15px 0 -10px 0;*/
font-size: 18px;
list-style: disc inside;
}

#list_archive span:hover {
color: gray;
}

#list_TFTB_left {
position: relative;
/*top, right, bottom, left*/
/*margin: 20px 0 110px 180px;*/
margin: 20px 0 0 0;
clear: right;
float: left;
width: 30px;
text-align: right;
}

#list_TFTB_left ul {
/*top, right, bottom, left*/
padding: 0 0 0 2px;
/*margin: -15px 0 -10px 0;*/
font-size: 18px;
list-style: none;
}

#list_TFTB_right {
position: relative;
/*top, right, bottom, left*/
/*margin: 20px 0 110px 180px;*/
margin: 20px 0 0 5px;
clear: right;
float: left;
width: 500px;
}

#list_TFTB_right ul {
/*top, right, bottom, left*/
padding: 0 0 0 2px;
/*margin: -15px 0 -10px 0;*/
font-size: 18px;
list-style: none;
/*border-right: 2px solid red;*/
}

/*#list_TFTB span:hover {*/
#list_TFTB_right a:hover span {
/*text-decoration: underline;*/
color: gray;
}

#list_T_and_C_left {
position: relative;
/*top, right, bottom, left*/
/*margin: 20px 0 110px 180px;*/
margin: 0 0 10px 10px;
clear: right;
float: left;
width: 15px;
}

#list_T_and_C_left ul {
/*top, right, bottom, left*/
padding: 0 0 0 2px;
/*margin: -15px 0 -10px 0;*/
font-size: 18px;
list-style: none;
}

#list_T_and_C_right {
position: relative;
/*top, right, bottom, left*/
/*margin: 20px 0 110px 180px;*/
margin: 0 0 10px 10px;
clear: right;
float: left;
width: 1000px;
}

#list_T_and_C_right ul {
/*top, right, bottom, left*/
padding: 0 0 0 2px;
/*margin: -15px 0 -10px 0;*/
font-size: 18px;
list-style: none;
}

#list_left {
position: relative;
/*top, right, bottom, left*/
margin: 20px 0 0 330px;
clear: right;
float: left;
width: 250px;
}

#list_left ul {
/*top, right, bottom, left*/
padding: 0 0 0 2px;
/*margin: -15px 0 -10px 0;*/
font-size: 18px;
list-style: disc inside;
}

#list_right {
/*font-size: 1.3em;*/
/*line-height: 1.5384615em;*/
position: relative;
/*border: 1px solid black;*/
/* top, right, bottom, left*/
margin: 20px 0 0 10px;
clear: right;
float: left;
width: 200px;
}

#list_right ul {
font-size: 18px;
list-style: none;
}

#list_left_1 {
position: relative;
/*top, right, bottom, left*/
margin: 20px 0 0 280px;
/*margin: 20px 0 0 320px;*/
/*width: 350px;*/
clear: right;
float: left;
width: 390px;
}

#list_left_1 ul {
/*top, right, bottom, left*/
padding: 0 0 0 2px;
/*margin: -15px 0 -10px 0;*/
font-size: 18px;
list-style: disc inside;
}

#list_right_1 {
/*font-size: 1.3em;*/
/*line-height: 1.5384615em;*/
position: relative;
/*border: 1px solid black;*/
/* top, right, bottom, left*/
margin: 20px 0 0 10px;
clear: right;
float: left;
text-align: right;
width: 60px;
}

#list_right_1 ul {
font-size: 18px;
list-style: none;
}

#list_left_2 {
position: relative;
/*top, right, bottom, left*/
margin: 15px 0 0 0;
clear: right;
float: left;
/*width: 250px;*/
width: 270px;
}

#list_left_2 ul {
/*top, right, bottom, left*/
padding: 0 0 0 2px;
/*margin: -15px 0 -10px 0;*/
font-size: 18px;
list-style: disc inside;
}

#list_right_2 {
/*font-size: 1.3em;*/
/*line-height: 1.5384615em;*/
position: relative;
/*border: 1px solid black;*/
/* top, right, bottom, left*/
margin: 15px 0 0 10px;
clear: right;
float: left;
width: 170px;
}

#list_right_2 ul {
font-size: 18px;
list-style: none;
}

#list_left_3 {
position: relative;
/*top, right, bottom, left*/
margin: 20px 0 0 280px;
/*margin: 20px 0 0 320px;*/
/*width: 350px;*/
clear: right;
float: left;
width: 180px;
}

#list_left_3 ul {
/*top, right, bottom, left*/
padding: 0 0 0 2px;
/*margin: -15px 0 -10px 0;*/
font-size: 18px;
list-style: disc inside;
}

#list_right_3 {
/*font-size: 1.3em;*/
/*line-height: 1.5384615em;*/
position: relative;
/*border: 1px solid black;*/
/* top, right, bottom, left*/
margin: 20px 0 0 10px;
clear: right;
float: left;
text-align: left;
width: 400px;
}

#list_right_3 ul {
font-size: 18px;
list-style: none;
}

#list_center {
/*font-size: 1.3em;*/
/*line-height: 1.5384615em;*/
position: relative;
/*  top, right, bottom, left*/
margin: 20px 0 0 0;
clear: right;
float: left;
width: 10px;
}

#list_center ul {
font-size: 18px;
list-style: none;
}

#list_center_2 {
/*font-size: 1.3em;*/
/*line-height: 1.5384615em;*/
position: relative;
/*  top, right, bottom, left*/
margin: 15px 0 0 0;
clear: right;
float: left;
width: 10px;
}

#list_center_2 ul {
font-size: 18px;
list-style: none;
}

#events_list_left {
position: relative;
/*top, right, bottom, left*/
margin: 20px 0 0 90px;
clear: right;
float: left;
width: 330px;
}

#events_list_left ul {
/*top, right, bottom, left*/
padding: 0 0 0 2px;
/*margin: -15px 0 -10px 0;*/
font-size: 18px;
list-style: disc inside;
}

#events_list_right {
/*font-size: 1.3em;*/
/*line-height: 1.5384615em;*/
position: relative;
/*border: 1px solid black;*/
/* top, right, bottom, left*/
margin: 20px 0 0 10px;
clear: right;
float: left;
width: 600px;
}

#events_list_right ul {
font-size: 18px;
list-style: none;
}

#newsletter_left {
width: 260px;
color: purple;
height: 100px;
font-size: 20px;
/*top, right, bottom, left*/
margin: 10px 0 10px 390px;
padding: 10px 0 0 25px;
background-color: rgba(191, 191, 191, 0.7);
border-radius: 5px;
/*border: 1px solid;*/
clear: both;
float: left;	
}

#newsletter_left a:hover {
color: gray;
}

#newsletter_left li {
padding-bottom: 5px;
}

#committee_left {
/*width: 440px;*/
width: 460px;
color: purple;
height: 210px;
font-size: 20px;
/*top, right, bottom, left*/
margin: 5px 0 30px 290px;
/*margin: 5px 0 30px 300px;*/
padding: 0 0 0 25px;
background-color: rgba(191, 191, 191, 0.7);
border-radius: 5px;
/*border: 1px solid;*/
clear: both;
float: left;	
}

#list_left_POTY {
position: relative;
/*top, right, bottom, left*/
margin: -27px 0 0 160px;
/*margin: 20px 0 0 320px;*/
/*width: 350px;*/
clear: right;
float: left;
width: 900px;
/*width: 850px;*/
}

#list_left_POTY ul {
/*top, right, bottom, left*/
padding: 0 0 0 2px;
/*margin: -15px 0 -10px 0;*/
font-size: 18px;
list-style: disc inside;
}

#guest_speakers_3_pics {
/*width: 518px;*/
width: 1060px;
color: purple;
height: 280px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 12px;
background-color: rgba(191, 191, 191, 0.7);
border-radius: 5px;
/*border: 1px solid;*/
clear: both;
float: left;	
}

#guest_speakers_6_pics {
/*width: 518px;*/
width: 1060px;
color: purple;
height: 560px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 12px;
background-color: rgba(191, 191, 191, 0.7);
border-radius: 5px;
/*border: 1px solid;*/
clear: both;
float: left;	
}

#guest_speakers_9_pics {
/*width: 518px;*/
width: 1060px;
color: purple;
height: 840px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 12px;
background-color: rgba(191, 191, 191, 0.7);
border-radius: 5px;
/*border: 1px solid;*/
clear: both;
float: left;	
}

#archive_box {
    display: block;
    text-decoration: none;
    border: 2px double;
    color: black;
/*  border: 5px double;*/
/*  color: #ffffff;*/
    background-color: rgba(57, 194, 255, 1);
/*  background-color: #0070C0;*/
/*  background-color: rgba(255, 192, 0, 1);*/
    text-align: center;
    font-family: Tahoma, sans-serif;
    font-size: 22px;
/*  font-size: 28px;*/
/*  top, right, bottom, left*/
    margin: 20px 5px 9px 400px;
    padding: 2px 0 15px 0;
    position: relative;
    border-radius: 20px;
	width: 270px;
	height: 15px;
	
	clear: both;

/*    box-shadow: 2px 5px 0 0 #484848;*/
/*    text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);*/
}

#archive_box_1 {
    display: block;
    text-decoration: none;
    border: 2px double;
    color: black;
/*  border: 5px double;*/
/*  color: #ffffff;*/
    background-color: rgba(57, 194, 255, 1);
/*  background-color: #0070C0;*/
/*  background-color: rgba(255, 192, 0, 1);*/
    text-align: center;
    font-family: Tahoma, sans-serif;
    font-size: 22px;
/*  font-size: 28px;*/
/*  top, right, bottom, left*/
/*    margin: 20px 5px 9px 400px;*/
    padding: 2px 0 15px 0;
    position: relative;
    border-radius: 20px;
	width: 270px;
	height: 15px;
	
	clear: both;
	text-align: center;

/*    box-shadow: 2px 5px 0 0 #484848;*/
/*    text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);*/
}

#information_box {
/*width: 518px;*/
width: 1051px;
border: 2px solid black;
color: purple;
/*height: 280px;*/
/*  top, right, bottom, left*/
margin: 5px 12px 10px 0;
padding: 0 5px 5px 5px;
/*margin-top: 5px;
margin-bottom: 10px;
margin-right: 12px;*/
/*background-color: rgba(191, 191, 191, 0.7);*/
/*background-color: rgba(192, 192, 0, 0.7);*/
background-color: rgba(255, 255, 128, 0.7);
border-radius: 5px;
/*border: 1px solid;*/
clear: both;
float: left;	
}

#TFTB_story_box {
/*width: 518px;*/
width: 1051px;
border: 2px solid black;
/*height: 280px;*/
/*  top, right, bottom, left*/
margin: 5px 12px 10px 0;
padding: 0 10px 5px 10px;
/*margin-top: 5px;
margin-bottom: 10px;
margin-right: 12px;*/
/*background-color: rgba(191, 191, 191, 0.7);*/
/*background-color: rgba(192, 192, 0, 0.7);*/
background-color: rgba(255, 255, 128, 0.7);
border-radius: 5px;
/*border: 1px solid;*/
clear: both;
float: left;	
}

#TFTB_story_text {
margin-top: 10px;
font-size: 20px;
color: purple;
}
	
#author {
clear: both;
float: right;
font-size: 20px;
font-style: italic;
/*font-weight: bold;*/
/*  top, right, bottom, left*/
margin: 10px 10px 5px 0;
color: red;
}