/* IE HTML5 Workaround */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* HIGHLIGHT RED: #cc071e */
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: #cc071e; text-decoration: none; }
a:hover { text-decoration: underline; }
:focus { outline: none; -moz-outline-style: none;}
#container {width:980px; margin:0 auto;}
.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 {width:980px; height:159px; background:#fff url(../images/colour-strip.gif) top left no-repeat; padding-top:3px;}
#essex-logo {float:left; width:375px; height:158px;}
#header-right-col {float:left; width:605px; height:37px; margin-top:11px;}
#header-logos {float:left; width:605px; text-align:right;}
/* search box styles top */
.search-holder {float:right; width:260px; height:23px; background-image:url(../images/top-searchbox.gif); background-repeat: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;}
/* NAVIGATIONS --------------------------------------------------------------------------------------------------- */
/* navigation - top right */
.swLinks {float:right;}
.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 a:hover {text-decoration: underline;}
.swLinks ul li a.top-selected {text-decoration: underline; color:#cc071e;}
/* main navigation */
#main-navigation, #minimal-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 20px 0px 20px; 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:#cc071e;}
/* 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 #cc071e; 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: #cc071e; 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: #cc071e; text-decoration: none;}
#navContent ul li ul li a.selectedSL {color: #cc071e; 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:#cc071e; text-decoration: none;}
#navContent ul li ul li ul li a.selectedSL {color:#cc071e; 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: #cc071e; 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: #cc071e; 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:#0083be; 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: #cc071e; width:980px; 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;}
/* 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;}
#strapline-box {position:absolute; top:0px; left:0px; width:435px; height:145px; background-color:#000; z-index:10; background-color:rgba(0,0,0,0.8);}
#strapline-box p {color:#fff; padding:10px 22px 5px 22px}
#strapline-box a {color:#fff; text-decoration:underline;}
#strapline-box a:hover {color:#cc071e; 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;} /* narrow column, eg left hand nav, right hand blocks */
.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 {width:554px; float:left; margin:0px 17px} /* center column with 17px gutters either side */
/* 2-1-1 */
.col-554-gr {width:554px; float:left; 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:120%;}
.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 }
.col-196-gr {width:196px; float:left; margin:0 17px 0 0} /* narrow column, eg left hand nav, right hand blocks */
#content-area .col-554-gr h1 {font-size:240%; margin:0 0 0 0; background:url() bottom left repeat-x;}
.col-268 {width:268px; float:left;}
.col-268-gr {width:268px; margin:0px 17px 0 0; float:left;}
/* 2-1 home page */
.col-695-gr {width:695px; margin:0px 17px 0 0; float:left;}
.col-339 {width:339px; float:left;}
h2#home-news {color:#333; padding-top:10px; border-top:5px solid #4b306a; font-size:200%; margin-bottom:15px;}
h2#home-events {color:#333; padding-top:10px; border-top:5px solid #cc071e; 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:#cc071e}
.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;}
.col-236 {width:236px; float:left; }
.col-236-gr {width:236px; float:left; margin:0px 11px 0 0;}
h3#games, h3#stars, h3#venues, h3#essex {color:#333; padding-top:10px; border-top:5px solid #0083be; font-size:140%; margin-bottom:12px;}
h3#stars {border-top:5px solid #c75b12;}
h3#venues {border-top:5px solid #aea400;}
h3#essex {border-top:5px solid #cc071e;}
#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;}
.col-full {width:980px; clear:both;}
/* 1-1 */
.col-482 {width:481px; float:left; }
.col-482-gr {width:481px; float:left; margin:0px 18px 0 0;}
.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%; padding: 12px; margin:0 0 0 0; font-weight:normal; width:457px; background:#cc071e url(); color:#fff; display:block; text-shadow: 1px 1px 1px #666;}
/* 2-1 --------- privacy sitemap etc */
.col-766-gr {width:766px; float:left; margin:0px 18px 0 0;}
.col-374 {width:374px; float:left;}
.col-374-gr {width:374px; 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}
/* 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;}
.mg-r-17 {margin-right:17px;}
/* 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:#cc071e}
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 #cc071e; 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:#cc071e 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:#4b306a url(../images/purple-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:#cc071e 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:#0083be url(../images/blue-arrow.gif) 98px center no-repeat; }
.small-button-orange {background:#c75b12 url(../images/orange-arrow.gif) 98px center no-repeat;}
.small-button-green {background:#aea400 url(../images/green-arrow.gif) 98px center no-repeat;}
.small-button-purple {background:#4b306a url(../images/purple-arrow.gif) 98px center no-repeat;}
.small-button-black {background:#333 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 {width:395px; 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: #cc071e; text-decoration: underline; }
div.venue-contact-box p a {font-size:0.8em; overflow:hidden;}
/* CALENDAR ---------------------------------------------- */
#calendarPanel {width:980px; background:url(../images/calendar-bg.jpg) top left no-repeat; height:437px;}
.infoCourseEvent {clear:both; padding:10px 0 10px 0px; border-bottom:1px dotted #ccc; }
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-766-gr div.eventItemPage h2 {padding:20px 17px 20px 17px; border-bottom:1px dotted #ccc;}
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-766-gr div.eventItemPage div.infoCourseEvent div.courseEventContent p {padding:0 0 0px 0;}
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-col-right {float:left; width:519px; padding:0px 17px 17px 0px }
.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%;}
.subBlogItem {border-bottom:1px dotted #CCC; padding-top:12px;}
.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:#cc071e; 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;}
/* 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 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 button {background: none repeat scroll 0 0 #000; border: medium none; color: #FFFFFF; cursor: pointer; font-size: 12px; font-weight: bold; margin: 5px 0 0 0; padding: 8px 16px;}
div.inputFormBtn {text-align:right;}
.status_error {padding:3px 0 0 220px; font-size:120%; font-style:italic; color:#cc071e;}
.status_ok {display:none;}
/* 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 {clear:both; padding:11px 20px; position:absolute; margin-top:180px; z-index:1000; width:960px; }
#attention-box .exclamation {height:40px; margin-top:10px;}
.att-text-holder {float:left; width:760px;}
.att-text-holder p {padding:0 0 0 0; margin:0 0 0 0; font-size:14px;}
.att-title {font-size:18px; color:#cc071e; 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; width:980px; background:url(../images/footer-gfx.gif) top left no-repeat; 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;}
.copyright {float:left; color:#666; font-size:110%}
.languages {float:right; margin-bottom:0px; padding-bottom:0px;}
.newslettersignup {float:left; display:none; font-size:110%}
.twitter {float:right; width:127px; height: 16px; padding-right: 14px;}
.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;}