/*Designart ©2016*/

@charset "UTF-8";  
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;/*background:transparent;*/
/* required for Dreamweaver display! background:none;  */font-family: 'Open Sans', sans-serif; }

body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }
* { -webkit-box-sizing: border-box;  -mox-box-sizing: border-box;  box-sizing: border-box; }

body {
	background: #dfdfdf;
	color: #333;
	font: normal 100% 'Open Sans',  sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust: none;
}
table { margin:0.5em 0 0 0; }
tr { line-height:0.7; }
th { padding: 0.25em 0 0 0; text-align:left; }
th p { font-weight:700;}
td { padding: 0.25em 0 0 0;}

h1 { 
	font-size:2em; 
	font-weight:400;
	padding:0 0 0.5% 0 ; 
	margin:0;
	color:#999;
}
h2 { 
	font-size:1.5em; 
	font-weight:600;
	padding:0 0 0.5% 0 ; 
	margin:0;
	color:#000;
}
h3 { 
	font-size:2em; 
	line-height:1;
	padding:0.5em 0 0.25em 0 ; 	
}
 h4 { 
	color:#09f;
	font-size:1.1em; 
	font-weight:600;
	padding:0 1em 0.5em 0; 
	margin:0;
}
 h5 { 
	color:#09f;
	font-size:1.2em; 
	font-weight:600;
	padding:0 0 0.5em 0; 
	margin:0;
}
p {
	font-size: 0.8em; 
	padding: 0 0 0.5em 0 ; 
	font-weight: 400;
	color:#000;
}
ul {
	padding: 0 0 0.5em 0 ;
	list-style:inside square ;	
}
li {
	font-size: 0.8em; 
	font-weight: 400;
	color:#000;
}
img { max-width: 100%; }

.pdfBack { background-color:#FFF; }

a, a:link, a:visited { color:#fff; text-decoration:none;}
a:active, a:hover, a:focus { color:#000; }

.clrflt { clear:both; }

img.shield { 
width:12%;
	float: left; 
	padding-right:0.8rem;
	position:relative;
	bottom:0.25em;
}
.logo {
	float: left;
	position:relative;
	font-size:1.5em;
	font-size:1.75em;
	font-weight:600;
	line-height:1.2;
	color:#2b50d1;
}
.seventyFive { font-family:"Times New Roman", Times, serif; font-size:1.5em; color:#f00; font-weight:800; }
.seventyFive2 { font-family:"Times New Roman", Times, serif; font-size:1em; color:#f00; font-weight:500; }
.subTitle { font-size: 0.9em; color:#000; font-weight:700; }
.trophy { font-size: 1.25em; font-weight:600; }
.imageTrophy {
	/*float:left;
	position:relative;*/
	max-width: 100%;
	height: auto;
	padding:0 1em 0 0;
	margin: 0;
}
.textBox { 
	float: left; 
	width: 100%;
	height:5em;
	padding: 0 0 0.5em 0;
	position:relative;
	bottom:0.25em;
}
.imageBox { 
	float: left; 
	width: 100%;
	height:auto;
	padding: 0;
	position:relative;
	bottom:0.25em;
}
.imageThumb {
	float:left;
	position:relative;
	max-width: 50%;
	height: auto;
	padding:0 1em 0 0;
	margin: 0;
}

.unit, .score { 
border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px;
float:left;
position:relative;
width:24%;
margin:0 1% 1% 0  ;
font-size:1em; 
font-weight:600; 
color:#000;
line-height:0.9;
padding: 0.5em;
background-color:#efefef;
line-height:1.3;
}
.score { 
border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px;
padding: 0.25em 1em 0.25em 0;
background-color:transparent;
line-height:0.9;
}


.unit  a, .unit a:link, .unit a:visited {
	text-decoration:none;
	color:#000;
}
.unit a:focus, .unit a:hover, .unit a:active {
	color:#da0;
	border-bottom:1px  solid #da0;
}

/**************** CONTAINERS *************/
.outerWrapper {
	background-color:#FFF;
	margin: 0;
	padding: 0;
}
.innerWrapper { width:100%; background: #fff; }
.box {text-align:center; } 
.imageBox {width:98%; text-align:center; } 
.headBand {
	background:#fcffa1; /* banner background */
	background: linear-gradient(#faff62,#fdffcb); /* banner background */
	background: linear-gradient(#fdffcb,#faff62); /* banner background */
	margin: 0 auto;
	padding:0;
	width: 100%;
	border-top:#fff 0.3em solid;
	border-bottom:#95ace5 1em solid;  /*top of banner bottom border */
	}
.headBand2 {
	border-top:#657ac4 0.4em solid;  /*top border of banner*/
	border-bottom:#657ac4 1em solid;  /*bottom of banner bottom border */
	background:#fff;  /*top of banner bottom border */	
}
.headBand3 {
	border-top:#fff 0.3em solid;  /*white space above menu band*/
	background:#fff;	
}
.header {
	margin: 1% auto 0.5% auto;
	max-width:62.5rem;	
	width: 94%;
}
.menuBand {
	background:#fff;

	margin: 0 auto;
	width: 100%;
	min-height:0.75em; /*for IE 7-8 */
	min-height:0.75rem;
	padding:0% 0;
}
.menuInfill {
	color:#fff;
	margin: 0 auto;
	width: 94%;
	max-width:62.5rem;
	padding:0;
}
.infill {
	color:#fff;
	margin: 0 auto;
	width: 94%;
	max-width:62.5rem;
	padding:0;
}
.page {
	margin: 0 auto;
	padding:0;
	width: 94%;
	max-width:62.5rem;
	min-height:30rem;
}
.page a, .page a:visited, .page a:link { color:#09f;}
.page a:hover, .page a:focus, .page a:active { color:#3bf;}

.fullWidth {
	float : left;
	width: 100%;
	padding: 0%;
	margin: 0 0 1% 0 ;
	}
.leftSidePanel , .rightSidePanel{
	float : left;
	width: 45.5%;
	min-height:11em;
	background-color:#efefef;
	padding: 0.5em 0.75em 0.25em 0.75em;
	margin: 1% 0 ;
	border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px;
  	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
	text-align:center;
font-family: "Open Sans", sans-serif;
font-size: 1.5em;
font-weight:700; 
line-height:1.25;
}
.rightSidePanel {
float : right;
}
.leftSidePanel a, .leftSidePanel a:visited, .rightSidePanel a, .rightSidePanel a:visited{
color:#69C;
text-decoration:none;
}
.leftSidePanel a:hover, .leftSidePanel a:active, .rightSidePanel a:hover, .rightSidePanel a:active{
color:#06F;
text-decoration:underline;
}
.contactPanel {
	width: 100%;
	background-color:#efefef;
	margin: 0;
	padding:0.25em 1em 1em 1em;
	min-height: 28em;
	border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px;
  	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);	
}
.contactPanel .inputBox .inputBoxRed{ 
font-weight:500;
font-size:0.85em;
border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px;
  	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
background-color:#fff;
}
.inputBoxRed{ color:#f00; }

.inputBox2 .inputBox2Red{ 
font-size:1.1em;
border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px;
  	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
background-color:#fff;
}
.inputBox2Red{ color:#f00; }
	
.contactPanel .checkBox{ 
font-size:1.2em;
background-color:#fff;
}
.contactPanel .inputHilite{
	border:#F00 solid 2px;
}
.contactPanel .heading {
	margin: 0.5em 0 0.15em 0;
	font-size:1em;
	font-weight:400;
	color:#09F
}
.panel, .panel2, .trophyPanel {
	width: 100%;
	background-color:#efefef;
	margin: 0.1em 0;
	padding:1em;
	border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px;
  	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);	
}
.panel2 {
	background-color:#efefef;
}
.trophyPanel {
	float:left;
	text-align:center;
	width: 23%;
	margin: 0.1em 2% 1em 0;
	display:inline-block;
	min-height:26em;
	}
.blockPanel {
	float:left;
	width: 19%;
	display:inline-block;
	text-align:center;
	background-color:#d6d6d6;
	background-color:#eee;
	padding:1em;
	margin-bottom:1em;
	margin-right:1%;
	border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px;
  	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);	
	min-height:24em;
	}
.listPanel {
	float:left;
	text-align:left;
	width:32%;
	display:inline-block;
	padding:0.1em 0;
	margin:0;
}
	
	
/*input:placeholder-shown {
  border:1px solid #f00;
}

input::placeholder {
  color: #bbb;
}*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bbb;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #bbb;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #bbb;
}
:-moz-placeholder { /* Firefox 18- */
  color: #bbb;
}/**************** FOOTER *************/
.footerBand {
	background:#c0cef3;
	background: #dfdfdf;
	background: -webkit-linear-gradient(#c0cef3, #dfdfdf);
    background: -o-linear-gradient(#c0cef3, #dfdfdf);
    background: -moz-linear-gradient(#c0cef3, #dfdfdf);
    background: linear-gradient(#c0cef3, #dfdfdf);
	padding:1.5% 0;
	width: 100%;
	min-height:8em;
	
}
.footerBand2 {
	border-top:#657ac4 0.4em solid; /*top band of footer */
	border-bottom:#fff 0.3em solid;
	padding:0;
	margin:0;
}
.footerInfill {
	color:#000;
	margin: 0 auto;
	width: 94%;
	max-width:62.5rem;
	padding:0;
}
.footerBand a { color:#777; text-decoration: underline; }
.footerBand a:hover, .footerBand a:focus, .footerBand a:active { color: #ff0; }
.user {
	float: right;
	width: 60%; 
	margin: 0 0 1% 0 ;	
	padding:0%;
	text-align:right;
	font-size:0.8em;
	font-weight:400;
}
.date {
	float : left;
	width: 40%;
	padding: 0%;
	margin: 0 0 1% 0 ;	
	font-size:0.8em;
	font-weight:700;
	color:#fff;
}
.copyright {
	float: right;
	text-align:right;
	width: 30%;
	font-size:0.9em;
	font-weight:300;
	padding:0;
	margin:0 0 1% 0;
}
.detail {
	float : left;
	width: 60%;
	padding: 0%;
	font-size:0.9em;
	font-weight:300;
}
.contact {
	float : left;
	width: 60%;
	padding: 0%;
	font-size:0.9em;
	font-weight:300;
}
.sitemap {
	float: right;
	width: 40%;
	font-size:0.7em;
	font-weight:300;
	text-align: right;
	padding:0.5em 0 0 0;
	margin: 2% 0 ;
}
.sitemap a { color: #acb2bf; text-decoration: underline; }
.sitemap a:hover { color: #fff; }

/**************** ADVERTS *************/

.leftFoot {
	float : left;
	width: 49%;
	padding: 0;
	margin: 1% 0 ;
	}
.rightFoot {
	float: right;
	width: 49%; 
	padding: 0;
	margin: 1% 0 ;
	}

/**************** LEFTSIDE *************/
.leftSide {
	float : left;
	width: 50%;
	margin: 1% 0 ;
	padding: 0%;
	}
.leftSide p {
	font-size: 0.9em;
	padding: 0 1em 0.5em 0 ;
	font-weight: 400;
}
.leftSide img {
	max-width: 100%;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

/*************** RIGHTSIDE *************/
.rightSide {
	float: right;
	width: 50%; 
	margin: 1% 0; 
	padding:0%;
}
.rightSide p {
	font-size: 0.9em;
	padding: 0 0.5em 0.5em 0 ;
	font-weight: 400;
}
.rightSide img {
	max-width: 100%;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}
/**************** LEFT THIRD *************/

.leftThird {
	/*min-height:30em;*/
	float : left;
	width: 32.5%;
	padding: 0%;
	margin: 1% 0 ;
	/*border:1px solid #ccc;*/
	}
.leftThird p {
	font-size: 0.85em; /* 12px */
	padding: 0 0 0.5em 0 ; /* 6px */
	font-weight: 400;
}
.leftThird a:link, .leftThird a:visited {
	font-weight:400;
	text-decoration:underline;
}
.leftThird a:focus, .leftThird a:hover, .leftThird a:active {
	color:#09f;
}
.leftThird img {
	max-width: 100%;
	border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px;
  	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);  -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);

}
.leftThird .imgStyle { 
	border:1px solid #ffffff;
}

/****************  RIGHT 2 THIRDS *************/

.right2Thirds {
	float: right;
	width: 64.5%; 
	margin: 1% 0; 
	padding:0%;
	/*border:1px solid #ccc;*/
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-gap:1em;
	-moz-column-gap:1em;
	column-gap:1em;
}
.right2Thirds h1 { 
	font-size:2em; 
	font-weight:300;
	padding:0 ; 
	margin:0;
}

.right2Thirds h2 { 
	color:#038;
	font-size:1.25em; 
	font-weight:400;
	padding:0 ; 
	margin:-0.35em 0 0 0;
}

.right2Thirds h3 { 
	color:#000;
	font-size:0.9em; 
	font-weight:700;
	padding:0 ; 
	margin:0;
}
.right2Thirds h4 { 
	color:#09f;
	font-size:1.2em; 
	font-weight:600;
	padding:0 0 0.5em 0; 
	margin:0;
}

.right2Thirds p {
	font-size: 0.85em; /* 12px */
	padding: 0 0 1em 0 ; /* 6px */
	font-weight: 400;
}
.right2Thirds ul {
	font-size: 0.85em; /* 12px */
	padding: 0 0 0.5em 0 ; /* 6px */
	font-weight: 400;
}
.right2Thirds li {
	list-style:inside decimal;
	padding:0.2em 0;
}
.right2Thirds a:link, .right2Thirds a:visited {
	font-weight:600;
	text-decoration:underline;
}
.right2Thirds h2 a:link, .right2Thirds h2 a:visited {
	font-weight:600;
	text-decoration:underline;
}
.right2Thirds a:focus, .right2Thirds a:hover, .right2Thirds a:active {
	color:#09f;
}
/*************************** INVERSE THIRDS ************************/
.left2Thirds {
	float : left;
	width: 64.5%;
	padding: 0;
	margin: 0 ;
	}
.rightThird {
	float: right;
	text-align:left;
	width: 32.5%; 
	margin: 0; 
	padding:0;
}


/*************************** COLUMNS ************************/

.columns {
	float: left;
	width: 100%; 
	margin: 1% 0; 
	padding:0%;
	/*border:1px solid #ccc;*/
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-gap:1em;
	-moz-column-gap:1em;
	column-gap:1em;
}
.columns h1 { 
	font-size:2em; 
	font-weight:300;
	padding:0 ; 
	margin:0;
}

.columns h2 { 
	color:#999;
	font-size:2em; 
	font-weight:400;
	padding:0 ; 
	margin:-0.35em 0 0 0;
}

.columns h3 { 
	color:#000;
	font-size:0.9em; 
	font-weight:300;
	padding:0 ; 
	margin:0;
}
.columns h4 { 
	color:#09f;
	font-size:1.2em; 
	font-weight:600;
	padding:0 0 0.5em 0; 
	margin:0;
}

.columns p {
	font-size: 0.85em; /* 12px */
font-size: 0.95em; /* 12px */
	padding: 0 0 0.5em 0 ; /* 6px */
	font-weight: 400;
}
.columns ul {
	font-size: 1.1em; /* 12px */
	padding: 0 0 0.5em 1.25em ; /* 6px */
	font-weight: 400;
}
.columns li {
	list-style:outside lower-roman;
	padding:0.2em 0;
}
.columns a, .columns a:link, .columns a:visited {
	font-weight:600;
	text-decoration:underline;
}
.columns a:focus, .columns a:hover, .columns a:active {
	color:#09f;
}


/*************************** MULTI COLUMNS ************************/
.multiColumn {
	float: left;
	width: 95%; 
	margin: 1% 0; 
	padding:0%;
	/*border:1px solid #ccc;*/
	-webkit-column-count:4;
	-moz-column-count:4;
	column-count:4;
	-webkit-column-gap:1em;
	-moz-column-gap:1em;
	column-gap:1em;
}
.multiColumn h1 { 
	font-size:2em; 
	font-weight:300;
	padding:0 ; 
	margin:0;
}

.multiColumn h2 { 
	color:#999;
	font-size:2em; 
	font-weight:400;
	padding:0 ; 
	margin:-0.35em 0 0 0;
}

.multiColumn h3 { 
	color:#000;
	font-size:0.9em; 
	font-weight:300;
	padding:0 ; 
	margin:0;
}
.multiColumn h4 { 
	color:#09f;
	font-size:1.2em; 
	font-weight:600;
	padding:0 0 0.5em 0; 
	margin:0;
}

.multiColumn p {
	font-size: 0.85em; /* 12px */
	padding: 0 0 0.5em 0 ; /* 6px */
	font-weight: 400;
	color:#000;
}
.multiColumn ul {
	font-size: 1.1em; /* 12px */
	padding: 0 0 0.5em 1.25em ; /* 6px */
	font-weight: 400;
}
.multiColumn li {
	list-style:outside lower-roman;
	padding:0.2em 0;
}
.multiColumn a, .multiColumn a:link, .multiColumn a:visited {
	font-weight:600;
	text-decoration:none;
	color:#000;
}
.multiColumn a:focus, .multiColumn a:hover, .multiColumn a:active {
	color:#da0;
	/*border-bottom:1px  solid #da0;*/
	text-decoration:underline;
}
/*************************** HALF COLUMN ************************/
.halfColumn {
	float:left;
	width:50%;
}
.halfColumn .imgBox{
	float:left;
	max-width:40%;
	margin: 0 1em 0 0;
}
.halfColumn p { font-size:0.85em;  margin:0; }
.status, .status2, .status3 { font-size:0.9em; font-weight:700; color:#da0; margin:0 0 0 0; }
.status2 { font-size:1.25em;}
.halfColumn a, .halfColumn a:link, .halfColumn a:visited {
	font-weight:600;
	text-decoration:underline;
	color:#000;
}
.halfColumn a:focus, .halfColumn a:hover, .halfColumn a:active {
	color:#da0;
	text-decoration:underline;
}

.thirdColumn {
	float:left;
	width:33%;
}
.thirdColumn .imgBox{
	float:left;
	max-width:40%;
	margin: 0 1em 0 0;
}
.thirdColumn p { font-size:0.75em;  margin:0; }
.status3 { font-size:1.15em;}
.thirdColumn a, .thirdColumn a:link, .thirdColumn a:visited {
	font-weight:600;
	text-decoration:underline;
	color:#000;
}
.thirdColumn a:focus, .thirdColumn a:hover, .thirdColumn a:active {
	color:#da0;
	text-decoration:underline;
}

/*************************** LIST BOXES ************************/

.listBox {
	width:100%;
	font-size:1em;
	line-height:125%;
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-gap:1em;
	-moz-column-gap:1em;
	column-gap:1em;
}
.listBox a:link, .listBox a:visited {
	display:inline-block;
	width:88%;
	padding:0.1em 1em;
	margin:0.3em 0;
	background-color:#ccc;
	border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px;
	font-size:0.75em;
	font-weight:400;
color:#038;
text-decoration:none;	
}
.listBox p { 
	font-size: 0.8em;
	padding: 0 0 0.2em 0 ;
}

.listBox a:active, .listBox a:hover, .listBox a:focus {
color:#Fff;
background-color:#09f;
}

/*************************** OFFICERS ************************/

.addressPanel, .addressPanelWide {
float:left;
width:31.5%;
min-height:7.5em;
padding:0 ;
border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px;
background-color:#eee;
margin:0.5em 0.5em 0 0 ;
}
.addressPanel h3 {
font-size:0.8em;
font-weight:700;
}
.addressPanel p {
font-size:0.7em;
}
.addressPanelWide { width:100%; }
.addressPanelWide h3 {
font-size:1.25em;
font-weight:700;
}
.addressPanelWide p {
font-size:0.9em;
}
.officerPic img { 
border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
}
.officerPicWide img { 
border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px;
}
.officerPic, .officerPicWide  {
	float : left;
	width: 23%;
	padding: 0%;
	margin: 0.5em 0.20em 0.25em 0.5em;
	}
.officerPicWide {
	width: 20%;
	}
.officerText, .officerTextWide {
	float: right;
	width: 70%; 
	margin: 0; 
	padding:1em 0 0 0;	
}
.officerTextWide {
	width: 80%; 
}
.verticalSpacer {
	margin: 1em 0;
}
.lineHeight {
	line-height:25%;
}



/*************************** BUTTONS ************************/

.yearButton { 
	display:inline-block;
	-webkit-appearance: none; 
	margin:0em 0 0.5em 0;
}
.yearButton a:link, .yearButton a:visited {
	min-width:6em;
	background-color:#f00;
	border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;
	padding:0.15em 1em;
	font-size:0.9em;
	line-height:110%;
	color:#fff !important; 
	font-weight:700;
	text-decoration:none;
}
.yearButton a:focus, .yearButton a:hover, .yearButton a:active {
	background-color:#b00;
}

.action {
	float: right;
	width: 25%;
	font-size:1em;
	text-align: right;
	padding:0 2% 0 0;
	margin-top:2%;
	}
.actionButton a, .actionButton a:visited  {
	font-weight:700;
	text-decoration:none;
	font-size:1em;
	text-align: center;
	padding:1% 4%;
	margin:0;
	color:#fff;
	background-color:#09f;
	border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}
.actionButton a, .actionButton a:visited  { background-color:#fc0; }

.actionButton a:hover  { background-color:#fd0; }
.actionButton a:hover  { background-color:#FF6; }

.buttonRowContainer { margin: 0 auto; padding:0; width: 100%; max-width:62.5rem; }
.quickButton {
float:left;
width:32.25%;	
margin: 0 1% 1.5% 0;
padding:0.3em 0;	
font-size:1em;
/*color:#fff;*/
background-color:#95ace5;
border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px;
font-weight:600;
text-align:center;	
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.mailButton { 
	 -webkit-appearance: none; 
	 text-align:left;
	margin:0.75em 0 1em 0;
}
.mailButton a:link, .mailButton a:visited  {
	min-width:6em;
	background-color:#09f;
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
	padding:0.2em 1em;
	font-size:0.8em;
	line-height:110%;
	color:#fff !important; 
	font-weight:600;
	text-decoration:none;
}
.mailButton a:link, .mailButton a:visited  {
	background-color:#09f;
}
.mailButton a:focus, .mailButton a:hover, .mailButton a:active {
	background-color:#038;
}

.dlButton { 
display:inline-block;
	 -webkit-appearance: none; 
	 margin:0.25em 0 0.5em 0;
}
.dlButton a, .dlButton a:link, .dlButton a:visited {
	min-width:6em;
	background-color:#39F;
	border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;
	padding:0.15em 1em;
	font-size:0.9em;
	line-height:110%;
	color:#fff !important; 
	font-weight:600;
	text-decoration:none;
}
.dlButton a:focus, .dlButton a:hover, .dlButton a:active {
	background-color:#3CF;
}
.greenButton, .greenButton2 { 
 -webkit-appearance: none; 
background:#33cc00; 
color:#ffffff;
padding:0.1em 0.5em;
font-size:1em;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
.colourOverlay { 
	-webkit-appearance: none; 
	color:#ffffff;
	padding:0;
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
.colourOverlay a, .colourOverlay a:link, .colourOverlay a:visited {
	background-color:#f00; 
	
	
}
.colourOverlay a:focus, .colourOverlay a:hover, .colourOverlay a:active {
	background-color:#c00;
}

.blueButton, .blueButton2 { 
 -webkit-appearance: none; 
background:#09F; 
color:#ffffff;
padding:0.1em 0.5em;
font-size:1em;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}

.redButton, .redButton2 { 
 -webkit-appearance: none; 
background:#ff0000; 
color:#ffffff;
padding:0.1em 0.5em;
font-size:1em;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}

.updateButton { 
 -webkit-appearance: none; 
background:#ffa200; 
color:#ffffff;
padding:0.1em 0.5em;
font-size:1em;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
.smallUpdateButton { 
 -webkit-appearance: none; 
background:#ffa200; 
color:#ffffff;
padding:0.05em 0.4em;
font-size:0.75em;
border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}

/*************************** LINKS ************************/

.linkPanel {
float:left;
width:32%;
min-height:5.5em;
padding:0 ;
border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px;
background-color:#efefef;
margin:0.5em 0.5em 0 0 ;
}
.linkPanel h3 {
font-size:0.65em;
font-weight:700;
}
.linkPanel p {
font-size:0.65em;
margin:0;
padding:0.15em 0;
}
.linkPic img { 
border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
}
.linkPic {
	float : left;
	width: 20%;
	padding: 0%;
	margin: 0.5em 0.25em 0.25em 0.5em;
	}
.linkText {
	float: right;
	width: 73%; 
	margin: 0; 
	padding:0.25em 0 0 0;	
}
.linkSpacer {
	margin: 1em 0;
}
.linkText a:link, .linkText a:visited {
	color:#000;
}
	
.linkText a:active, .linkText a:hover, .linkText a:focus {
		color:#09f;
}

/**************** LEFT QUARTER *************/

.leftQuarter {
	float : left;
	width: 20%;
	padding: 0%;
	margin: 1% 0 ;
	/*border:1px solid #ccc;*/
	}
.leftQuarter p {
	font-size: 0.85em; /* 12px */
	padding: 0 0 0.5em 0 ; /* 6px */
	font-weight: 400;
}
.leftQuarter a:link, .leftQuarter a:visited {
	font-weight:400;
	text-decoration:underline;
}
.leftQuarter a:focus, .leftQuarter a:hover, .leftQuarter a:active {
	color:#f00;
}
.leftQuarter img {
	max-width: 100%;
	border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;
  	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);  -moz-box-shadow: 1px 2px 4px 
}
.leftQuarter .imgStyle { 
	border:1px solid #ffffff;
}

/****************  RIGHT 3 QUARTERS *************/

.right3Quarters {
	float: right;
	width: 77%; 
	margin: 1% 0; 
	padding:0%;
}
.right3Quarters h1 { 
	font-size:2em; 
	font-weight:300;
	padding:0 ; 
	margin:0;
}

.right3Quarters h3 { 
	color:#000;
	font-size:1.0em; 
	font-weight:400;
	padding:0 0 0.5em 0 ; 
	margin:0;
}
.right3Quarters h4 { 
	color:#09f;
	font-size:1.2em; 
	font-weight:400;
	padding:0 0 0.5em 0; 
	margin:0;
}


.right3Quarters p {
	font-size: 0.85em; /* 12px */
	padding: 0 0 0.5em 0 ; /* 6px */
	font-weight: 400;
	line-height:130%;
}
.right3Quarters a:link, .right3Quarters a:visited {
	font-weight:400;
	text-decoration:underline;
}
.right3Quarters a:focus, .right3Quarters a:hover, .right3Quarters a:active {
	color:#f00;
}

/*************************** Sortable ************************/
#sortable-rows ul {
    margin:0;
    padding: 0;
}
#sortable-rows { list-style: none; }
#sortable-rows li { margin: 2px 0; padding:0px 0 2px 0.3em; background-color:#eee;cursor:move;}
#sortable-rows li.ui-state-highlight { height: 6px; background-color:#ffc;border:#999 2px dotted;}
#column-rows { list-style: none; }
#column-rows li { margin: 2px 0; padding:0px 0 12px 0.3em; cursor:move; }

/*************************** Owl CSS ************************/
/*************************** Owl CSS ************************/

#owl .item{
  display: block;
  cursor: pointer;
  background: #eee;
  padding: 1em 1em;
  margin: 0.33em;
  color: #666;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  text-align: center;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); 
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); 
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  min-height: 25em;
  text-decoration:none;
  }
  #owl .hiliteitem{
   border: #4477f8 solid 2px; /*highlight border colour */
  }
  #owl .item .imgBlock{
  min-height:13em;
  }
  #owl .item img{
  display: block ;
  padding: 0 auto;
  width: 100%;
  height: auto;
  }
  #owl .item:hover{ background:#ffffe2; } /*hover colour */
  #owl .item:hover{ background:#e0e8fe; }  /*hover colour */
  
  #owl .item h3 {
  font-family:Raleway, Arial, Helvetica, sans-serif;
  font-weight:200;
  font-size:1.5em;
  padding:0.2em 0 ;
  color:#666;
  }
  #owl .item p {
  font-family:Raleway, Arial, Helvetica, sans-serif;
  font-weight:400;
  font-size:0.8em;
  padding-bottom:0.2em;
  color:#333;
  }
  
/*************************** GENERAL ************************/
.lineHeight05 {line-height:0.5; }
.lineHeight075 {line-height:0.75; }
.lineHeight1 {line-height:1.0; }
.lineHeight11 {line-height:1.1; }
.lineHeight12 {line-height:1.2; }
.lineHeight15 {line-height:1.5; }
.lineHeight2 {line-height:2; }
.letter a:link, .letter a:visited { display:inline; padding:0 0.2em 0 0; color:#da0; font-weight:700;}
.letter a:focus, .letter a:active,  .letter a:hover { display:inline; padding:0 0.2em 0 0; color:#09f; font-weight:700;}

.em05 { font-size:0.5em ; }
.em06 { font-size:0.6em ; }
.em07 { font-size:0.7em ; }
.em08 { font-size:0.8em ; }
.em09 { font-size:0.9em ; }
.em1 { font-size:1em ; }
.em11 { font-size:1.1em ; }
.em2 { font-size:2em ; }
.em175 { font-size:1.75em ; }
.em125 { font-size:1.25em ; }
.em15 { font-size:1.5em ; }
.em4 { font-size: 4em; }
.em5 { font-size: 5em; }

.hilite1 { color:#c00; font-weight:600; }
.hilite2 { color:#09F; font-weight:600; }
.hilite3 { color:#F00; font-weight:600; }
.hilite4 { color:#666; font-weight:600; }
.hilite6 { color:#ffa200; font-weight:600; }
.hilite5 { background-color:#090; color:#fff; font-weight:400; font-size:1.5em;}
.hilite7 { background-color:#090; color:#fff; font-weight:400; font-size:0.8em;border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;}
.hilite8 { color:#da0; font-weight:700; }
.hilite9 { color:#900; font-weight:700; }
.hilite10 { color:#060; font-weight:700; }
.hilite11 { color:#000; font-weight:600; }
.hilite12 { color:#999; font-weight:600; }
.hilite13 { color:#06C; font-weight:600; }
.hilite14 { color:#093; font-weight:600; }
.hilite15 { color:#F90; font-weight:600; }
.hiliteWinner { background-color:#f00; color:#fff; font-weight:600;}

.b300 { font-weight:300; }
.b400 { font-weight:400; }
.b600 { font-weight:600; }
.b700 { font-weight:700; }
.b800 { font-weight:800; }

.event1, .event2, .event3N, .event3B, .event3F, .event4, .event5, .event6 {font-size:1em; }
.event1 { color:#09F; font-weight:700; padding:0.25 0; } 
.event2 { color:#090; font-weight:700; padding:0.25 0; }
.event3N { color:#36C; font-weight:700; padding:0.25 0; }
.event3B { color:#daa236; font-weight:700; padding:0.25 0; }
.event3F { color:#c0f; font-weight:700; padding:0.25 0; }
.event4 { color:#F69; font-weight:700; padding:0.25 0; }
.event5 { color:#666; font-weight:700; padding:0.25 0; }
.event6 { color:#999; font-weight:700; padding:0.25 0; }

.event0, .event1, .event2, .event3, .event4, .event5, .event6. ,event7 {font-size:1em; text-decoration:none !important;}
.event0 { color:#000; font-weight:700; padding:0.25 0; } /* Black */
.event1 { color:#09f; font-weight:700; padding:0.25 0; } /* Cyan */
.event2 { color:#090; font-weight:700; padding:0.25 0; } /* Green */
.event3N { color:#36c; font-weight:700; padding:0.25 0; } /* Blue */
.event3B { color:#e68a00; font-weight:700; padding:0.25 0; } /* Dark Orange */
.event3F { color:#c0f; font-weight:700; padding:0.25 0; } /* Purple */
.event4 { color:#c00; font-weight:700; padding:0.25 0; } /* Dark Red */
.event5 { color:#fe7edb; font-weight:700; padding:0.25 0; } /* Dark Pink */
.event6 { color:#999; font-weight:700; padding:0.25 0; } /* Light Grey */
.event7 { color:#c00; font-weight:700; padding:0.25 0; } /* Dark Red */


.white { color:#FFF; }
.black { color:#000; }
.grey666 { color:#666; }
.grey999 { color:#999; }
.greyaaa { color:#aaa; }
.greyccc { color:#ccc; }
.black { color: #000000; }
.blue { color:#09F; }

.greyrule {
	border-bottom:#333 1px solid;
	padding: 0.1em 0 0.1em 0;
	width:100%;
}
.greyrule2 {
	border-bottom:#aaa 1px solid;
	padding: 0em 0 0.1em 0;
	margin:0;
	padding:0;
	width:100%;
}
.greyruleAAA {
	border-bottom:#aaa 1px solid;
	padding: 0.35em 0 0.15em 0;
	margin:0.25em 0 1em 0;
	width:100%;
}
.leftSpace { padding-left:2em; }
.uCase { text-transform:uppercase; }  
.compressed { line-height:80%; padding: 0; margin:0; }
.border1 { border:1px solid #ccc; }
.greyRule { border:2px solid #aaa; }
.yellow { color: #dao; }
.blue { color: #09f; }
.red { color: #f00; }
.darkRed { color: #c00; }
.clubName { font-size: 1em; font-weight:600; line-height:1; }
.standings { line-height:1; }
.clubName a, .clubName a:link, .clubName a:visited { color:#000; text-decoration:none; }
.clubName a:active, .clubName a:hover, .clubName a:focus { color:#da0; }
.teeTime { border-top:2px solid red; font-weight:600;}

.caption { text-align:center;  display:inline; font-size:1em; font-weight:400; color:#09f; font-style:italic; }
.caption1 { font-size: 0.7em; font-weight:600; line-height:1.1; color:#999; }
.caption2 { font-size: 0.75em; font-weight:700; line-height:1.1; color:#666; }
.caption3 { text-align:center;  display:inline; font-size:1.25em; font-weight:400; color:#09f; font-style:italic; }

.week {font-size:0.8em; font-weight:700; color:#000000; }
.smalldata {font-size:0.7em; font-weight:400; color:#000000; line-height:1.3; }
.largedata {font-size:1.2em; font-weight:400; color:#000000; }
.dateWide { visibility:visible; }
.dateWide { font-size:0.9em; }
.dateNarrow { visibility:hidden; width:0; height:0;}
.venue { font-size: 0.9em; }
.explanation { font-size:0.8em; }
.scores { font-size:0.9em; font-weight:700; color:#ffa200; }
.scoreEntry { font-size:1em; font-weight:600; color:#000; }
.subText {font-size:0.8em;}
.result { line-height:1.2; }
.helpHead { font-size:1em; font-weight:600; color: #900; }
.mid { text-align:center; }
.season {  font-size:1.5em; font-weight:700; color:#09f;  }

/**************** SCALING *****************/


@media (max-width: 60em) {     /* GREY */

.textBox { 
	height:7em;
	padding: 0 0 0.5em 0;
	bottom:0.25em;
}
.multiColumn {
	-webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;
}
.unit, .score { 
width:32.33%;
font-size:1em; 
}
.blockPanel { 
min-height:22em; 
}
.listPanel { width:49%;  }

}

@media (max-width: 55em) {     /* BLUE */
/*img.shield { width:13.5%; }*/

h3 { 
	font-size:2em; 
	line-height:1;
	padding:0.5em 0 0.25em 0 ; 	
}
.leftSidePanel, .rightSidePanel { width: 44.5%; }
.subTitle { font-size: 0.9em; }
.linkPanel {
width:48%;
}
.blockPanel { 
width:24% ;	
min-height:25em; 
}
.trophyPanel { min-height:23em;}

}
@media (max-width: 50em) {     /* ORANGE */
/*img.shield { width:12%; }*/

.textBox { 
	height:5em;
	padding: 0 0 0.5em 0;
	bottom:0.25em;
}
.quickButton { width:50%;	}
.trophyPanel {
	width: 31.3%;
	}


.right2Thirds {
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
}
.left2Thirds {
		width:100%;
}
.rightThird {
	float:left;
	width:100%;
	text-align:left;
	margin:1% 0 2% 0;
}
.actionButton a, .actionButton a:visited  {
	font-size:1em;
	text-align: center;
	padding:0.5% 3%;
	margin:0.5% 0 1% 0;
	color:#fff;
	border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}
.blockPanel { 
min-height:23em; 
}
}
@media (max-width: 45em) {   /* GREEN */
img.shield { width:15%; }

/**************** LEFTSIDE *************/
.leftSide { width: 100%; }
/*************** RIGHTSIDE *************/
.rightSide { width: 100%;  }

.leftSidePanel, .rightSidePanel { float : left; width: 100%; }

.listPanel { width:99%;  }

.textBox { 
	height:7em;
	padding: 0 0 0.5em 0;
	bottom:0.25em;
}
h3 { 
	font-size:1.8em; 
	line-height:1;
	padding:0.5em 0 0.25em 0 ; 	
}
.pictureCaption, { font-size: 2em;}
.pictureCaption2 { font-size: 1em;}
.page { width:94%; min-height:20rem; }
.leftSpace { padding-left:1em; }
 #owl-demo .item{
	min-height:25em;
}
.columns {
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
}
.multiColumn {
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
}
.blockPanel { width:32%; 
min-height:26em; 
}

.trophyPanel { min-height:24em;}

.unit, .score { 
width:49%;
font-size:1em; 
}
.halfColumn { width:100%; }
.leftQuarter, .right3Quarters {
	width:100%; }
.right3Quarters {
	text-align:left;
	 }

.clubName { line-height:1.3; }
.caption1 { line-height:1.3; }
.caption2 { line-height:1.3; }

.week {line-height:1.3; }
.smalldata {line-height:1.3; }
.largedata {line-height:1.3; }
.dateWide { visibility:hidden; width:0; height:0; }
.dateNarrow { visibility:visible; min-width:7em; font-size:0.75em; text-align:left; font-weight:400; }

.dlButton a, .dlButton a:link, .dlButton a:visited {
	min-width:6em;
	background-color:#39F;
	border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;
	padding:0.1em 1em;
	font-size:0.8em;
	line-height:1;
	color:#fff !important; 
	font-weight:600;
	text-decoration:none;
}

}
@media (max-width: 40em) {   /* PINK */
.blockPanel { width:32%; 
min-height:24em; 
}

}
@media (max-width: 36em) {   /* PURPLE */
img.shield { width:15%; }

h1 {  font-size:1.85em; }
h3 {  font-size:1.25em; }

.textBox { 
	height:7em;
	padding: 0 0 0.5em 0;
	bottom:0.25em;
}
.quickButton { width:100%;	margin: 0 0 2% 0;}
/*h1 { padding:0.25rem 0 0.5rem 0.35rem;}*/
p { font-size: 0.8em; }
.subTitle { font-size: 0.9em; }
table p { font-size: 0.60em; }
.logo { font-size:1.5em; }
.header { margin: 4% auto 0 auto; }
.leftSpace { padding-left:0.5em; }
.user, .date, .footer, .contact, .copyright, .detail { width: 100%; }
.user, .copyright {float: left; text-align:left; }
.action { 
	float: left; 
	width: 100%;
	text-align:left;
	margin:6% 0;
}
.actionButton a, .actionButton a:visited , .actionButton a:hover  {
	font-size:0.9em;
	padding:0.5% 3%;
	margin:0.5% 0 1% 0;
	border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;
}
.actionButton a:hover  { font-weight:700; }
.leftFoot {
	width: 100%;
	margin: 1% 0 ;
	}
.leftFoot img, .rightFoot img { max-width: 100%; height:auto; }
	
.rightFoot {
	float: left;
	width: 100%; 
	margin: 1% 0 ;
	}
.leftThird {
	width: 100%;
	}
.right2Thirds {
	float: left;
	width: 100%; 
	}
.multiColumn {
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
}
.halfColumn { width:100%; }
.halfColumn .imgBox{ width:100%; margin:0; }

.blockPanel { width: 48%; min-height:29em; }

.trophyPanel { width: 48%; min-height:23em; }

.unit, .score { 
width:100%;
margin:0 0 1% 0;
font-size:1em; 
}
.thumb { 
width:100%;
margin:0 0 1% 0;
font-size:1em; 
}
.linkPanel {
width:100%;
}
.clubName { font-size: 1em;}
.caption2 { font-size: 0.65em;}

.venue { font-size: 0.75em; }
.explanation { font-size:1em; }


.clubName { font-size: 0.8em; font-weight:600; }
.caption1 { font-size: 0.6em; font-weight:600; color:#999; }
.caption2 { font-size: 0.65em; font-weight:700; color:#666; }

.week {font-size:0.65em; font-weight:700; color:#000000; }
.smalldata {font-size:0.6em; font-weight:400; color:#000000; }
.largedata {font-size:1.1em; font-weight:400; color:#000000; }
.scores {font-size:0.7em;}
.subText {font-size:0.8em !important; }
.yearButton { margin:0.15em 0 0.15em 0; }
.yearButton a:link, .yearButton a:visited {
	min-width:4em;
	border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;
	padding:0.15em 0.5em;
	font-size:0.7em;
	line-height:1.3;	
}

}

@media (max-width: 25em) {   /* CYAN */
img.shield { width:22%; }
.logo { font-size:1.1em; }

.buttonRow { -webkit-column-count:1; -moz-column-count:1; column-count:1; }
.buttonRow a:link, .buttonRow a:visited { width:100%; border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; font-size:0.75em;}

h1 {  font-size:1.5em; }
h1 { padding:0.1rem 0 0.5rem 0.35rem; }

.clubName { font-size: 0.75em;}
.caption2 { font-size: 0.4em;}

.blockPanel { width: 100%; }
/*.blockPanel { width:99%; }*/
.blockPanel h4 {
	font-size: 1.5em; 
	padding: 0.35em; 
	}
.blockPanel p {
	font-size: 0.9em; 
	}
	
	
}

/* WIDTH CLUE */

.trackSize { border:3px solid white; }   /* RED */