/* IE HTML5 Workaround */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* HIGHLIGHT RED: #b60119 */
body {margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 62.5%; line-height: 1.6em; color: #333; }
img  {border: none; }
a    {color: #b60119; text-decoration: none; }
a:hover { text-decoration: underline; }
:focus { outline: none; -moz-outline-style: none;}

.fl		{float:left;}
.fr		{float:right;}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
 .clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* header section ------------------------------------------------------------------------------------------------  */
#header      { background:#fff url(../images/colour-strip.gif) top left no-repeat; padding-top:3px;}
  #header-logos {float: right; width:605px; text-align:right; vertical-align: top; margin-top: 3px; }
  	#header-logos .i { margin: 0 0 0 0; position: relative; top: -4px; }

/* NAVIGATIONS --------------------------------------------------------------------------------------------------- */
/* navigation - top right */
  .swLinks									{float:right;display:none;}
  .swLinks ul 								{list-style: none; margin: 0px 0px 0px 0px; padding: 0px;}
  .swLinks ul li 							{float: left; margin: 0; padding: 0; font-size:110%; background:url() bottom left repeat-x;}
  .swLinks ul li a 							{display: block; margin: 0px 0 0 0; padding: 3px 8px 4px; color: #fff; text-decoration: none;}
  .swLinks ul li#schools					{background-color:#999;}
  .swLinks ul li#business					{background-color:#666;}
  .swLinks ul li#pregames					{background-color:#333;}
  .swLinks ul li#home             {background-color:#666;}
  .swLinks ul li a:hover 					{text-decoration: underline;}
  .swLinks ul li a.top-selected				{text-decoration: underline; color:#b60119;}
/* minimal navigation */
  #minimal-navigation	{ text-align:left; background:#fff url(../images/colour-strip.gif) bottom left no-repeat; padding:4px 0 3px; margin:0 0 0 0;}
  #minimal-navigation { width:980px; height:25px; }
  
/* left hand navigation */
  #navHeading 						{height:59px; padding:0 0 0 0; margin:0 0 0 0;}
  #content-area #navHeading h3		{padding:24px 0 6px 0; margin:0 0 0 0; font-size:180%;}
   /* top level 0 */
  #navContent ul						{list-style: none; margin: 0; padding: 3px 0 0 0; border-top:3px solid #b60119; border-bottom:2px solid #ebebeb; }
  #navContent ul li 					{margin: 0px; padding: 0px;/*line-height:18px;*/ font-size:130%; font-weight:normal; display:inline; background:url() bottom left repeat-x; }
  #navContent ul li a 					{display: block; margin: 0px 0 0 0; padding: 3px 0px 5px 0px; color: #666; text-decoration: none; border-bottom: 1px solid #ebebeb; }
  #navContent ul li a:hover 			{color: #b60119; text-decoration: none;}
  #navContent ul a.selectedSL 			{color: #666; text-decoration: none; font-weight:bold;}
   /* level 1 */
  #navContent ul li ul					{list-style: none; margin: 0; padding: 0px 0 0 0; border-top:0px; border-bottom:0px}
  #navContent ul li ul li				{list-style: none; margin: 0; padding: 0; font-size:90%; font-weight:normal; display:inline; /*background:url(../images/red-bullet.gif) top left no-repeat;*/}
  #navContent ul li ul li a 			{display: block; margin: 0px 0 0 0; padding: 2px 0px 1px 15px; color: #666; text-decoration: none; border-bottom: 1px solid #fff;}
  #navContent ul li ul li a:hover 		{color: #b60119; text-decoration: none;}
  #navContent ul li ul li a.selectedSL 	{color: #b60119; text-decoration: none; font-weight:normal; background:url(../images/sub-nav-selected.gif) center left no-repeat;}
   /* level 2 */
  #navContent ul li ul li ul			{list-style: none; margin: 0; padding: 0px 0 4px 0; border-bottom: 1px solid #ebebeb; border-top:0px; border-bottom:0px}
  #navContent ul li ul li ul li			{list-style: none; margin: 0; padding: 0; font-size:90%; font-weight:normal; display:inline; /*background:url(../images/red-bullet.gif) top left no-repeat;*/}
  #navContent ul li ul li ul li a 		{display: block; margin: 0px 0 0 0; padding: 1px 0px 1px 25px; color: #999; text-decoration: none;}
  #navContent ul li ul li ul li a:hover 	{color:#b60119; text-decoration: none;}
  #navContent ul li ul li ul li a.selectedSL {color:#b60119; text-decoration: none; font-weight:normal; background:url() center left no-repeat;}
   /* level 3 */
  #navContent ul li ul li ul li ul		{list-style: none; margin: 0; padding: 0px 0 4px 0; border-top:0px}
  #navContent ul li ul li ul li ul li		{margin: 0; padding: 0; font-size:80%; font-weight:normal; display:inline; border-top:0px; border-bottom:0px; background:url(../images/red-bullet.gif) top left no-repeat;}
  #navContent ul li ul li ul li ul li a 	{display: block; margin: 0px 0 0 0; padding: 1px 0px 1px 50px; color: #666; text-decoration: none;}
  #navContent ul li ul li ul li ul li a:hover 		{display: block; margin: 0px 0 0 0; padding: 1px 0px 1px 40px; color: #b60119; text-decoration: none;}
  #navContent ul li ul li ul li ul li a.selectedSL 	{display: block; margin: 0px 0 0 0; padding: 1px 0px 1px 40px; color: #b60119; text-decoration: none; font-weight:normal;}

/* CONTENT section ------------------------------------------------------------------------------------------------  */
#content-area    {margin:0 0 0 0; padding:0 0 0 0;}
#content-area p  {font-size:130%; padding:0 0 18px; margin:0;}
/*#content-area .col-554-g ul,
#content-area .col-554-g ol {font-size:130%; padding:0 0 18px; margin:0 0 0 20px;}*/
#content-area .openPara p  {font-size:170%; padding:18px 0 18px 0; line-height:1.2em;}
#content-area h1 {font-size:240%; padding: 23px 0 6px 0; margin:0 0 0 0; width:100%; /*background:url(../images/h1-bg.gif) bottom left repeat-x;*/}
#content-area h2 {font-size:170%; padding:6px 0 2px 0; margin:0 0 0 0; color:#b60119; font-weight:bold;}
#content-area h3 {font-size:140%; padding:0 0 2px 0; margin:0 0 0 0; color:#000;}
#content-area h4 {font-size:140%; padding:0 0 2px 0; margin:0 0 0 0; color:#000;}
#content-area h5 {font-size:140%; padding:0 0 2px 0; margin:0 0 0 0; color:#000;}

/* breadcrumb */
#breadcrumb      {color: #b60119; padding:8px 0 0; height:26px; margin:0 0 0 0; font-size:120%; background:url(../images/grey-dot-line.gif) bottom left repeat-x; display:block;}
#breadcrumb p		 {padding:0 0 0 0; margin:0 0 0 0; font-size:100%;}
#breadcrumb a        {color:#666; text-decoration:none;}
#breadcrumb a:hover  {text-decoration:underline;}
#breadcrumb .current {color: #333;}

#strapline-box {position:absolute; top:0px; left:0px; width:450px; height:145px; background-color:#000; z-index:10;
	background-color:rgba(0,0,0,0.8);
	opacity: 0.8;
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	filter:alpha(opacity=80)
}
  #strapline-box p {color:#fff; padding:10px 22px 5px 22px}
  #strapline-box a {color:#fff; text-decoration:underline;}
  #strapline-box a:hover {color:#b60119; text-decoration:underline;}
  div#content-area div#header-image-full div#home-zone-wrapper div#strapline-box h1 {color:#fff; font-size:320%; background:url(); padding:28px 22px 5px 22px}
  div#content-area div#header-image-full div#home-zone-wrapper div#strapline-box h2 {color:#fff; font-size:200%; padding:10px 22px 5px 22px; line-height:1.2em;}
 .imagebox-border {height:100px; border:1px solid #ccc; margin:0px 2px 2px 0; text-align:center; float:left;}
 .imagebox-border a {opacity: 1;}
 .imagebox-border a:hover {opacity: 0.6;}
 .ad-space {text-align:center;}

/* main layout columns ----------------------------------------------------------------------------------------------------- */
/* 1-2-1 */
.col-196	{width:196px; float:left;display:block;zoom:1;} /* narrow column, eg left hand nav, right hand blocks */
.col-196 p { display:block;width:100%; }
.col-196 a, .col-196-gr a, .col-482 a, .col-482-gr a  {opacity: 1; }
.col-196 a:hover, .col-196-gr a:hover, .col-482 a:hover, .col-482-gr a:hover {opacity: 0.8;}
.col-554-g	{ float:left; margin:0px 17px} /* center column with 17px gutters either side */
/* 2-1-1 */
.col-554-gr	{ margin:0px 17px 0 0} /* center column with 17px gutters either side */
.col-554-gr ul, .col-554-g ul, .col-554-g ol {font-size:100%;margin: 0px 0 10px 0px; padding-left:20px;}
.col-554-gr ul li, .col-554-g ul li {color: #333; margin: 0 0 2px; padding: 0 0 1px; font-size:170%; margin-bottom: 14px; line-height: 1.2em; }
.topImage {}
    .col-554-g div.openPara #sign-up-form { margin-top: 15px}
    .col-554-g div.openPara form input {margin-bottom: 5px}
        .col-554-g div.openPara form input#email { margin-left: 45px}
        .col-554-g div.openPara form input#fname { margin-left: 23px }
        .col-554-g div.openPara form input#lname { margin-left: 23px }
        .col-554-g div.openPara form input#organisation { margin-left: 27px }
        .col-554-g div.openPara form input#submit { margin-left: 120px; margin-top: 15px }


#content-area .col-554-gr h1 {font-size:240%; margin:0 0 0 0; background:url() bottom left repeat-x;}
/* 2-1 home page */
.col-339	{ float:left;}
	h2#home-news {color:#333; padding-top:10px; border-top:5px solid #000000; font-size:200%; margin-bottom:15px;}
	h2#home-events {color:#333; padding-top:10px; border-top:5px solid #b60119; font-size:200%; margin-bottom:15px;}
	.home-item		{padding:8px; background-color:#efefef; clear:both; margin-bottom:2px; display:block;}
	 #content-area .home-item p	{padding:3px 0 0 0; margin:0 0 0 0; font-size:120%; line-height:1.2em; color:#333;}
	.home-item a	{padding:0px 0 0px 0; margin:0 0 3px 0; color:#333; font-size:140%; text-decoration: underline; line-height:1.2em; }
	.home-item a:hover	{color:#b60119}
	.home-item img  {float:left; padding-right:8px;}
	.force-height-news  {height:63px;}
	.force-height-events  {height:104px;}
	.countdown-clock {margin:18px 0 18px 0; text-align:center;}


	h3#games, h3#stars, h3#venues, h3#essex {color:#333; padding-top:10px; border-top:5px solid #b60119; font-size:140%; margin-bottom:12px;}
	h3#stars {border-top:5px solid #000000;}
	h3#venues {border-top:5px solid #b60119;}
	h3#essex {border-top:5px solid #000000;}
	#content-area .col-236-gr p, #content-area .col-236 p	{padding:3px 0 0 0; margin:0 0 12px 0; font-size:110%; line-height:1.2em; color:#666;}
	.col-236-gr img, .col-236 img  {float:left; padding-bottom:45px; padding-right:8px; display:block;}

/* 1-1 */
.col-482, .col-482-gr { float:left; }
.col-482 ul, .col-482-gr ul {margin: 0 0 0px 0px; padding:0 0 10px 20px;}
.col-482 ul li, .col-482-gr ul li {color: #333; margin: 0 0 2px; padding: 0 0 1px; font-size:120%;}
.col-482-gr ul li ul {margin: 0 0 0px 0px; padding-left:10px; /*border-bottom:1px dotted #ccc;*/}
.col-482-gr ul li ul li {font-size:100%; list-style-type:disc;}
.col-482-gr ul li ul li a {}
#content-area .col-482 h1, #content-area .col-482-gr h1 {font-size:240%; margin:0 0 0 0; background:url() bottom left repeat-x;}
#content-area .col-482 h1.redblock, #content-area .col-482-gr h1.redblock {font-size:240%; margin:0 0 0 0; font-weight:normal; background:#b60119 url(); color:#fff; display:block; text-shadow: 1px 1px 1px #666;}

/* 2-1  --------- privacy sitemap etc */
.col-766-gr { float:left; }
.col-374	{ float:left;}
.col-374-gr	{ float:left; margin:0px 17px 0 0;}
.end-2-cols {clear:both; background:url(../images/colour-strip-2-col.gif); height:3px; margin:50px 0px}
html body div#container div#content-area div.col-766-gr div.sitemap div div.sitemap_mid div.linebox div.lineboxcontent h2 a { color: #b60119 !important; }

/* margins  ----------------------*/
.mg-t-25	{margin-top:25px;}
.mg-t-20	{margin-top:20px;}
.mg-b-20	{margin-bottom:20px;}
.mg-b-15	{margin-bottom:15px;}

/* snippets & designed elements ------------------------------------------------------------------------------------------------ */
/* related box */
div.relatedDocuments	{background: #333 url(../images/related-base.gif) bottom left no-repeat; padding:15px 15px 40px 15px; color:#fff; margin-bottom:15px;}
html body div#container div#content-area div.col-196 div.relatedDocuments h3, html body div#container div#content-area div.col-196-gr div.relatedDocuments h3 { color:#fff; font-size:160%; margin-bottom:5px;}
div.relatedDocuments p	{padding:2px 0 0 0; margin:0 0 0 0; font-size:110%; line-height:1.1em; color:#ccc;}
div.relatedDocuments a	{padding:0px 0 0px 0; margin:0 0 3px 0; color:#fff; font-size:140%; text-decoration: underline; line-height:1.2em;}
div.relatedDocuments a:hover	{color:#b60119}
div.relatedDocuments ul {margin:0 0 0 0; padding:0 0 0 0; list-style-type:none;}
div.relatedDocuments ul li {font-size:90%; padding:5px 0px; border-bottom:1px dotted #666;}
div.relatedDocuments ul li a {text-decoration:none;}
div.relatedDocuments ul li a:hover {text-decoration:none;}

/* red box & button */
.red-box  {border-top:3px solid #b60119; padding:10px 0 0 0;}
div#content-area div.col-554-gr div.col-268-gr div.red-box a:hover {text-decoration:underline;}
div.red-box ul {margin-left:0px; margin-top:5px; padding-left:0px;}
div.red-box ul li {margin-left:15px; padding:0px 0 3px 0; font-size:120%;}
.force-height-list {height:180px;}
/* big buttons */
.red-button {background:#b60119 url(../images/red-arrow.gif) center right no-repeat; padding:8px; color:#fff; display:block; font-size:160%; font-weight:bold; text-shadow: 1px 1px 1px #666; }
.purple-button {background:#000000 url(../images/black-arrow.gif) center right no-repeat; padding:8px; color:#fff; display:block; font-size:160%; font-weight:bold; text-shadow: 1px 1px 1px #666; }
/* small buttons */
.small-button-red, .small-button-blue, .small-button-orange, .small-button-green, .small-button-purple, .small-button-black  {width:108px; margin:0 0 1px 0; background:#b60119 url(../images/red-arrow.gif) 98px center no-repeat; padding:3px 3px 3px 8px; color:#fff; display:block; font-size:120%; font-weight:normal; text-shadow: 1px 1px 1px #666; }
.small-button-blue {background:#b60119 url(../images/red-arrow.gif) 98px center no-repeat; }
.small-button-orange {background:#000000 url(../images/black-arrow.gif) 98px center no-repeat;}
.small-button-green {background:#b60119 url(../images/red-arrow.gif) 98px center no-repeat;}
.small-button-purple {background:#000000 url(../images/black-arrow.gif) 98px center no-repeat;}
.small-button-black {background:#000000 url(../images/black-arrow.gif) 98px center no-repeat;}

/* TRAINING CAMPS - venue maps  */
#venue-map {margin-top:65px;}
.venue-dropdown {background:#000 url(../images/search-box-base.gif) bottom left no-repeat; padding:15px 15px 40px 15px; margin:10px 0 15px 0;}
#content-area .col-482 .venue-dropdown h3, #content-area .col-482-gr .venue-dropdown h3 {color:#fff; padding-bottom:10px;}
div.venue-dropdown form label {color:#fff; font-size:130%; margin-bottom:10px; clear:both;}
div.venue-dropdown form select#venues {margin-top:10px;}
div.venue-contact-box {background: #ebebeb url(../images/grey-box-base.gif) bottom left no-repeat; padding:8px 12px 35px 12px;}
html body div#container div#content-area div.col-196-gr div.venue-contact-box h3 {font-size:160%; padding: 3px 0 8px 0;}
html body div#container div#content-area div.col-482-gr div.venue-dropdown form select#sport { clear:both; margin-right:10px;}
ul#venue-list {list-style-type:none; padding-left:0px; margin-left:0px; }
ul#venue-list li {font-size:140%; font-weight:bold; padding-top:5px;}
ul#venue-list li ul {padding-top:5px; border-bottom:1px dotted #ccc}
ul#venue-list li ul li {font-size:90%; font-weight:normal; margin-left:5px; padding-top:0px;}

/* links list */
ul.links 							{list-style: none; margin: 0; padding: 3px 0 0 0;}
  ul.links li  						{margin: 0px; padding: 0px;font-size:130%; font-weight:normal; background:url(../images/red-bullet.gif) top left no-repeat; }
  ul.links li a 					{display: block; margin: 0px 0 0 0; padding: 2px 0px 2px 15px; color: #333; text-decoration: none; }
  ul.links li a:hover				{color: #b60119; text-decoration: underline; }
  div.venue-contact-box p a {font-size:0.8em; overflow:hidden;}

/* CALENDAR ---------------------------------------------- */
.infoCourseEvent {clear:both; padding:10px 0 10px 0px; border-bottom:1px dotted #ccc; }

html body div#container div#content-area div.col-full div.eventItemPage,
html body div#container div#content-area div.col-766-gr div.eventItemPage {background:url(../images/stat-card.jpg) top left; margin-top:25px;}

html body div#container div#content-area div.col-full div.eventItemPage h2,
html body div#container div#content-area div.col-766-gr div.eventItemPage h2 {padding:20px 17px 20px 17px; border-bottom:1px dotted #ccc;}

html body div#container div#content-area div.col-full div.eventItemPage div.event-col-right div.ecDescription h2,
html body div#container div#content-area div.col-766-gr div.eventItemPage div.event-col-right div.ecDescription h2 {padding:20px 17px 8px 0px; border-bottom:0px dotted #ccc;}
.courseEventContent {}

html body div#container div#content-area div.col-full div.eventItemPage div.infoCourseEvent div.courseEventContent p,
html body div#container div#content-area div.col-766-gr div.eventItemPage div.infoCourseEvent div.courseEventContent p {padding:0 0 0px 0;}

html body div#container div#content-area div.col-full div.eventItemPage div.ecDescription ,
html body div#container div#content-area div.col-766-gr div.eventItemPage div.ecDescription {padding:10px 0 0 0;}
.event-col {float:left; width:196px; padding:0px 17px 17px }
.event-image {margin:17px 0px 0px;}

/* MAP ---------------------------------------------------- */
#mapHolder {width:481px; height:378px; background:url(../images/venue-map.gif) top left no-repeat; position: relative;}
#mapHolder ul {list-style: none; margin: 0; padding:0;}
#mapHolder ul li {margin: 0; padding:0; position: absolute;}
#mapHolder ul li a {display:block; width:18px; height:18px; background:none; text-indent:-9999px;}

/* NEWS ----------------------------- */
.summary {font-size:130%; line-height: 130%; }
.subBlogItem {border-bottom:1px dotted #CCC; padding-top:12px;}
.newsHeaderBreaker h2, .subBlogItem  .summaryPanel h2 { line-height: 120%; }
.datePanel  {font-size:120%; color:#999; font-style:italic; padding-bottom:3px;}
.dateStyle {font-size:120%; color:#999; font-style:italic;}
ul#gridPages {list-style: none; padding:0 0 0 0; margin:10px 0 0 0; float:right;}
ul#gridPages li {float:left;}
ul#gridPages li a {display:block; margin: 0px 5px 0 0; padding: 3px 6px; color: #fff; background-color:#b60119; text-decoration: none;}
ul#gridPages li a:hover {text-decoration: underline;}
ul#gridPages li a.selected {display:block; margin: 0px 5px 0 0; padding: 3px 6px; color:#333; background-color:#CCC; text-decoration: none;}
.dateBreaker {margin-bottom:10px; border-bottom:1px dotted #ccc;}
.newsHeaderBreaker {border-top:1px dotted #ccc; margin-top:15px;}
.news-column-full {padding-bottom:20px; margin-bottom:20px; background:#fff url(../images/colour-stripe-555.jpg) bottom left repeat-x;}
div#content-area div.col-554-gr div.subBlogItem div.summaryPanel h2 {padding-top:4px; line-height: 130%; margin-bottom: 4px; }

/* SUPPORT STARS ---------------------- */
/*div#content-area div.col-482 ul#profiles li {list-style-type: none; float:left; margin-right:1px; font-size:110%;}
.profile-pic {width:118px; height:115px; overflow:hidden; background: #ccc url(../images/no-photo.gif) bottom center no-repeat;}
html body div#container div#content-area div.col-482 ul li div.profile-entry div.profile-pic a {color:#ccc;}
.profile-entry {clear:both;width:118px; display:block; height:155px;}
.profile-sport {margin-top:-4px; line-height:1.1em;}
.stat-card {margin: 10px 0 20px 0; padding: 0px 0px 0px 0px; background:url(../images/stat-card.jpg) top left}
html body div#container div#content-area div.col-554-g div.stat-card h2 {padding:20px 0 20px 17px; color:#000; font-size:200%; border-bottom:1px dotted #ccc; background:url(../images/colour-stripe-555.jpg) top left no-repeat;}
.stat-card div {border-bottom:dotted 1px #ccc; padding:10px 17px;}
html body div#container div#content-area div.col-554-g div.stat-card div p {padding:0px 0 0;}
html body div#container div#content-area div.col-196 div.social p {padding:0 0 0 0; }
.social {padding:10px 0px; border-bottom:1px dotted #CCC;}
html body div#container div#content-area div.col-482 ul#profiles {margin-left:0px; padding-left:0px; margin-top:15px;}*/

ul#profiles {font-size: 100%;margin-left:0px; padding-left:0px; margin-top:15px;}
ul#profiles:after, ul#profiles:before { clear: both; content:" ";display:table;}
.yc-page #profiles { margin-bottom: 65px; }
ul#profiles li {list-style-type: none; float:left; margin-right:1px; font-size:110%;}
ul#profiles li .profile-entry {clear:both; width:118px; display:block; height:155px;}
ul#profiles li .profile-entry .profile-pic {width:118px; height:115px; overflow:hidden; background: #ccc url(../images/no-photo.gif) bottom center no-repeat;}
ul#profiles li .profile-entry .profile-pic a {color:#ccc;}
ul#profiles li .profile-entry .profile-sport {margin-top:-4px; line-height:1.1em;}
.stat-card {margin: 10px 0 20px 0; padding: 0px 0px 0px 0px; background:url(../images/stat-card.jpg) top left;}
.stat-card h2 {padding:20px 0 20px 17px; color:#000; font-size:200%; border-bottom:1px dotted #ccc; background:url(../images/colour-stripe-555.jpg) top left no-repeat;}
.stat-card div {border-bottom:dotted 1px #ccc; padding:10px 17px;}
#content-area .stat-card div p {padding:0px 0 0;}
.social {padding:10px 0px; border-bottom:1px dotted #CCC;}
.social p {padding:0 0 0 0; }

/* FORM STYLES -------------------------- */
form.inputForm fieldset {border: 0px groove threedface; display: block; margin:0px 0px 0px 0px; padding: 0px;}
form.inputForm fieldset legend {color:#333; padding:10px 0 0 0; font-size:140%; margin-bottom:12px; font-weight:bold;}
div.formRow label {width: 200px; font-size:120%; display:block; float:left; padding:4px 10px 0 10px; }
div.formRow {padding-top:8px; padding-bottom:8px; background-color:#ebebeb; margin-bottom:1px;}
div.formRow:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
div.formRow input,
div.formRow select,
div.formRow textarea {width:250px; border:0px solid #fff; height:23px; padding-left:3px; font-size:125%; font-family:Arial, Helvetica, sans-serif;}
div.formRow input[type=checkbox] {width: auto;}
div.formRow select {width:253px;}
div.formRow textarea {height: auto;}

div.inputFormBtn {text-align:right;}
.status_error {padding:3px 0 0 220px; font-size:120%; font-style:italic; color:#b60119;}
.status_ok {/*display:none;*/ background: url("../images/status_ok.gif") no-repeat scroll 92% 50% rgba(0, 0, 0, 0); }
.captcha_color {margin-left:10px;}
#content-area .formRow p{margin-left:10px;}
.errorDialog .statusDialogTitle, .errorDialog .statusDialog{ font-weight:bold; font-size:120%; ; color:#EC0064;}
.honey_pot_captcha { position: absolute !important; top: -9999px !important; left: -9999px !important; }

/* TABLE STUFF ------------------------------ */
table  {border:0px solid #fff; padding:0px; }
td  {border-bottom: 1px solid #fff; border-right: 1px solid #fff; border-top:0px solid #fff; border-left:0px solid #fff; padding: 5px; background-color:#ebebeb; font-size:120%;}

/* home page attention box in footer -------- */
  #attention-box .exclamation {height:40px; margin-top:10px;}
  .att-text-holder {float:left; }
  .att-text-holder p {padding:0 0 0 0; margin:0 0 0 0; font-size:14px;}
  .att-title {font-size:18px; color:#b60119; font-weight:bold; padding:0 0 0 0; margin:0 0 0 0;}
  .att-text {font-size:18px; font-style:italic; color:#333; padding:0 0 0 0; margin:0 0 0 0;}
  .att-button {float:left; margin-left:31px;}

/* FOOTER SECTION --------------------------------------------------------------------------------------------------- */
#footer		{clear:both; background:url(../images/footer-gfx.gif) top left no-repeat; }
.copyright  {float:left; color:#666; font-size:110%}
.languages  {float:left; margin-bottom:0px; padding-bottom:0px;}
.newslettersignup {float:left; display:none; font-size:110%}
.twitter	{float:right; clear: right; width:127px; height: 16px; margin: 6px 0; }
.twitter a 								{background:url(../images/twitter-footer.gif) no-repeat 0 0; display:block; height: 100%; width: 100%; }
.twitter a:hover							{background-position:0 -16px;}
.twitter a span 							{display:none;}
.share		{float:right; font-size:110%;}
.credits-text {clear:both; padding-top:15px; width:500px; color:#666; }
div#content-area div#footer div.credits-text p {font-size:110%; line-height:1.1em;}

.facebook { float: right; clear: right; }
	.facebook a { background: url(../images/icon_facebook.gif) no-repeat center left; color: #; font: normal 12px 'Segoe UI', Arial, sans; padding-left: 21px; color: #2E5894; }

/* SPORTS A-Z
 ******************** */
#sports_az {
	margin: 0; padding: 0;
	margin-top: 20px;
}
#sports_az:before,
#sports_az:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
#sports_az:after {
  clear: both; }
#sports_az {
  zoom: 1; }


	#sports_az li {
		display: block;
		float:left;
		list-style: none outside;
		margin: 0 1% 1% 0; padding: 0;
		width: 32%;
	}
		#sports_az a {
			background: #fff;
			border: 2px solid #FA6C86;
			color: #b60119;
			display: block;
			font-size: 140%;
			font-weight: bold;
			padding: 12px 0;
			text-align: center;
		}
		#sports_az a:hover {
			background: #FCD8DE;
			border-color: #FA6C86;
			color: #b60119;
			text-decoration: none;
		}

/* SPORT PAGE
 ******************** */
#content-area .sportPage h1,
#content-area .clubPage h1 {
	color: #b60119;
	font-size: 30px;
	line-height: 30px;
	padding: 23px 0 12px;
}
	.sportPage div,
	.clubPage div {
		font-size: 13px;
	}
		.description, .club_description {
		}

	.sportPage .weblink,
	.clubPage .clubmark {
		margin-bottom: 9px;
	}

	.sportPage .description
	.clubPage .description, {
		margin-right: 20px;
	}
		.sportPage .description img {
			display: block;
			margin: 0 0 20px;
		}

	/* *** column 2 *** */
	#content-area .sportPage h2 {
		color: #333;
		padding: 23px 0 11px;
	}

	.clubs_wrap {
		margin-top: 9px;
	}
	.club_information {
	}
		.club,
		.club_information {
			background: #efefef;
			padding: 12px 15px;
			margin-bottom: 1px;
		}
		.club_information {
			line-height: 150%;
			padding-bottom: 2px;
		}
			.club .title {
				color: #333;
				display: block;
				font-size: 14px;
				font-weight: bold;
				line-height: 1.2em;
				margin-bottom: 5px;
				text-decoration: underline;
			}

	.club_information > div {
		margin-bottom: 10px;
	}
		.clubPage .label {
			display: block;
			float: left;
			font-weight: bold;
			width: 145px;
		}
		.clubPage .info_inner {
			margin-left: 145px;
		}

/* SPORT PAGE 2013
 ******************** */
#content-area .sportPage2013 * {
  font-size: 13px !important;
  line-height: 18px;
}
#content-area .sportPage2013 .left,
#content-area .sportPage2013 .right {
  float: left;
  width: 45%;
  display:inline-block;
}
#content-area .sportPage2013 .left {
  padding-right: 6%;
}
  #content-area .sportPage2013 .left .weblink {
    margin-bottom: 12px;
    padding: 6px 0;
    border-top: 1px dotted #DDD;
    border-bottom: 1px dotted #DDD;
  }
  #content-area .sportPage2013 h1 {
    color: #b60119;
    font-size: 30px;
    line-height: 30px;
    padding: 23px 0 12px;
  }
  #content-area .sportPage2013 h2 {
    color: #333;
    font-size: 170%;
    padding: 29px 0 12px;
  }
  #content-area .sportPage2013 span.number {
    color: #b60119;
    font-weight: bold;
  }
  #content-area .sportPage2013 .snippet {
    margin: 24px 0 0 0;
  }
    #content-area .sportPage2013 .snippet ul {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%;
    }
      #content-area .sportPage2013 .snippet ul li {
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 33%;
      }
        #content-area .sportPage2013 .snippet ul li img {
          width: 90%;
          height: 90%;
        }

/* CLUBS A-Z
 ******************** */
.a_z {
	height: 40px;
	margin: 0;
	padding: 10px 0 10px;
}
	.a_z li {
		list-style: none outside;
		margin: 0; padding: 0;
	}
	.a_z li a {
		background: #fff;
		border: 2px solid #fa6c86;
		display: block;
		float: left;
		font-size: 14px;
		font-weight: bold;
		margin-right: 2px;
		padding: 8px 11px;
	}
		.a_z li a:hover {
			background: #fcd8de;
			color: #b60119;
			text-decoration: none;
		}

.letter {
	font-size: 14px;
	margin-bottom: 15px;
}
	.letter_header {
		font-weight: bold;
		margin-bottom: 5px;
	}

/* COURSE ---------------------------------------------- */
.course h1 {
	line-height: 1.4em;
	color: #b60119;
}
.course p strong {
	color: #b60119;
}
.course .location, .course .postcode, .course .start_date, .course .time, .course .end_date, .course .apply_by {
	padding: 10px 10px 0 10px;
	background: #333;
	color: #FFF;
	font-size:1.4em;
}
.course .location {
	margin: 6px 0 0 0;
}
.course .time {
	padding-bottom: 10px;
}
.course .label {
	display: inline-block;
	font-weight: bold;
	margin: 0 6px 0 0;
}
.course .description .label {
	display:none;
}
.course .description {
	margin: 10px 0;
	font-size: 1.2em;
	line-height:1.4em;
}
.course .contact {
	margin:20px 0 0 0;
}
.course .contact .label {
	font-weight: bold;
	font-size: 1.4em;
	color: #b60119;
}
.course .contact .value {
	font-weight: bold;
	font-size: 1.4em;
	color: #444;
}
.course .contact p {
	padding-top: 0 !important;
	font-size: 1.2em !important;
	color: #333;
}
.course .price, .course .max_tickets, .course .num_spaces, .course .spaces_remaining, .course .apply {
	font-size:1.2em;
	margin:0 0 6px;
}
.course .apply { margin:20px 0 30px 0; }
.course .apply a {
	background: #d5002f;
	background: -moz-linear-gradient(top, #e9224e, #d5002f);
	background: -webkit-linear-gradient(top, #e9224e 0%, #d5002f 100%);
	background: linear-gradient(top, #e9224e 0%, #d5002f 100%);
	border: 0;
	color: #fff;
	cursor: pointer;
	font: bold 16px Arial, Tahoma, sans-serif;
	height: 36px;
	line-height: 24px;
	margin-right: 12px;
	padding:10px;
	text-shadow: 1px 1px 0 #a20528;
	width: 231px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow: inset 0 0 1px #6f0b21, 0 2px 3px #aaa;
	-webkit-box-shadow: inset 0 0 1px #6f0b21, 0 2px 3px #aaa;
	box-shadow: inset 0 0 1px #6f0b21, 0 2px 3px #aaa;
}
	.course .apply a:hover {
		background: -moz-linear-gradient(top, #ff2757, #f10237);
		background: -webkit-linear-gradient(top, #ff2757 0%, #f10237 100%);
		background: linear-gradient(top, #ff2757 0%, #f10237 100%);
	}
	.course .apply a:active {
		-moz-box-shadow: inset 0 0px 6px #860202, inset 0 0 1px #fff;
		-webkit-box-shadow: inset 0 0px 6px #860202, inset 0 0 1px #fff;
		box-shadow: inset 0 0px 6px #860202, inset 0 0 1px #fff;
	}

#courseRegisterForm ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
	#courseRegisterForm ul li {
		min-height:30px;
		margin: 0 0 5px;
	}
		#courseRegisterForm ul li label {
			display: block;
			float: left;
			width: 260px;
			padding: 5px 0 0 0;
		}
		#courseRegisterForm ul li input {
			display: block;
			float: left;
			width:200px;
			margin: 0!important;
			padding: 6px;
			font-size: 1em;
			color: #999;
			border: 1px solid #CCC;
			-moz-box-shadow: inset 2px 2px 2px #EEE;
			-webkit-box-shadow: inset 2px 2px 2px #EEE;
			-o-box-shadow: inset 2px 2px 2px #EEE;
			box-shadow: inset 2px 2px 2px #EEE;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
		}
		#courseRegisterForm ul li input:focus {
			color: #444;
		}
		#courseRegisterForm ul li select {
			display: block;
			float: left;
			width:75px;
			margin: 0!important;
			padding: 6px;
			font-size: 1em;
			color: #999;
			border: 1px solid #CCC;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
		}
		#courseRegisterForm ul li select:focus {
			color: #444;
		}
		#courseRegisterForm ul li textarea {
			display: block;
			float: left;
			width: 225px;
			min-height: 100px;
			margin: 0!important;
			padding: 6px;
			font-size: 1em;
			color: #999;
			border: 1px solid #CCC;
			-moz-box-shadow: inset 2px 2px 2px #EEE;
			-webkit-box-shadow: inset 2px 2px 2px #EEE;
			-o-box-shadow: inset 2px 2px 2px #EEE;
			box-shadow: inset 2px 2px 2px #EEE;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
		}
		#courseRegisterForm ul li textarea:focus {
			color: #444;
		}
		#courseRegisterForm ul li input#delivery_addr1, #courseRegisterForm ul li input#delivery_addr2 {
			width: 225px;
		}
		#courseRegisterForm ul li input#delivery_city {
			width: 180px;
		}
		#courseRegisterForm ul li input#delivery_postcode {
			width: 100px;
		}
		#courseRegisterForm ul li input#billing_addr1, #courseRegisterForm ul li input#billing_addr2 {
			width: 225px;
		}
		#courseRegisterForm ul li input#billing_city {
			width: 180px;
		}
		#courseRegisterForm ul li input#billing_postcode {
			width: 100px;
		}
#courseRegisterForm fieldset {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border: none;
}
	#courseRegisterForm legend {
		font-weight: bold;
		font-size: 1.4em;
		color: #b60119;
	}
#courseRegisterForm input[type=submit] {
	background: #d5002f;
	background: -moz-linear-gradient(top, #e9224e, #d5002f);
	background: -webkit-linear-gradient(top, #e9224e 0%, #d5002f 100%);
	background: linear-gradient(top, #e9224e 0%, #d5002f 100%);
	border: 0;
	color: #fff;
	cursor: pointer;
	font: bold 16px Arial, Tahoma, sans-serif;
	height: 45px;
	line-height: 24px;
	margin-right: 12px;
	padding:10px;
	text-shadow: 1px 1px 0 #a20528;
	width: 231px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow: inset 0 0 1px #6f0b21, 0 2px 3px #aaa;
	-webkit-box-shadow: inset 0 0 1px #6f0b21, 0 2px 3px #aaa;
	box-shadow: inset 0 0 1px #6f0b21, 0 2px 3px #aaa;
}
	#courseRegisterForm input[type=submit]:hover {
		background: -moz-linear-gradient(top, #ff2757, #f10237);
		background: -webkit-linear-gradient(top, #ff2757 0%, #f10237 100%);
		background: linear-gradient(top, #ff2757 0%, #f10237 100%);
	}
	#courseRegisterForm input[type=submit]:active {
		-moz-box-shadow: inset 0 0px 6px #860202, inset 0 0 1px #fff;
		-webkit-box-shadow: inset 0 0px 6px #860202, inset 0 0 1px #fff;
		box-shadow: inset 0 0px 6px #860202, inset 0 0 1px #fff;
	}

.errors > span {
	display:inline-block;
	margin:10px 0 10px 0;
	font-weight: bold;
	font-size: 1.4em;
	color: #b60119;
}
.errors > ul {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid #FBEED5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #EED3D7;
	list-style:none;
}
.courses_upcoming {
	margin: 20px 0 0 0;
}

/* School games calendar*/

#eventRegisterForm label, #eventRegisterForm input, #eventRegisterForm select { display:inline-block; }
#eventRegisterForm label { width:193px; }
#eventRegisterForm input { width:180px; }


/* Force legend to wrap in IE */

legend {
    white-space:normal;
	display: table; /* IE10 */
}


/* Hide flickr image link */

.photo-link{
	cursor:default;
}

.news-mobile{ display:none; }
.news-desktop{ display:block; }



@media screen and (min-width: 767px){

/*
 Stylesheet for desktop/tablet
*******************************/



#essex-logo  { background: url(../images/active-essex.gif) no-repeat; text-indent: -9999px; height:158px; width:375px; float:left; }
.mobile-strapline, #mobile-sub-nav, .search-holder-mobile, .search-holder-mobile input, .toggle-menu-button, #home-image-mobile, .mobile-sub-navigation, .activity-finder-mobile { display:none; }
#header{ height:159px; width:980px; }
#header-right-col {float:left; width:605px; height:37px; margin-top:11px;}
#container   {width:980px; margin:0 auto;}

/* search box styles top */
.search-holder{
  float:right; 
  width:260px; 
  height:23px; 
  background:url(../images/top-searchbox.gif) no-repeat; 
  padding:0px;
  margin:0px 10px 0 0;
  position:relative;
}
.search-holder form { padding:0 0 0 0; margin:0 0 0 0; display:inline; }
input.mnSearch { border:0px; background-color:transparent; position:absolute; top:0px; left:4px; width:233px; height:23px; font-size:110%; }
input.mnSubmit { border:0px; background-color:transparent; position:absolute; top:2px; left:233px; width:27px; height:23px; }
#desktopnav{ display:block; }

#main-navigation { width:980px; height:25px; text-align:left; background:#fff url(../images/colour-strip.gif) bottom left no-repeat; padding:4px 0 3px; margin:0 0 0 0;}
#main-navigation ul, #minimal-navigation ul {list-style-type:none; padding:0 0 0 0; margin:0 0 0 -20px; }
#main-navigation ul li, #minimal-navigation ul li {color: #333; display: inline; float: left; padding: 0px 12px; font-size: 150%; font-weight: bold; width: auto; border-right:1px solid #ccc; background:url() bottom left repeat-x;}
#main-navigation ul li.first, #minimal-navigation ul li.first {padding: 0px 20px 0px 0px;}
#main-navigation ul li.last {border-right:1px solid #fff;}
#main-navigation ul li a, #minimal-navigation ul li a {color: #333; display: block; text-decoration: none;}
#main-navigation ul li a:hover,  #main-navigation ul li.selected a, #main-navigation ul li.selected a:hover, #minimal-navigation ul li a:hover,  #minimal-navigation ul li.selected a, #minimal-navigation ul li.selected a:hover   {color:#b60119;}

/* navigation */  
ul.dropdown a:hover         { color: #000; }
ul.dropdown a:active        { color: #62bf66; }
ul.dropdown li a.selected span.tier1   { border-bottom: 2px solid #62bf66; }
ul.dropdown li a            { display: block; text-decoration: none; /*padding: 0 15px; border-right: 1px solid #e0e0e0;*/ color: #666; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li:hover        { /*background: #f4f4f4;*/ color: black; position: relative; }
ul.dropdown li.hover a      { /*color: black;*/ }

#main-navigation ul.dropdown ul   { margin: 0; padding: 0; }
#main-navigation ul.dropdown ul li  { margin: 0; padding: 0; }

/* LEVEL TWO */
ul.dropdown ul              { width:190px; visibility: hidden; position: absolute; top: 100%; left: 0; padding-top: 4px; }
ul.dropdown ul li           { padding:0; margin:0; border-bottom: 1px solid #ccc; border-left:1px solid #ccc; float: none; }
ul.dropdown ul li a         { padding:4px 20px 4px 20px; display:block; background: #fff; font-size:0.6em; font-weight:lighter; }
/*ul.dropdown ul li a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8; }*/

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a         { border-right: none; width: 190px; display: inline-block; }
ul.dropdown ul li a span    { display: block; }

/* LEVEL THREE */
ul.dropdown ul ul           { left: 100%; top: 0; padding-top: 0; }
ul.dropdown li:hover > ul   { visibility: visible; }

ul.dropdown span.tier3      { background: url(../images/menu-arr.png) no-repeat 100% 50%;}

/* Footer */
#footer {width:980px; padding:136px 0 0; margin-top:15px;}
.swFooterLinks              {margin-left:-11px;}
.swFooterLinks ul               {list-style: none; margin:0px 10px 0 0px; padding: 0px;}
.swFooterLinks ul li            {float: left; margin: 0; padding: 0; background:url() bottom left repeat-x; font-size:110% }
.swFooterLinks ul li a            {display: inline; margin: 0px 0 0 0; padding: 0px 11px 0 11px; color: #333; text-decoration: none; border-right: 1px solid #666;}
.swFooterLinks ul li a:hover        {text-decoration: underline;}
.swFooterLinks ul li a.last         {display: inline; margin: 0px 0 0 0; padding: 0px 0px 0 12px; color: #333; text-decoration: none; border-right: 0px solid #fff;}
.swFooterLinks ul li a.last:hover       {text-decoration: underline;}

/* home page elements ----- */
.header-image-full {width:980px; height:181px; clear:both; margin:0 0 0 0; padding:0 0 0 0;}
#home-zone-wrapper {width:980px; height:250px; position:relative}
#home-image {width:980px; height:250px; position:absolute; top:0px; left:0px; z-index:9; overflow:hidden;}

.col-full {width:980px; clear:both;}
.col-695-gr {width:695px; margin:0px 17px 0 0; float:left;}
.col-196-gr {width:196px; float:left; margin:0 17px 0 0} /* narrow column, eg left hand nav, right hand blocks */

.col-236  {width:236px; float:left;}
.col-268  {width:268px; float:left;}
.col-236-gr {width:236px; float:left; margin:0px 11px 0 0;}

.col-482 {width:481px; }
.col-482-gr {width:481px; }
#content-area .col-482 h1.redblock, #content-area .col-482-gr h1.redblock { width:457px; }
.col-554-g  {width:554px; }

#attention-box { padding:11px 20px; z-index:1000; width:960px; display: none; }
  .att-text-holder { width:760px;}
#breadcrumb { width:980px; }
.col-766-gr { width:766px; margin:0px 18px 0 0; }
.col-339  { width:339px; }
.col-554-gr { width:554px; float:left; }
.col-374  {width:374px; }
.col-374-gr {width:374px; }
.mg-r-17  {margin-right:17px;}

#content-area .col-482 h1.redblock, #content-area .col-482-gr h1.redblock { padding: 12px; }
.col-482-gr { margin:0px 18px 0 0;}
.openPara h2 a img { width:100%; }

html body div#container div#content-area div.col-482-gr div.venue-dropdown form select#sport {width:395px; }

#calendarPanel {width:980px; background:url(../images/calendar-bg.jpg) top left no-repeat; height:505px;}
.event-col-right {float:left; width:519px; padding:0px 17px 17px 0px }

/* navigation */

  ul.dropdown                 { position: relative; z-index: 10; list-style: none;  }
  ul.dropdown li              { float: left; zoom: 1; padding:0; margin:0; margin-left:-1px;  }
  ul.dropdown a:hover         { color: #000; }
  ul.dropdown a:active        { color: #62bf66; }
  ul.dropdown li a.selected span.tier1   { border-bottom: 2px solid #62bf66; }
  ul.dropdown li a            { display: block; text-decoration: none; /*padding: 0 15px; border-right: 1px solid #e0e0e0;*/ color: #666; }
  ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
  ul.dropdown li:hover        { /*background: #f4f4f4;*/ color: black; position: relative; }
  ul.dropdown li.hover a      { /*color: black;*/ }

  #main-navigation ul.dropdown ul   { margin: 0; padding: 0; }
  #main-navigation ul.dropdown ul li  { margin: 0; padding: 0; }

  /* LEVEL TWO */
  ul.dropdown ul              { width:190px; visibility: hidden; position: absolute; top: 100%; left: 0; padding-top: 4px; }
  ul.dropdown ul li           { padding:0; margin:0; border-bottom: 1px solid #ccc; border-left:1px solid #ccc; float: none; }
  ul.dropdown ul li a         { padding:4px 20px 4px 20px; display:block; background: #fff; font-size:0.6em; font-weight:lighter; }
  /*ul.dropdown ul li a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8; }*/

  /* IE 6 & 7 Needs Inline Block */
  ul.dropdown ul li a         { border-right: none; width: 190px; display: inline-block; }
  ul.dropdown ul li a span    { display: block; }

  /* LEVEL THREE */
  ul.dropdown ul ul           { left: 100%; top: 0; padding-top: 0; }
  ul.dropdown li:hover > ul   { visibility: visible; }

  ul.dropdown span.tier3      { background: url(../images/menu-arr.png) no-repeat 100% 50%;}

div#calendarPanel {width:982px;  height:437px;}
#content-area p.azfirsthalf { margin:0; padding: 0; }

}







/*
 Stylesheet for mobile devices
********************************/

/*div { border: 1px solid #56F900;}*/

@media screen and (max-width: 767px){

#header-logos, 
#desktopnav, 
li.tier2, 
.search-holder, 
#main-navigation, 
#mobile-sub-nav, 
/*#home-image, */
#CnwHomepageWidgetIframeID, 
#navContent:empty, 
.col-196 p:empty,
.mobile-get-active,
.mobile-activity-search,
.mg-t-25 #twitter-widget-0,
#calendarHolder,
/*.col-554-gr iframe,
.col-554-g iframe,
.col-695-gr iframe,
#side-nav iframe,
.openPara iframe,
.mg-t-20 iframe,*/
/*.col-482 .openPara p iframe,
.col-482-gr .openPara p iframe,*/
.col-482 h2,
.glasgow2014,
#side-nav p,
#side-nav h2,
.mg-b-15 img,
.col-554-g.Play.Sport .subBlogItem,
.news-desktop
{
  display:none;
}

.news-mobile{ display:block; }

#container { width:98%; margin:1%; }
#header { width:98%; }
#content-area { width:100%;}

#essex-logo  {
  text-indent: -9999px;
  background: url(../images/active-essex-mobile.gif) no-repeat;
  margin: 20px 0 20px 20px;
  height:88px;
}

#essex-logo img {
  max-width: 98%;
}

.search-holder-mobile{
  background-color: #D90031;
  height:50px;
  clear:both;
  width:100%;
  text-align: center;
  margin:0 auto;
}
.search-holder-mobile .mnSearch{
  margin: 10px 0 0 0;
  width:65%;
  height:25px;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}
.search-holder-mobile .mnSubmit{
  font-size: 18px;
  background: #000 url(../images/search-btn.png) no-repeat center center;
  border: 0;
  cursor: pointer;
  height: 31px;
  width:31px;
  margin-top: 10px;
  text-indent: -9999px; text-transform: uppercase;
  display:inline;
  vertical-align:top;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

.mobile-strapline{
  background-color:#F2F2F2;
  font-size: 160%;
  color:#000;
  padding:15px 0;
  clear:both;
  width:98%;
}

.strapline-holder{
  width:90%;
  margin:0 auto;
  text-align: center;
}

#header-right-col {
  float:none;
  width:100%;
}

#main-navigation ul { list-style-type: none; margin:0; padding:0; width:100%; }
#main-navigation ul li.tier1 { background-color:#f2f2f2; width:48%; margin-top:2%; display:inline-block; }
#main-navigation ul li.tier1 a { display: block; }
#main-navigation ul li.tier1:nth-of-type(even) { margin-left:2%; }
#main-navigation ul li a { color:#333; padding:5px 0 5px 20px; line-height: 40px; font-size: 160%; }

#mobile-sub-nav{
  clear:both;
  font-size: 120%;
  margin:7px 0 30px 0;
  text-transform: uppercase;
}
#mobile-sub-nav ul{
  list-style-type: none;
  width:98%;
  margin:0; padding:0;
}
#mobile-sub-nav ul li{
  color:#333;
  border-bottom:2px solid #f2f2f2;
  padding:10px 0 10px 20px;
}
#mobile-sub-nav ul li a{
  color:#333;
}

.toggle-menu-button{
  position: absolute;
  top: 10px;
  right: 3%;
  display: block;
  z-index: 10;
}

#attention-box { /*padding:11px 20px;*/ z-index:1000; width:98%; display: none; }

/* Footer */

#footer{
  width:98%;
  background:url(../images/footer-gfx.gif) top left no-repeat;
  padding:136px 0 0 0;
  margin:15px 0 0 0;
  text-align: center;
  position: relative;
  display: inline-block;
  clear:both;
}

.inpartnership {
  width:100%;
  margin-top: 20px;
  text-align: center;
  float:none;
}
.inpartnership a img{
  clear: both;
  max-width:98%;
  margin-top: 40px;
}
.inpartnership span{
  font-size: 140%;
  text-transform: uppercase;
  display: block;
}

.swFooterLinks      { background-color:#f2f2f2; width:84%; text-align: center; padding:8%; margin-top:20px; }
.swFooterLinks ul     { list-style: none; margin:0; padding: 0; width:100%; }
.swFooterLinks ul li  { font-size:160%; display: inline-block; padding:12px; }
.swFooterLinks ul li a  { color: #333; }

.copyright {
  margin:20px 0;
  font-size:140%;
  text-transform: uppercase;
  display: block;
  width:98%;
}

.share{ width:53px; }
.share, .twitter, .facebook{
  position: relative;
  margin: 15px auto;
  text-align: center;
  float:none;
  padding:0;
  clear: both;
}

/* home page elements ----- */
#home-zone-wrapper {
  background: url("../images/colour-strip.gif") no-repeat scroll left top #fff; 
  padding-top: 3px; 
  width:98%; 
}

#home-image-mobile img, #header-image-full { width:100%; }
#home-image-mobile p, #home-image-mobile a { width:100%; padding:0; margin: 0; }
#home-image-mobile { height: 100%; }
#header-image-full img { width:98% } /* sports awards slideshow */
#header-image-full p a img, #header-image-full p img { width:100% } /* home slideshow */
.openPara { clear: both; }

.col-695-gr img, .col-196-gr img, .col-268 img, .col-268-gr img {
  max-width:98%; 
  padding:0; 
  display:block;
  margin: 0 auto; 
  position: relative;
  float:none;
}

.col-695-gr p iframe, .col-482-gr  p iframe, .col-482 p iframe{ max-width:100%; height: auto; }

.col-339 { margin:20px 0; padding:0; width:100%; }
.col-268 { text-align: center; }
.col-268 img:first { margin-top:20px; }
.col-268 p { padding:0; }
.mg-r-17{ margin:0; width:100%; }

.home-center{ 
  float:left; 
  clear: both;
  width:98%;
  margin-bottom: 20px;
}
.home-center .col-236-gr{ 
  clear: both; 
  margin: 0 auto; 
  position: relative; 
  display:block; 
  width:100%;
}

.col-766-gr, #breadcrumb { 
  width:98%; 
  margin:0; 
}

#breadcrumb{ height:100%; padding-bottom:2px; }

.topImage{ width:100%; }
.topImage img{ width:98%; }
#side-nav { width:100%; }
.col-196 { text-align: center; width:100%; }
.col-196 h1 { clear:left; }
.col-196 .subBlogItem { text-align: left; }

#profiles { display: inline-block; }
.mg-t-25 iframe, .openPara iframe { position:relative; margin:0 auto; text-align: center; width:98%; }
.mg-t-25 ul, .col-196 ul { list-style-type: none; margin-left:0; padding-left:0; }

div.relatedDocuments {
  width:166px;
  margin:10px auto;
}

.col-554-g, .col-766-gr { word-wrap: break-word; }
.col-554-g h1, .col-554-g h2, .col-554-g h3, .col-554-g p { margin:0 5%; }

.mobile-sub-navigation {
  margin: 10px 2% 7px 0;
  text-transform: uppercase;
  padding:10px;
  border:solid 1px #333;
  font-size: 140%;
  cursor: pointer;
  background: url(../images/arrow-down.gif) 75% 49% no-repeat;
}
#navContent { width:98%; display:none; margin-bottom:10px; }
#navContent ul { border-top:none; }
#navContent ul li a { background-color: #f5f5f5; display:block; margin-bottom:4px; padding:10px 0; border:none; }

#navHeading { height:27px; }
#content-area #navHeading h3 { padding:10px 0 6px 0; }

.col-554-g  { margin:0; width:98%; float:none; }
.col-554-g .topImage img{ width:100%; }
.col-554-g h1 { line-height: 30px; }
.col-554-g p img, .col-554-g h4 img, .col-554-g h2 img { max-width:100%; height:auto; }

.openPara { width:100%; }
.openPara img, .mg-t-20 img { position: relative; max-width:98%; height: auto; }
.col-482 h1.redblock, .col-482-gr h1.redblock { width: 98%; padding:0;}
.openPara p:empty { display:none; }

ul#gridPages { margin-bottom:20px; }
.club-leaders{ clear:left; }
p.azfirsthalf, p.azsecondhalf { text-align: left; }
p.azfirsthalf{ float: left; width:50%; }
p.azsecondhalf{ float: left; margin-left:50%; width:50%; }

/*  videos */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 10px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* forms */
form input, form select, form textarea { margin-left:10px; }

/* Events Calcendar */
#calendarPanel { background:none; width:98%; height:auto; }
.event-col-right { float:left; padding:0 17px 0 17px; }

.event-col-right img, .col-554-gr img, .news-column-full img, .col-766-gr #ssidx { max-width:98%; height:auto; }
.col-766-gr h1 { line-height: 30px;}

/* School event calendar */
.col-766-gr .eventItemPage, .col-766-gr .eventItemPage table { width:100%; }
.col-766-gr .eventItemPage #eventRegisterForm input, .col-766-gr .eventItemPage #eventRegisterForm select { width:90%; margin-left:0; }


}

/* New homepage carousel */
.red-buttons{
	color: #fff;
	display: inline-block;
	width:65px;
	font-size: 160%;
	font-weight: bold;
	padding: 6px;
	text-shadow: 1px 1px 1px #666;							
}

.red-buttons:hover{
	text-decoration:none;
}

#prev.red-buttons{
	background: url("../images/black-arrow-left.gif") no-repeat scroll left center #000;
	text-align:right;
	padding-right:14px;
}
#next.red-buttons{
	background: url("../images/black-arrow.gif") no-repeat scroll right center #000;
	text-align:left;
	padding-left:14px;
}
.center-carousel {
	position:relative;
	width:174px;
	margin:15px auto 0 auto;
	clear:all;
}