/*
	styles.css
	Initial code generated by thesitewizard.com's Layout Wizard 3.0.0
*/
img {
	max-width: 100% ;
	width: auto ;
	height: auto ;
}
input, select, button, textarea {
	max-width: 100% ;
}
meter, progress, output {
	max-width: 100% ;
}

div#tswcontent {
	float: inherit;
	margin: auto;
	width: 80% ; /* was 100% */
}
@media only screen and (max-width: 629px) {
	div#tswcontent {
		float: none ;
		width: 100% ;
	}
}
div#tswcontproper {
	padding-left: 5px ;
	padding-right: 5px ;
}
div#tswcontainer {
	color: inherit ;
	
}
div#tswheader {

	
}
div#tswfooter {
	padding-top:4px;
	margin: auto;
	width: 80% ; /* was 100% */
	border-top-color:black;
	border-top-style:dotted;
	

	
}

@media only screen and (max-width: 629px) {
	div#tswfooter {
		float: none ;
		width: 100% ;
	}
}


/* menu styling */

#tswcsstabs {
	margin-top:9px;
	margin-bottom:9px;
	text-align:center;	
}

#tswcsstabs ul {
	overflow: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	text-align:center;
}
#tswcsstabs ul li {
	margin: 0 ;
	padding: 0 ;
	display: inline ;
	text-align: center ;
	font-family: Arial, Helvetica, sans-serif ;
}
#tswcsstabs li a {
	color: #000000 ;
	background-color: #76C8FE ;
	border: 1px outset #0000ff ;
	padding: 8px ;
	text-decoration: none ;
	display: inline-block ;
	margin-right:-5px;
}
#tswcsstabs li a:hover {
	color: #ffff00 ;
	background-color: #0000c0 ;
}



/* style for elements */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url('images/sccbackground1.gif');
	color: #000000;
	padding: 0;
	margin: 0;
}
h1 {
	font-size: 36px;
	font-style: normal;
	font-weight: bolder;
	color: #63CFFF;
	position: relative;
	text-align:center;
}

h2 {
	font-size: 18px;
	color: #63CFFF;
	text-align: center;
	padding: 0.5em 1em 0.5em 1em;
	margin-top:0.6em;
	margin-bottom:0.6em;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3399cc;
	font-size: 16px;
	padding: 0.2em 0.3em 0.2em 0.3em;
	margin-top:0.3em;
	margin-bottom:0.3em;
	
}
p {
  margin-top: 0.3em ;
  margin-bottom: 0.3em ;
}





/* style classes */
.headerImage {
display: block;
margin-left:auto;
margin-right:auto;
height:103px;
width:502px; 
aspect-ratio:103/502;
}


.yellowtext {
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: normal;
	color: #FFFF00;
	margin:0 1em 0 1em;
}

.rookBullet {  font-family: Arial; list-style-image:   url(images/rookBullet.gif); list-style-type: circle; list-style-position: inside}

.newsDiv ul li
{
	/*list-style-image: url(images/rookBullet.gif);*/
	background: url('images/rookBullet.gif') no-repeat left center;
	list-style: none;
	margin: 0;
	vertical-align: middle;
	padding-right:2em;
	padding-left:2em;
	padding-top:2px;
/*	padding: 5px 10px 5px 25px;*/
	
}

.newsDiv figure {
	margin: 0px 4px 2px 0px;
	display: inline-block;
}
.newsDiv figcaption {
text-align:center;
}


.table {
border-collapse:collapse;
	border:1px solid black;
	margin-left:auto;
	margin-right:auto;	
	margin-bottom: 4px;
}
.table th,td {
	
	border-bottom:1px black solid;
	border-right:1px black solid;
	padding: .5em;
}

.table p {
	padding:1px;
	margin:1px;
	}

/* table with rounded corners */	
.tablerounded {
	border-collapse:collapse;
	border-radius: 10px;   /* rounded corners */
	margin-left:auto;
	margin-right:auto;	
	margin-bottom: 4px;
	border-style: hidden;  /* hide default table border styles */
	box-shadow: 0 0 0 1px #666; 	/* outline of the table */
}

.tablerounded td {
	border: 1px solid #ccc;
	padding: .5em;
}

.tablerounded th {
	border: 1px solid black;
	padding: .5em;
}


	
	/* news */
.newsDiv {
	/*	border-bottom:inherit;*/
	overflow: auto;
	border-bottom: 2px black solid;
	margin-left: auto;
	margin-right: auto;
}

/* style for top link at bottom of page. */
.top {

	text-align:center;
/*	display:inline;*/
	float:right;
	width:auto;
	padding-right:4px;
}

.redbg {
	background-color: #FF0000;
	width:auto;
	display:inline;
	padding:1px;
}


.leftimage {
    float: left;
	margin-right: 10px;
	
}


.rightImage {
    float: right;
	display: inline;
	width:182 px;
	margin: 0 1em 1em 1em;
	clear:right;
}
.alone { 
clear:both;
}

.center {  /* used for clocks on homepage */
	text-align:center;
}

.purpleText {
	
	color:#ff00ff;

	font-size:larger;
}
.RedText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
	text-align:center;
}

.smallRedText {
	color: #FF0000;
	font-size:x-small;
	text-align:center;
}

.smallBlueText
{
	color: #993300;
	font-size:x-small;
	text-align:center;
}



.tablePlan {
	border-top-style: solid;
	border-top-width: thin;
	border-color:black;
}

/* styles for table plan */
.noborder {
	border-style: none;
}
.borderleft {
	border-style: none none none dotted;
	border-left-width: thin;
	border-left-color: #000000;
	text-align:left;

}

.alignleft {
text-align:left;

	}
.alignright {
	text-align: right;
}
.borderright {
	text-align: right;
	border-style: none dotted none none;
	border-right-width: thin;
	border-right-color: #000000;
}

.hole {
	/* fill a table cell */
	background-color: #808080;
	margin: 0 0 0 0;
}

/* styles for the centenary table plan */

table.tablePlan td {
	border-style: none;
}

table.tablePlan tr td:first-child {
	text-align: right;
	border-right-style: dotted;
	border-right-width: thin;
	border-right-color: #000000;
}

table.tablePlan tr td:last-child {
	text-align: left;
	border-left-style: dotted;
	border-left-width: thin;
	border-left-color: #000000;
}

table.tablePlan tr td:nth-child(4) {
	text-align:right;
}

table.tablePlan tr td:nth-child(2) {
	text-align:left;
}

table.tablePlan tr td.secondrowleft { 
text-align: left;
border-right-style:none;
border-left-style:solid;
border-left-width: thin;
border-left-color: #000000;


	
}
table.tablePlan tr td.secondrowright { 
text-align: right;
border-left-style:none;
border-right-style:solid;
border-right-width: thin;
border-right-color: #000000;
	
}

/* styling for fixtures calendar*/
@media (max-width: 550px) {
   .big-container {
       display: none;
   }
}
@media (min-width: 550px) {
   .small-container {
       display: none;
   }
}

/* styles for the fixtures calendar Responsive iFrame */
.responsive-iframe-container {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
}
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/* styles for pictures page */
/* space between images */
div.TabbedPanelsContent figure img {margin: 10px 10px 0 0;
}

.thumbnail {
	float:left;
/*	width: 220px;*/
	
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}
img.img-fluid
{
	
	border-radius:10px;
	height:80%;
	width:100%;
}