@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700');

@font-face {
	font-family: "Rockwell-Bold";
	src: url("../fonts/Rockwell-Bold.eot");
	src: url("../fonts/Rockwell-Bold.eot?#iefix") format("embedded-opentype"),
	url("../fonts/Rockwell-Bold.woff") format("woff"),
	url("../fonts/Rockwell-Bold.woff2") format("woff2"),
	url("../fonts/Rockwell-Bold.ttf") format("truetype"),
	url("../fonts/Rockwell-Bold.svg#Rockwell-Bold") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: "Rockwell";
	src: url("../fonts/Rockwell.eot");
	src: url("../fonts/Rockwell.eot?#iefix") format("embedded-opentype"),
	url("../fonts/Rockwell.woff") format("woff"),
	url("../fonts/Rockwell.woff2") format("woff2"),
	url("../fonts/Rockwell.ttf") format("truetype"),
	url("../fonts/Rockwell.svg#Rockwell") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

/****base css*********/

	body { font-family: "Open Sans",sans-serif; font-weight: normal; font-size:18px; color: #000000; line-height: 26px; -webkit-font-smoothing: antialiased; max-width: 1558px; margin: 0 auto; position: relative; }

	h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-weight: normal; }        
	h1 { font-size:38px; margin:0px 0px 20px; padding:0px; line-height: 1; font-weight: 600; letter-spacing: 2px; }
	h2 { font-size:30px; margin:0px 0px 20px; padding:0px; line-height: 1; font-weight: 600; letter-spacing: 2px; }
	h3 { font-size:30px; margin:0px 0px 20px; padding:0px; line-height: 1; font-weight: 600; letter-spacing: 2px; }
	h4 { font-size:18px; margin:0px 0px 15px; padding:0px; }
	h5 { font-size:16px; margin:0px 0px 15px; padding:0px; }

	.fl{ float:left;}
	.fr{ float:right;}

	p { margin:0; padding:0 0 20px 0; }

	article, aside, figure, footer, header, hgroup,menu, nav, section { display: block; }
	.clearfix:after, .grid-block:after, .deepest:after {    clear: both;}
	.clearfix:before, .clearfix:after, .grid-block:before, .grid-block:after, .deepest:before, .deepest:after {    content: "";    display: 		table;}
	.cl{ clear:both; height:0; }
	a { color: #e4252c; outline:none !important; transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s; text-decoration: none; }  
	a:hover,a:focus { outline: none !important; color: #000000; }
	.no-padding{ padding:0px; }
	input , button { transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; outline: none !important; }
	ul,ol { padding-left: 15px; margin-bottom: 15px; }
	img { outline: none !important; max-width: 100%; height: auto; }

	.container { max-width: 1280px; width: 94%; padding: 0; margin: 0 auto; }

.logo1 {
	width: 150px!important;
	height: auto;
}

/*********************************  Header *************************************/
header { float: left; width: 100%; background: #d91f28; padding: 42px 0 40px 290px; position: relative; z-index: 11; }
header .container { width: 100%; max-width: 100%; padding: 0 30px 0 0; }
header .logo { float: left; position: absolute; left: 0; top: 20px; z-index: 1; padding: 0 0 0 30px; }
header .logo:after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 290px 290px 0 0; border-color: #d91f28 transparent transparent transparent; left: 0; bottom: -186px; z-index: -1; }
.header-left { float: left; color: #fff; margin: 5px 0 0 0; z-index: 1; position: relative; }
.header-left h3 { color: #fff; font-weight: normal !important; letter-spacing: 6px; font-family: "Rockwell"; margin: 0; font-size: 36px; }
.header-left h3 strong { font-weight: normal; font-family: "Open Sans"; }

.header-right { float: right; }
.header-right > div { display: inline-block; }
.header-right > div + div { margin-left: 35px; }
.header-contact a { color: #fff; font-weight: bold; background: #fff; color: #d91f28; font-size: 20px; letter-spacing: 2px; display: block; padding: 9px 15px; line-height: 1; border: solid 2px #fff; }
.header-contact a:hover , .header-contact a:focus { background: transparent; color: #fff; }

.header-social ul { margin: 0; padding: 0; }
.header-social ul li { list-style-type: none; display: inline-block; }
.header-social ul li + li { margin-left: 15px; }
.header-social ul li a { color: #d91f28; width: 40px; height: 40px; border: solid 2px #fff; display: block; border-radius: 100%; background: #fff; font-size: 22px; text-align: center; padding: 5px 0 0 0px; }
.header-social ul li a:hover , .header-social ul li a:focus { background: transparent; color: #fff; } 

/*********************************  Slider *************************************/
.slider { float: left; width: 100%; position: relative; }
/*.slider:after { position: absolute; content: ""; right: 0; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 450px 500px; border-color: transparent transparent #ffffff transparent; } */
.slider-text { position: absolute; top: 35px; right: 50px; width: 100%; max-width: 700px; background: rgba(0,0,0,0.25); text-align: right; padding: 20px 35px; }
.slider-text h2 { color: #fff; font-size: 35px; line-height: 1.2; text-shadow: 10px 10px 20px rgba(0,0,0,0.7); margin: 0; }
.slider-text h2 span.clr-yel { color: #ecc81a; }
.slider-text h2 span.big-txt { font-size: 66px; line-height: 1; display: block; }

.slider .djslider-default .slide-desc { top: 0; }
.slider .djslider-default .slide-desc-in { height: 100%; }
.slider .slide-desc-bg-default { background: transparent; }
.slider .slide-desc-text-default { padding: 0; height: 100%; }
.slider .slide-text { height: 100%; position: absolute; width: 100%; }

/*********************************  News Calender *************************************/
.news-calender { float: left; width: 100%; padding: 20px; }
.news-calender .latest-news { float: left; width: 68%; }
.latest-news h1 { font-size: 60px; color: #d91f28; line-height: 1; margin: 0 0 10px 0; }
.latest-news ul.news-ul { margin: 0; padding: 0; padding: 0; }
.latest-news ul.news-ul li { list-style-type: none; background: #ebebeb url(../images/li-before.png) no-repeat 22px center; font-size: 25px; line-height: 36px; overflow: hidden; padding: 22px 15px 22px 90px; }
.latest-news ul.news-ul li:nth-child(2n) { background-color: #e1e2e1; }
.latest-news ul.news-ul li + li { margin-top: 3px; }
.latest-news ul.news-ul li .new--dec { float: left; width: 73%; padding: 14px 0 0 0; }
.latest-news ul.news-ul li .new--dec a { color: #000000; }
.latest-news a.read-more { float: right; color: #fff; background: #000; letter-spacing: 2px; font-size: 24px; line-height: 1; padding: 20px; display: block; width: 26%; text-align: center; max-width: 230px; position: relative; z-index: 9; }
.latest-news a.read-more:hover , .latest-news a.read-more:focus { background: #d91f28; }

.calender-content { float: right; width: 32%; padding: 30px 0 0 20px; position: relative; max-width: 500px; }
.calender-content:before { content: ""; position: absolute; left: 0; top: -315px; background: url(../images/calender-img-top.png) no-repeat; width: 100%; height: 418px; }
.calender-content h2 { background: #d91f28; color: #fff; font-size: 58px; padding: 20px 0 20px 135px; margin: 0 0 3px 0; position: relative; letter-spacing: 1px; }
.calender-content h2:before { content: ""; position: absolute; left: 12px; top: -22px; background: url(../images/calender-cup-img.png) no-repeat; width: 112px; height: 112px; }

.calender-content ul.event-ul { margin: 0 0 3px 0; padding: 0; }
.calender-content ul.event-ul li { list-style-type: none; background: #e1e2e1; padding: 9px 30px 10px 30px; font-size: 17px; line-height: 28px; }
.calender-content ul.event-ul li:nth-child(2n) { background-color: #ebebea; }
.calender-content ul.event-ul li + li { margin-top: 3px; }
.calender-content ul.event-ul li p { padding: 0; }
.calender-content ul.event-ul a { color: #000000; }
.calender-content ul.event-ul li h3 { margin: 8px 0; }
.calender-content ul.event-ul li .date-col { font-size: 16px; font-weight: bold; line-height: 22px; }
.calender-content a.view-full-calender { background: #007f45; color: #fff; font-weight: 300; display: block; width: 100%; font-size: 24px; line-height: 1; padding: 20px; text-align: center; letter-spacing: 2px; }
.calender-content a.view-full-calender strong { font-weight: 600; }
.calender-content a.view-full-calender:hover , .calender-content a.view-full-calender:focus { background: #007f45; }

/*********************************  Focus Content *************************************/
.focus-content { float: left; width: 100%; padding: 30px 20px; position: relative; }
.focus-content .focus-left { float: left; width: 57%; position: relative; }
.focus-content .focus-left:after { content: ""; width: 110px; height: 115px; background: url(../images/focus-middle-img.png) no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.focus-content .col-6 { float: left; width: 49.7%; margin: 0 0 10px 0; }
.focus-content .col-6:nth-child(2n) { text-align: right; float: right; }
.focus-content .col-6 .dec-col { background: #000; padding: 16px 15px; position: relative; margin: -6px 0 0 0; }
.focus-content .col-6 .dec-col:after { content: ""; width: 105px; height: 100%; background: url(../images/focus-after.jpg) no-repeat; position: absolute; right: 0; bottom: 0; }
.focus-content .col-6:nth-child(2n) .dec-col:after { background: url(../images/focus-after2.jpg) no-repeat; right: auto; left: 0; }
.focus-content .col-6 h3 { font-size: 39px; color: #fff; letter-spacing: 2px; margin: 0 0 4px 0; position: relative; z-index: 1; }
.focus-content .col-6 h3 a { color: #fff; }
.focus-content .col-6 h3 a:hover , .focus-content .col-6 h3 a:focus { color: #fcee21; }
.focus-content a.read-more { color: #fcee21; font-weight: 300; font-size: 24px; }
.focus-content a.read-more:hover , .focus-content a.read-more:focus { color: #fff; }

.focus-content .focus-right { float: right; width: 41%; text-align: center; }
.focus-right .dec-col { background-size: cover; background-position: center center; color: #fff; font-size: 48px; font-weight: 300; line-height: 1; padding: 15px; text-align: center; letter-spacing: 3px; text-shadow: 10px 10px 20px rgba(0,0,0,0.7) }
.focus-right .dec-col .fnt-clr { color: #fff200; font-weight: 600; }
.focus-right .dec-col .padd { padding: 32px 20px; border: solid 2px #fff; }

/*********************************  Latest Tweet *************************************/
.latest-tweet { float: left; width: 100%; margin: 20px 0 30px 0; }
.latest-tweet .container { max-width: 1100px; }
.latest-tweet .padd { background: #8bc63f; color: #fff; text-align: center; padding: 15px 20px; border-radius: 15px; }
.latest-tweet h4 { color: #473d48; font-size: 20px; font-weight: 600; margin: 0 0 10px 0; }
.latest-tweet a { color: #fff; font-weight: bold; }
.latest-tweet .TDB-tweet-text { padding: 0 0 8px 0; }
.latest-tweet .date-col { font-weight: bold; }
.latest-tweet p.TDB-tweet-time { text-align: center; padding: 0; }

/*********************************  Sponser Logo *************************************/
.sponser-logo { width: 100%; margin: 20px 0 0px 0; position: relative;}
.sponser-logo .container { max-width: 100%; float: right; }
.sponser-logo:before { content: ""; width: 94%; background: url(../images/sponser-after.png) no-repeat center center / 100% 100%; height: 220px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: -1; }
.sponser-logo ul { margin: 0; padding: 0; }
.sponser-logo ul li { list-style-type: none; padding: 0 2% 0 0; display: inline-block; margin-left: 65px; }

/*********************************  Footer *************************************/
footer { float: left; width: 100%; background: url(../images/footer-bg.jpg); padding: 40px 0 30px 0; position: relative; margin-top: 80px; }
footer .container { position: relative; overflow: hidden; }
footer:before { content: ""; position: absolute; left: 0; bottom: 48px; width: 357px; height: 382px; background: url(../images/footer-before.png) no-repeat; display: block; }
footer .footer-menu { float: left; width: 100%; text-align: center; margin: 0 0 12px 0; z-index: 1; position: relative; }
footer .footer-menu ul { margin: 0; padding: 0; }
footer .footer-menu ul li { list-style-type: none; display: inline-block; }
footer .footer-menu ul li + li { margin-left: 13px; }
footer .footer-menu ul li a { color: #fff; font-size: 21px; font-weight: 600; letter-spacing: 2px; }
footer .footer-menu ul li a:hover , footer .footer-menu ul li a:focus { color: #f9ed33; }
footer .footer-menu ul li.active a { color: #f9ed33; }
.copyright { text-align: center; color: #fff; font-size: 16px; float: left; width: 100%; }
.copyright img { position: relative; top: 4px; margin: 0 0 0 14px; }
.copyright p { padding: 0; }

/************************************************************/
.content-box { float: left; width: 100%; padding: 150px 0 230px; }
.content-side { float: left; width: 100%; }

.left-side { float: left; width: 23%; padding-right: 15px; }
.left-side .left-col { float: left; width: 100%; }
.left-side .left-col + .left-col { margin-top: 15px; } 

.right-side { float: right; width: 23%; }
.right-side .right-col { float: right; width: 100%; }
.right-side .right-col + .right-col { margin-top: 15px; } 

.content-side.left { float: right; width: 75%; }
.content-side.right { float: left; width: 75%; }
.content-side.both { float: left; width: 50%; margin-left: 1%; }

.main-body-top { float: left; width: 100%; margin-bottom: 20px; } 
.main-body-bottom { float: left; width: 100%; margin-top: 20px; }

.footer-left { position: absolute; bottom: 0; }
.footer-left h3 { color: #fff; letter-spacing: 1px; margin: 0; font-size: 20px; }
.footer-right { position: absolute; bottom: 0; right: 0; }
.footer-right h3 { color: #fff; letter-spacing: 1px; margin: 0; font-size: 20px; }

---------

#mainContent table.countyChamps th, table.u25db th, table.awtrophy th, table.carruthers th, table.natmp th, table.calendar th, table.trialteam th, table.wteamcomps th, #sidebar2 table.presmatches th {
	background-color: #D91F28;;
}

#mainContent table.carruthers, table.u25db, table.calendar, table.trialteam {
	border: solid 1px #000000;
	border-collapse: collapse;
	width: 98%;
	font-size: 0.75em;	
	padding: 4px;
	margin-left: 3px;
}

#mainContent table.carruthers th, table.carruthers td, table.u25db th, table.u25db td, table.awtrophy td, table.awtrophy th, table.natmp td, table.natmp th, table.calendar td, table.calendar th, #sidebar2 table.u25placings td, #sidebar2 table.presmatches td, #sidebar2 table.presmatches th, table.rinkResults td, table.trialteam th, table.trialteam td {
	text-align: left;
	border: solid 1px #000000;
	padding: 4px;
}

#mainContent table.carruthers td.redcell {
	color: #FF0000;
}

#mainContent table.carruthers td.greencell, table.natmp td.greencell {
	color: #336600;
}

#mainContent table.carruthers td.score, table.countyChamps td.score {
	width: 5%;
	text-align: center;
}

#mainContent table.carruthers a.tooltipGreen {
	text-decoration:none;
	color: #336600;
}

#mainContent table.carruthers a.tooltipRed {
	text-decoration:none;
	color: #FF0000;

#container #mainContent .carruthers tr .redtext {
	color: #000;

---------

#mainContent table.countyChamps, table.awtrophy, table.natmp, table.wteamcomps {
	width: 550px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #000;
	font-size: 0.75em;
	border-collapse:collapse;
}

#mainContent table.countyChamps th, table.countyChamps td, table.wteamcomps td, table.wteamcomps th {
	border: 1px solid #000;
	padding: 5px;
} 

#mainContent table.countyChamps th, table.u25db th, table.awtrophy th, table.carruthers th, table.natmp th, table.calendar th, table.trialteam th, table.wteamcomps th, #sidebar2 table.presmatches th {
	background-color: #DFE8D2;
}

#mainContent table.carruthers td.score, table.countyChamps td.score {
	width: 5%;
	text-align: center;
}

#mainContent h2.countyFlash {
	background-position:right;
	background-repeat:no-repeat;
	border: solid 1px #000;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
	padding: 2px 0 2px 5px;
}