@charset "utf-8";
/* CSS Document */
/*Eric Meyer Css Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Static Stuff */
body{text-align:center; background:#d20f0f url(images/inspire-yourself-red.jpg) no-repeat top center; /*font-family:Arial, Helvetica, sans-serif; font-size:0.75em; font-size:11px;*/
font: 0.8125em Verdana, sans-serif; line-height: 1;}

#wrap{width:949px; margin:0px auto;text-align:left;padding:4px 14px; clear:right;background:url(images/wrap.gif) repeat-y;}

a{text-decoration:none; color:#d20f0f}
strong{font-weight:bold;}
em{font-style:italic;}
a.arrowed{color:#d20f0f; background:url(images/link_arrowed.gif) no-repeat center right; display:block; padding-right:20px; text-align:right;}

#header{background:#000000 url(images/choose-your-activity.gif) no-repeat 125px 0px;margin-bottom:3px; height:70px;}

#header ul{float:left; font-family:Arial, Helvetica, sans-serif;/* width:45%;*/padding:0 0 0 35px;}
#header ul li{float:left; font-size:110%;}
#header ul li a{color:#ffffff; text-decoration:none;padding:5px 10px 6px 10px; display:block;}
#header ul li a:hover{background:#ffffff;color:#d20f0f}
#header ul.activity{padding:0 0 0 85px;} 
#header ul.trainingroom{padding:0 0 0 115px;}

#choose{float:left;background: 65% 0;text-indent:-9999px; height:45px; width:800px;display:block;}

.logo{float:left;}

#factHead{background:url(images/fact.gif) no-repeat top left; width:180px; height:73px; float:left;}
#factQuote{background:url(images/fact_quote.gif) no-repeat top left; width:757px; height:73px; float:left;}


/*main content holder holds all content */
.content{padding-top:12px;}

/*submenu is actually a column 180 width*/
#subMenu{/*float:left;width:180px;*/}
#subMenu a{font-size:90%;color:#000000;padding:5px 5px 5px 15px;background:url(images/redarrow.gif) no-repeat center left;display:block; }

.column180{/*float:left;*/ width:168px; padding:6px;}
.column270{float:left; width:258px; padding:6px 0 6px 12px;}
/*.column372{float:left; width:360px; padding:0px 0 0px 12px;}
.columnMargin{margin-left:384px;}*/

/* adjust the directions of floats */
.directionLeft{float:left;}
.directionRight{float:right;}

#contentArea{float:right; width:756px}
#contentHolder{float:right; width:564px; padding-right:12px;}

#hasAdverts.withAds{float:right; /*width:564px; padding-right:12px;*/width:756px; padding:none;}
#hasAdverts.withOutAds{float:right; width:756px}

#hasAdverts.withAds #advertisements {}
#hasAdverts.withOutAds #advertisements {display:none;}

#hasAdverts.withAds .mainColumn{width:564px; padding-right:12px;}
#hasAdverts.withOutAds .mainColumn{width:756px;}

/*news*/
/*we've edited the news to be auto gen so need extra style
#hasAdverts.withAds #news.mainColumn .main{float:left; width:360px; padding:0px 0 0px 12px;}
#hasAdverts.withAds #news.mainColumn .side{margin-left:384px;}*/

#hasAdverts.withAds #news.mainColumn .main{width:564px;}
#hasAdverts.withAds #news.mainColumn .side{display:none;}
#hasAdverts.withAds #news.mainColumn .main #newsContent{float:left;width:360px; padding:0 0 0 12px;}
#hasAdverts.withAds #news.mainColumn .main #newsList{margin-left:384px;}
#hasAdverts.withAds #news.mainColumn .main h3{font-size:140%; font-weight:bold; color:#d20f0f;line-height:140%;}

/*#hasAdverts.withOutAds #news.mainColumn .main{float:left; width:456px; padding:0px 0 0px 12px;}
#hasAdverts.withOutAds #news.mainColumn .side{margin-left:480px;}*/

#hasAdverts.withOutAds #news.mainColumn .main{width:756px;}
#hasAdverts.withOutAds #news.mainColumn .side{display:none;}
#hasAdverts.withOutAds #news.mainColumn .main #newsContent{float:left;width:456px; padding:0 0 0 12px;}
#hasAdverts.withOutAds #news.mainColumn .main #newsList{margin-left:480px; padding-right:12px;}
#hasAdverts.withOutAds #news.mainColumn .main h3{margin-bottom:10px; color:#818181; font-size:110%; font-weight:bold;}


/*partners*/

.partnerImage{float:left; margin:5px; display:inline; padding:2px; border:1px solid #999999;}
#hasAdverts.withOutAds #partners.mainColumn .main{width:660px;}
#hasAdverts.withAds #partners.mainColumn .main{width:564px;}

/*whatIs*/
#hasAdverts.withAds #whatis.mainColumn .main{float:left; width:900px; padding:0px 0 0px 12px;}
/* #hasAdverts.withAds #whatis.mainColumn .side{margin-left:384px;} */

#hasAdverts.withOutAds #whatis.mainColumn .main{float:left; width:700px; padding:0px 0 0px 10px;}
/* #hasAdverts.withOutAds #whatis.mainColumn .side{margin-left:298px;padding-right:12px;} */

/*evidence*/




/*hold ads*/
#advertisements{/*position:relative;float:right; width:180px;*/}
p.advertHead{font-size:75%; color:#999999;}


/*this stuff is for the sport pages*/
.sportIntro{float:left; width:564px; margin-left:12px; display:inline; margin-bottom:15px;}
.run{background:url(images/intro_run.jpg) no-repeat top left; padding:88px 24px 0 192px; width:348px; height:131px;} 
.swim{background:url(images/intro_swim.jpg) no-repeat top left; padding:88px 24px 0 192px; width:348px; height:131px;} 
.cycle{background:url(images/intro_cycle.jpg) no-repeat top left; padding:88px 24px 0 192px; width:348px; height:131px;} 
.walk{background:url(images/intro_walk.jpg) no-repeat top left; padding:88px 24px 0 192px; width:348px; height:131px;} 
.dance{background:url(images/intro_sportDance.jpg) no-repeat top left; padding:88px 24px 0 192px; width:348px; height:131px;} 
.gym{background:url(images/intro_gym.jpg) no-repeat top left; padding:88px 24px 0 192px; width:348px; height:131px;} 
#textInsert{float:left; width:276px; margin-right:12px;}

h2{margin-bottom:10px; color:#818181; font-size:110%; font-weight:bold;}
h3{color:#ffffff;margin-bottom:12px;}
h3.news{color:#d20f0f; margin:10px 0 0 0; padding:0; font-family:Tahoma, Arial, Helvetica, sans-serif; line-height:130%; font-weight:bold}
.content p{margin:6px 0 8px 0; line-height:140%; font-size: 0.85em; text-align:justify;} 

#iconicEvent h3, #trainingAdvice h3{background:url(images/headRedBased.gif) repeat-x top;padding:12px;}

#iconicEvent{width:466px;float:left;border:1px solid #dddddd;border-top:none;margin-bottom:12px;}

#trainingAdvice{width:754px;float:left;clear:left;border:1px solid #dddddd;border-top:none;}

#activityDirectory{float:right; width:276px; margin-left:12px; display:inline; }

#footer{clear:both;width:949px; margin:0 auto 5px auto;background:url(images/footer.gif) no-repeat bottom left; padding:0px 14px 14px 14px; }
#innerFooter{clear:both;background-color:#d20f0f; display:block; height:2px;font-size:85%; text-align:right;  font-family:Geneva, Arial, Helvetica, sans-serif; color:#ffffff;padding:8px 14px 20px 14px;}

.heading{height:14px; background:#d20f0f url(images/headingBg.gif) no-repeat top right;padding:10px 0 10px 14px;color:#ffffff; margin-bottom:12px;}

.headDanceing{margin-left:96px; width:84px; height:221px; background:url(images/heading_dancing.gif) no-repeat bottom left; text-indent:-9999px;}
.headRunning{margin-left:96px; width:84px; height:221px; background:url(images/heading_running.gif) no-repeat bottom left; text-indent:-9999px;}
.headSwimming{margin-left:96px; width:84px; height:221px; background:url(images/heading_swimming.gif) no-repeat bottom left; text-indent:-9999px;}
.headWalking{margin-left:96px; width:84px; height:221px; background:url(images/heading_walking.gif) no-repeat bottom left; text-indent:-9999px;}
.headCycling{margin-left:96px; width:84px; height:221px; background:url(images/heading_cycling.gif) no-repeat bottom left; text-indent:-9999px;}
.headGym{margin-left:96px; width:84px; height:221px; background:url(images/heading_gym.gif) no-repeat bottom left; text-indent:-9999px;}


#newsContent ul { list-style-type: disc; font-size: 0.85em; padding-left: 25px; line-height: 1.3em; }
#newsList ul li { margin: 8px 0 8px 0; }

.nonHome{width:756px}
/*modern css clearer - http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearer{clear:both;}
.hideme{display:none;}




/*great bar*/
#slideContent{text-align:center;}
#wrapMenu{width:977px; text-align:left; background-color:#ffffff; color:#000000; height:150px; margin:0 auto; font-size:80%;}
#v_toggle{float:left;margin-top:-10px;background:url(images/explore.gif) no-repeat top left; color:#ffffff; font-size:80%; font-weight:bold; padding:0 5px; display:block;height:40px; width:200px;}
#greatIdBar{
	margin:4px auto 0 auto; 
	border-top:4px solid #ffffff; 
	width:977px; 
	height:70px;
	text-align:left;line-height:115%;
	padding-top:2px;
	background:url(images/topOfWrap.gif) no-repeat bottom left;
}
.greatIdLogin{ float:right;padding:10px 10px 10px 18px;font-family:Geneva, Arial, Helvetica, sans-serif;border:1px solid #871919; border-top:1px solid #e15e5e; border-left:1px solid #e15e5e; height:32px; color:#000000;}
.greatIdLogout{ float:right;padding:10px 10px 10px 18px;font-family:Geneva, Arial, Helvetica, sans-serif;border:1px solid #871919; border-top:1px solid #e15e5e; border-left:1px solid #e15e5e; height:32px; color:#000000;}
.greatIdMileCount{float:right;padding:10px 10px 10px 18px;font-family:Geneva, Arial, Helvetica, sans-serif;border:1px solid #871919; border-top:1px solid #e15e5e; border-left:1px solid #e15e5e; height:32px; color:#000000;}
.colorWhite{color:#ffffff;text-transform:uppercase; font-size:9px; font-weight:bold;font-family:Geneva, Arial, Helvetica, sans-serif; }
.colorOrange{color:#ff7800;  text-transform:uppercase; font-size:9px; font-weight:bold;font-family:Geneva, Arial, Helvetica, sans-serif;}