/*
SET PAGE DEFAULTS
------------------------------------------------------------- */
html, body, h1, h2, h3, h4, p, dl, dd, dt, ul, li, img, form {
	margin:0;
	padding:0;
}
body {
	font-family:arial,"trebuchet ms",tahoma,verdana,helvetica,sans-serif;
	font-size:62.5%;
	color:#777;
}
input, textarea, button {
	font-family:arial,"trebuchet ms",tahoma,verdana,helvetica,sans-serif;
	color:#777;
}
h1, h2, h3, h4, 
caption, 
th.columnheading {
	color:#2C6723;
}
#introtext {
	color:#777;
	font-family:"trebuchet ms",trebuchet,arial,helvetica,sans-serif;
	font-family:arial,"trebuchet ms",tahoma,verdana,helvetica,sans-serif;
}
ul {
    list-style-type:none;
}
img {
	border:none;
}


/*
GENERIC CLASSES
---------------------------------------------------------- */
.fleft {
	float:left;
	margin:0 10px 10px 0;
}
.fright {
	float:right;
	margin:0 0 10px 10px;
}
.clearer {
	clear:both;
}


/*
PAGE STRUCTURE
------------------------------------------------------------- */
body {
	background:#fff url(../images/bg_header.jpg) 0 0 repeat-x;
	padding-top:8px;
}
#wrap {
	padding:0 10px;
	width:870px;
	margin:0 auto;
}
#content {
	width:623px;
	padding:0 0 50px 0;
	float:right;
	margin-top:15px;
}
.fullwidth #content {
	width:100%;
	padding:0 0 50px 0;
}
#sidebar {
	width:217px;
	float:left;
	margin:15px 0 0 0;
	padding-bottom:50px;
}
#info {
	padding:3em 0 5em 0;
	background:url(../images/bg_footer_lt.jpg) top left repeat-x;
}
#info .inner {
	width:870px;
	padding:0 10px;
	margin:0 auto;
}


/*
FONTS ETC
------------------------------------------------------------- */
p#introtext {
	font-size:2.8em;
}
p#breadcrumb,
#globalnav ul {
	font-size:1.1em;
}
h1 {
	font-size:2.4em;
	font-weight:normal;
}
h2, caption {
	font-size:1.8em;
	font-weight:normal;
}
h3 {
	font-size:1.5em;
	font-weight:normal;
	font-weight:700;
}
h4, #sidebar h3 {
	font-size:1.4em;
	font-weight:normal;
	font-weight:700;
}
.newsitem h3 {
	font-size:1.3em;
	font-weight:700;
}
p, ul, dl, label, input, textarea, #searchoptions {
	font-size:1.2em;
}
p, ul, dl {
	line-height:1.5;
}
#searchoptions label {
	font-size:1em;
}
p.credit, p.newsdate, .formrow em {
	font-size:1.1em;
}
table {
	font-size:1em;
}
td {
	font-size:1.2em;
}
th {
	font-size:1.2em;
}
th.columnheading {
	font-size:1.4em;
}
button {
	font-size:1.3em;
	font-weight:700;
	font-weight:normal;
}
ul ul {
	font-size:1em;
}
#sidebar ul {
	line-height:1.2;
	font-size:1.2em;
}
#nav ul {
	font-size:1.2em;
}
.playlist {
	font-size:1.2em;
}

/*
HEADER
------------------------------------------------------------- */
#header {
	height:140px;
	padding:0 10px;
	width:870px;
	margin:0 auto;
	background:url(../images/bg_racquet_full.jpg) bottom right no-repeat;
}
img#logoimage {
	float:left;
	margin-top:50px;
}


/*
GLOBAL NAV
------------------------------------------------------------- */
#globalnav {
	float:right;
	background:url(../images/bg_gnav_l.gif) bottom left no-repeat;
	padding-left:12px;
}
#globalnav ul {
	background:url(../images/bg_gnav_r.gif) bottom right no-repeat;
	position:relative;
	padding:0 12px 4px 0;
}
#globalnav li {
	display:inline;
	padding:0 1.5em 0 1.5em;
	border-right:1px solid #205119;
}
#globalnav li.last {
	border-width:0;
}


/*
TOP NAV
------------------------------------------------------------- */
#nav {
	background:url(../images/bg_navbar_flat.jpg) 0 50% repeat-x;
	border-bottom:4px solid #9aa698;
	padding:0;
}
#nav ul {
	width:870px;
	padding:0 10px;
	margin:0 auto;
	font-weight:700;
}
#nav li {
	float:left;
	padding:11px 1.5em;
	border-right:1px solid #205119;
}
#nav li.navlast {
}
#nav li.navfirst {
	border-left:1px solid #205119;
}


/*
PAGE SUMMARY
------------------------------------------------------------- */
#pagesummary {
	background:#fcfcfc url(../images/bg_summary.jpg) bottom left repeat-x;
}
p#introtext {
	padding:20px 10px 40px 10px;
	margin:0 auto;
	width:870px;
}


/*
BREADCRUMBS
------------------------------------------------------------- */
p#breadcrumb {
	text-align:left;
	width:870px;
	margin:0 auto;
	padding:5px 10px 0 10px;
}


/*
HOME PAGE ELEMENTS
------------------------------------------------------------- */
p.tagline {
	/*margin-top:0.66em;
	margin-bottom:1em;*/
	font-size:2em;
	color:#2C6723;
}
#taglinewrapper {
	clear:both;
	padding:0 0 18px 0;
	background:url(../images/bg_tagline870_b.png) bottom left no-repeat;
	margin-top:1em;
}
#taglinewrapper p {
	padding:18px 15px 0 15px;
	background:url(../images/bg_tagline870_t.png) top left no-repeat;
	margin:0;
	/*line-height:1;*/
	text-align:center;
}

/* Top feature row */
.featurerow {
	margin-top:2em;
	margin-bottom:2em;
}
.feature {
	float:left;
	width:248px;
	padding:0 15px;
	background:url(../images/bg_feature_278.png) top left no-repeat;
	margin-right:18px;
}
.featurerow .last {
	margin-right:0;
}
.feature .icon {
	float:right;
	margin:15px 0 5px 5px;
}
.feature p {
	margin-bottom:0.5em;
}
.feature h2 {
	padding-bottom:0.33em;
	margin-top:15px;
}

/* Video, News, About */
#extrarow {
	clear:both;
	padding:0 0 16px 0;
	background:url(../images/bg_feature870_b.png) bottom left no-repeat;
}
#extrarow .inner {
	padding:0 15px 15px 15px;
	background:url(../images/bg_feature870_t.png) top left no-repeat;
}
.extrafeature {
	width:248px;
	float:left;
	padding-right:22px;
}
#extrarow .first {
	margin-right:22px;
	padding-right:22px;
}
#extrarow .last {
	margin-right:0;
	float:right;
	padding-right:0;
}
#extrarow .extrafeature .last {
	margin-right:0;
	float:none;
	padding-right:0;
}
.extrafeature h2 {
	margin-bottom:0.5em;
	margin-top:15px;
	border-bottom:1px solid #e3e8e1;
	padding-bottom:3px;
}
.extrafeature p {
	margin-bottom:0.5em;
}
#flashcontainer {
	width:248px;
	height:203px;
	margin-bottom:1em;
}
#flashcontainer img {
	cursor:pointer;
}
.playlist {
	width:248px;
}
.playlist img {
	float:right;
}
.playlist a span {
	display:block;
	color:#777;
}

/* Badges */
.imagestrip {
	padding:20px 0 5px 0;
	text-align:center;
	margin-bottom:25px;
	clear:both;
}
.imagestrip img {
	padding:0 15px;
	padding:0 8px;
}


/*
CONTENT
------------------------------------------------------------- */
#content h1 {
	margin-bottom:0.5em;
	padding-top:0.5em;
}
#content h2, #content h3 {
	margin:0.5em 0 0.33em 0;
}
#content h4 {
	margin:0.5em 0 0 0;
}
#content p {
	margin-bottom:1em;
}
#content ul {
	margin-bottom:1em;
	padding-left:10px;
}
#content ul ul {
	margin-top:5px;
}
#content li {
	padding-left:15px;
	margin-bottom:0.5em;
	background:url(../images/bull_square_mint.png) 0 6px no-repeat;
}
#content .linklist li {
	padding:0.2em 0 0.2em 20px;
	margin-bottom:0.5em;
	background:url(../images/arrow_right_16.png) 0 50% no-repeat;
}
#content ul.sitemaplist {
	font-size:1.6em;
	font-weight:700;
}
#content ul.sitemaplist ul {
	font-size:0.75em;
	padding-left:0;
}
#content .sitemaplist li {
	padding:0.2em 0 0.2em 20px;
	margin-bottom:0.5em;
	background:url(../images/arrow_right_16.png) 0 7px no-repeat;
}
#content .sitemaplist li li {
	padding:0.2em 0 0.2em 16px;
	margin-bottom:0.5em;
	background:url(../images/chevron_12.png) 0 50% no-repeat;
}
.pageimage {
	clear:right;
	float:right;
	margin:12px 0 10px 10px;	
}
/* Highlight box */
.highlight {
	padding:0 0 0 15px;
	margin-bottom:1.5em;
	background:url(../images/bg_feature_l.png) top left no-repeat;
}
#content .highlight h3 {
	background:url(../images/bg_feature_r.png) top right no-repeat;
	margin:0;
	padding:16px 0 0.5em 0;
}
#content .highlight p {
	margin:0 0 0 -15px;
	padding:0 15px 0.5em 15px;
	border:1px solid #e3e8e1;
	border-width:0 1px;
	background:#fff;
}
#content .highlight p.moreinfo {
	margin:0 0 0 -15px;
	padding:0 0 0 15px;
	background:url(../images/bg_feature_l.png) bottom left no-repeat;
	border:none;
}
#content .highlight p.moreinfo a {
	display:block;
	padding:0 15px 16px 0;
	background:url(../images/bg_feature_r.png) bottom right no-repeat;
}


/*
PRICE LISTS
------------------------------------------------------------- */
table.pricelist {
	width:450px;	
	width:100%;	
	margin-bottom:1.5em;
	border-collapse:collapse;
}
.pricelist caption {
	text-align:left;
	padding:0.5em 0;
}
.pricelist th {
	text-align:left;
	background-color:#fafafa;
	padding:7px 10px;
	border:1px solid #e3e8e1;
}
.pricelist th.columnheading {
	background-color:#f6f6f6;
	background-color:#EFF1EE;
}
.pricelist th.price {
	width:200px;
}
.pricelist td {
	padding:7px 10px;
	border:1px solid #e3e8e1;
}
.lastupdated {
	font-style:italic;
	color:#999;
}
/*
ACCREDITATION
------------------------------------------------------------- */
.listing {
	border-bottom:1px solid #e3e8e1;
	border-bottom:1px dashed #E3E8E1;
	padding-bottom:1em;
	margin-top:1em;
}
.listing img {
	clear:right;
	float:right;
	margin:5px 0 10px 10px;
}



/*
NEWS LISTINGS
------------------------------------------------------------- */
.newsitem {
	clear:both;
	margin-bottom:1em;
}
.newsitem .thumbimage {
	float:right;
	margin:0 0 0.5em 0.5em;
}
#content .newsitem h3, .extrafeature .newsitem h3 {
	padding:0;
	margin:0;
}
#content p.newsdate {
	/*float:right;
	padding-top:1em;
	margin-bottom:0;*/
	margin-top:-1.1em;
}
#content .newsitem p.newsdate, .extrafeature .newsitem p.newsdate {
	margin:0;
	color:#999;
	float:none;
	padding-top:0;
}
#content .newsitem p, .extrafeature .newsitem p {
	margin-bottom:0.5em;
}
.newsitem p.readmore {
	border-bottom:1px solid #E3E8E1;
	border-bottom:1px dashed #BCC6BD;
	border-bottom:1px dashed #E3E8E1;
	padding-bottom:1.2em;
	margin-bottom:0;
}
.last p.readmore {
	border-width:0;
}
.readmore a {
	padding-right:16px;
	background:url(../images/chevron_12.png) 100% 2px no-repeat;
}


/*
MAP
------------------------------------------------------------- */
#map {
	width:616px;
	height:550px;
	border:1px solid #9AA698;
}
h2.mapheading {
	font-size:18px;
	font-size:1.8em;
	font-weight:normal;
	margin-bottom:0.5em;
	margin-bottom:9px;
	line-height:1;
	max-width:300px;
}
p.maptext {
	font-size:12px;
	font-size:1.2em;
	padding-bottom:0;
	margin-bottom:12px;
	line-height:1.5;
	max-width:300px;
}


/*
SEARCH FORM
------------------------------------------------------------- */
#searchinput {
	float:left;
	margin-right:1em;
}
#searchoptions {
	padding:0.5em 0;
	clear:both;
	line-height:1;
	vertical-align:baseline;
}
#searchoptions strong {
	color:#2C6723;
}
#ajaxSearch_form #searchoptions input {
	border:none;
}
#content #searchcontrol {
	float:left;
	position: relative;
}

/*
SEARCH RESULTS
------------------------------------------------------------- */
#content p.noresults {
	margin-top:1em;
	background-color:#EFF1EE;
	background-color:#f4f6f4;
	background-color:#F5E1D6;
	border:1px solid #e3e8e1;
	border:1px solid #DB4D00;
	padding:0.5em;
	color:#444;
}
#content p.resultdetails {
	margin-top:1em;
	padding:0.5em;
	/*border-bottom:1px solid #e3e8e1;*/
	background-color:#EFF1EE;
	background-color:#f4f6f4;
	border:1px solid #e3e8e1;
}
#content p.resultdetails span {
	font-weight:700;
	color:#2C6723;
}
#content .resultitem h3 {
	margin-bottom:0.33em;
}
#content .resultitem h3 a {
	text-decoration:underline;
}
#content  p.resultextract{
	margin-bottom:0.33em;
}
#content p.resultbreadcrumb {
	color:#a3b774;
	font-size:1.1em;
	border-bottom:1px solid #e3e8e1;
	border-bottom:1px dashed #E3E8E1;
	padding-bottom:1em;
	margin-bottom:1.5em;
}
#content p.pagination {
	margin-bottom:1.5em;
}
.pagination a, .pagination span.paginationcurrent {
	padding:3px 8px;
	background-color:#f4f6f4;
	border:1px solid #e3e8e1;
}


/*
FANCY BUTTONS
------------------------------------------------------------- */
/* set up */
button { 
	position: relative;
	border: 0; 
	padding: 0;
	margin:0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}
button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}
/* style */
button.submitBtn { 
	padding: 0 20px 0 0;
	text-align: center; 
	background: transparent url(../images/sprite_buttons.png) no-repeat right -100px; 
}
button.submitBtn span {
	padding: 4px 0 0 20px;
	height:21px;
	background: transparent url(../images/sprite_buttons.png) no-repeat left top; 
	color:#2C6723; 
}
button.submitBtn:hover, button.submitBtnHover { 
	background-position: right -150px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -50px;
	color:#37802c;
}


/*
CONTACT FORM
------------------------------------------------------------- */
#formholder {
	width:450px;
}
.req {
	color:#AC2D71;
	font-weight:700;
}
.formrow {
	padding:1em;
	border-bottom:2px solid #fff;
	background-color:#FAFAFA;
}

#comms .control { 
	background-color:#f6f6f6;
	position: relative;
	clear:both;
	width:100%; /* This needs width & float to fix IE8 */
	float:left;
}
.control button {
	margin:10px;
}
#comms label {
	display:block;
	font-weight:700;
}
#comms label .lite {
	font-weight:normal;
}
.formrow input, .formrow textarea {
	border:1px solid #E3E8E1;
	padding:3px;
}


/*
SIDEBAR
------------------------------------------------------------- */
#sectionnav {
	background:url(../images/bg_sidebar_t_r6.jpg) top left no-repeat;
}
#searchbox {
	margin-top:25px;
	background:url(../images/bg_sidebar_t_r6.jpg) top left no-repeat;
}
#sectionnav .inner, #searchbox .inner {
	padding:15px 15px 0 15px;
	background:url(../images/bg_sidebar_b_r6.jpg) bottom left	no-repeat;
	padding-bottom:3em;
}
#sectionnav h3, #searchbox h3 {
	padding-bottom:0.5em;
	border-bottom:1px solid #e3e8e1;
}
#searchbox h3 {
	margin-bottom:0.5em;
}
#sectionnav ul, #ajaxSearch_form {
	border-top:1px solid #fff;
}
#sectionnav li {
	border-bottom:1px solid #F0F3EF;
	padding:1em 12px 1em 0;
	font-weight:700;
}
#ajaxSearch_form button {
}
#ajaxSearch_form button span{
}
#ajaxSearch_form input {
	border:1px solid #E3E8E1;
	padding:3px;
}
#searchbox #ajaxSearch_form input {
	width:179px;
}
.extrafeature #ajaxSearch_form input {
	width:240px;
}
#ajaxSearch_form {
	position: relative;
}
.searchcontrol {
	padding:0.5em 0;
}
/*
FOOTER
------------------------------------------------------------- */
.infosection {
	width:420px;
	float:left;
	padding-bottom:1em;
}
#info .contact {
	margin-right:30px;
}
#info h4 {
	margin-bottom:0.5em;
	padding-bottom:0.2em;
	clear:left;
	border-bottom:1px solid #e3e8e1;
}
#info li {
	margin-bottom:0.5em;
	float:left;
	margin-right:3em;
}
#info li.email {
	/*padding-left:20px;
	background:url(../images/bull_email.gif) 0 50% no-repeat;*/
}
#info li strong {
	color:#2C6723;
}
#info p {
	margin-bottom:1em;
}
#info p.credit {
	clear:right;
	float:right;
	color:#999;
	margin-bottom:0.5em;
}
/*
LINK STYLES
------------------------------------------------------------- */
/* in-content links */
a:link, a:visited  {
	color:#268413;
}
a:hover {
	color:#a3b774;
}

/* Global Nav */
#globalnav a:link, #globalnav a:visited {
	color:#c1d4be;
}
#globalnav a:hover {
	color:#a3b774;
}

/* Top Nav */
#nav a:link, #nav a:visited {
	color:#d1e5ce;
}
#nav a:hover {
	color:#a3b774;
}
/* Top Nav - current page/section */
#nav .current, #nav .current a:link, #nav .current a:visited, #nav .current a:hover {
	color:#a3b774;
}

/* Sidebar */

/* Side bar - current page/section */
.current a.darklink:link, .current a.darklink:visited {
	color:#2C6723;
}
.current a.darklink:hover {
	color:#268413;
	color:#a3b774;
}
#sectionnav li.current {
	background:url(../images/arrowhead_right_active_12.png) 100% 50% no-repeat;
	color:#a3b774;
	font-weight:700;
}
#sectionnav h3.current {
	background:url(../images/arrowhead_right_12.png) 100% 50% no-repeat;
	color:#2C6723;
	background-position:100% 3px;
}

/* Heading links */
a.darklink:link, a.darklink:visited {
	color:#2C6723;
}
a.darklink:hover {
	color:#a3b774;
}

/* Video Player Links */
.playlist a {
	padding:5px 5px 5px 25px;
	margin-bottom:1em;
	outline:none;
	background:#fff url(../images/play.png) 5px 5px no-repeat;
}
.playlist a.playing {
	background:#f4f6f4 url(../images/pause.png) 5px 5px no-repeat;
}
.playlist a.paused {
	background:#f4f6f4 url(../images/play.png) 5px 5px no-repeat;
}
.playlist a:link, .playlist a:visited {
	color:#268413;
	display:block;
	border:1px solid #e3e8e1;
}
.playlist a:hover, .playlist a:active, .playlist a:focus {
	background-color:#f4f6f4;
	color:#268413;
	border:1px solid #e3e8e1;
	display:block;
}

/* Remove link underline */
#nav a, 
#sidebar a, 
#info a, 
h2 a, 
h3 a, 
#globalnav a, 
#breadcrumb a,
.sitemaplist a,
.linklist a,
.readmore a, 
.moreinfo a,
.playlist a {
	text-decoration:none;
}


/*
HACKS & FIXES
------------------------------------------------------------- */
/* Missing backgrounds when window < 870 */
body, #page, #pagesummary, #nav, #info {
	min-width:890px;
}
/* Force scrollbars in mozilla */
html {
	min-height:100%;
	margin-bottom:1px;
}
/* Easy float clearing */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}