/*******************************************************************************
* Base Styles - DON'T CHANGE THESE!!!                                          *
*                                                                              *
* These rules are used to reset the CSS default properties so things render    *
* identically (or as close we we can get them) in different browsers.          *
*******************************************************************************/

body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }
h1, h2, h3, h4, h5, h6, p,
ul, ol, dl, form, fieldset,
table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }
ul, ol, blockquote						{ margin-left: 1.75em }
blockquote								{ margin-right: 2.75em }
fieldset 								{ padding: 0.5em }
table									{ border-collapse: collapse; border-spacing:0 }
th										{ }
select,input,textarea					{ font: inherit }


/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/

body									{ background:#000; font-size: .80em; font-family:arial; margin:0; color:#fff; padding-top:0px; line-height:160%;}

#container								{ margin: auto; background:url("images/container-back.png") 0 0 repeat-y;  }

#header									{ background:url("images/header-back.jpg") no-repeat; width:980px; height:194px; margin:auto;}


#page									{ width:980px; border:0px solid red; margin:auto; padding:0 0; overflow:auto; padding-top:20px; }

#navigation								{ background:url("images/nav-back.png") bottom left repeat-x #84639D; border-bottom:5px solid #6B42AD  }
#navigation	ul							{ width:980px;  margin: auto; padding:5px 0;}
#navigation	li							{ display: inline; padding: 0 5px; line-height:150%; border-right:1px solid #fff; }
#navigation	li a						{ color:#fff; text-decoration: none; font-weight: bold; }

#footer									{ clear:both; width:950px; text-align:right; margin:auto; color:#999; padding:0 15px; margin-top:20px; font-size:95%;}
#footer ul								{ list-style: none }
#footer li								{ display: inline; padding:0 1em 0 0.5em; border-right:1px solid #999}
#footer li:last-child					{ border:none; padding-right:0; }
#footer a								{ color: #999 }

#content								{ float:left; position:relative; background:#393D3D; width:406px; padding:15px 15px 25px 15px; position:relative; left:272px;}
#related								{ width:248px; float:left; position:relative; position:relative; left:-435px;}
#ctas									{ width:248px; float:right; }

/******************************************************************************* 
* Common Styles                                                                *
*******************************************************************************/

h1,
h2,
h3										{ font-weight:normal; letter-spacing:-1px; }

h1										{ font-size:220%; margin-bottom:25px; line-height:120%}
#content h2								{ font-size:160%; margin-bottom:15px; margin-top: 20px}
#content h3								{ font-size:140%; margin-bottom:15px; margin-top: 15px}


#header a								{ width:292px; height:46px; display:block; text-indent:-10000em;  margin-left:30px; position:relative; top:5px; }
#header img,							
#header a.cc-link,						
#header em								{ display:none; }

#related form							{ background:#F2F1EF; padding:0; margin:0; color:#333; width:184px; padding:15px;  }
#related fieldset						{ padding:0; margin:0; border:none; position:relative;}
#related dt								{ margin-bottom:-1.7em; font-size:80% }
#related dd								{ margin:0 0 5px 0; padding-left:50px; }
#related dd *							{ width:135px; }

#content form							{ background:#F2F1EF; padding:0; margin:0; color:#333;  padding:15px;  }
#content fieldset						{ padding:0; margin:0; border:none; position:relative;}
#content dt								{ margin-bottom:-1.7em; }
#content dd								{ margin:0 0 15px 0; padding-left:80px; }
#content dd *,
#content textarea						{ width:250px; }
#content textarea						{ height:250px; }
#content ul								{ margin:0; list-style:none;  }
#content ul li							{ background:url("images/related-li.png") 0 .6em no-repeat; padding-left:10px; margin-bottom:5px; }

#content img,
#ctas img								{ border:none; }

#content img							{ display:block; margin:10px auto; }

#content a								{ color:#fff; }

.news-articles							{ position:relative; }
/*
.news-articles,
.news-archive-list,
.newsletter-cta,
.section-navigation,
.flvplayer-latestVideos						{ background:url("images/purple-panel-back.png") bottom left no-repeat; padding:12px 20px 30px 12px; margin-bottom:15px;}
*/
.newsletter-cta						{ padding-left:13px; padding-bottom:25px;  }
.newsletter-cta p						{ font-size:95%; }

.news-articles ul,
.news-archive-list ul,
.section-navigation ul,
.flvplayer-latestVideos ul					{ list-style:none; margin:0 0 15px 0; /*border-top:2px solid #ccc; padding-top:5px;*/}	

.section-navigation ul ul 					{ padding-left:10px; padding-top:0; border-top:1px solid #ccc; margin-top:5px; padding-top:5px; padding-bottom:0; margin-bottom:0;}

.news-articles li,					
.news-archive-list li,
.section-navigation li,
.flvplayer-latestVideos li					{ position:relative; border:2px solid #fff; padding:0px 0 5px 0; margin-bottom:5px; background:url("images/purple-li.png") bottom left repeat-x #C9AAEE; padding:15px;}

.news-articles li						{ padding:25px 15px 5px 15px; margin-bottom:5px; }


.news-articles li:hover,					
.news-archive-list  li:hover,
.section-navigation  li:hover,
.flvplayer-latestVideos  li:hover		{  background:#C9AAEE; }


.section-navigation ul ul li			{ border:0; }

.news-archive-list li a,
.news-articles li a	,
.section-navigation li a,
.flvplayer-latestVideos li a			{ color:#000; text-decoration:none; font-weight:bold;}	
		
.news-articles li span				{ position:absolute; top:5px; left:15px;  font-weight:bold; color:#000}


.news-articles h2,
.news-archive-list h2,
.section-navigation	h2,
.flvplayer-latestVideos h2					{ margin-bottom:5px; padding-top:3px;  }





/*
.news-articles h2,
.news-archive-list h2,
.section-navigation	h2,
.flvplayer-latestVideos h2					{ background:url("images/purple-panel-top.png") top left no-repeat; margin:-12px -20px 0 -12px; padding:12px 20px 5px 12px; }

.newsletter-cta h2						{ background:url("images/newsletter-head.png") 0 0 no-repeat; margin:-27px -35px 0 -28px; width:203px;  padding:30px 20px 15px 25px; position:relative; font-size:180%; color:#663366; font-weight:bold }
*/
.news-articles h2						{ padding-left:35px; padding-bottom:10px }

a.feed								{ background:url("images/rss-ico.jpg") 0 0 no-repeat; width:33px; height:28px; text-indent:-100000em; display:block; position:absolute; top:0px; left:0px;}

div.error, div#form-error					{ border:3px double #c66; background:#fee; padding:10px; margin-bottom:1.5em; color:#900}
div.error h1, div#form-error h1				{ color: #a00; font-size:1.4em; background: none }
#content div.error li,
#content div#form-error	li							{ background:none; padding-left:0; }

div.success									{ border:3px double #6c6; background:#efe; padding:10px; margin-bottom:1.5em }
div.success h1								{ color: #0a0; font-size:1.4em; background: none }

/******************************************************************************* 
* Charlton Court Styles                                                       *
*******************************************************************************/

body.charlton #header					{ background-image:url("images/cc-header-back.jpg");  }
body.charlton #navigation				{ background:url("images/cc-nav-back.png") bottom left repeat-x #6D9D5F; border-color:#52C642 }
/*body.charlton #related .section-navigation 		{ background-image:url("images/green-panel-back.png"); }
body.charlton #related .section-navigation h2		{ background-image:url("images/green-panel-top.png"); }
/*body.charlton .newsletter-cta h2          	   { background-image:url("images/newsletter-green-head.png"); color:#4AB539; margin-left:-26.5px;}
body.charlton .newsletter-cta						{  background-image:url("images/green-panel-back.png");  }*/
body.charlton .section-navigation li				{ background:#47AF34; }
body.charlton .section-navigation li:hover			{ background:#6BED73; }
body.charlton #ctas 				{ background:url("images/cc-related-back.jpg") top left no-repeat; padding-top:230px; }

/******************************************************************************* 
* Run Styles           				                                           *
*******************************************************************************/

body.running  #header					{ background-image:url("images/run-header-back.jpg");  }
body.running  #navigation				{ background:url("images/run-nav-back.png") 0 0 repeat-x #B95100; border-color:#FC6500 }
body.running  .section-navigation li				{ background:#FF6D0D; }
body.running  .section-navigation li:hover			{ background:#FF9955; }
body.running  #ctas 				{  padding-top:0px; }

/******************************************************************************* 
* Page Specific                                                                *
*******************************************************************************/

body.home #content img				{ float:left; margin:0 15px 15px 0; }

body.img-lft  #content img					{ float:left; margin:0 15px 15px 0; }
body.img-rgt  #content img					{ float:right; margin:0 0 15px 15px; }

#content object							{ margin-bottom:20px; }

/***************** Gallery */

body #container #page #content #gallery 				{  }
body #container #page #content #gallery div#images 			{ border: 1px solid #ccc ; list-style: none; margin: 0 auto; padding: 10px; overflow: hidden; line-height:0px; border:1px solid #666;}
body #container #page #content #gallery div#images img			{ margin: 0; padding: 0; position: static; float: none; border: none; }
body #container #page #content #gallery ul#thumbnails			{ list-style: none; margin: 20px 0; }
body #container #page #content #gallery ul#thumbnails li		{ background: none; float: left; margin:10px 4px 0 5px; width:78px; height:80px; line-height:80px; border: 1px solid #ccc; padding: 6px; text-align:center; overflow: hidden; cursor: pointer; }
body #container #page #content #gallery ul#thumbnails li img	{ margin: auto; padding: 0; position: static; float: none; border: none; display: inline-block; vertical-align:middle; }
body #container #page #content #gallery ul#thumbnails li.active,
body #container #page #content #gallery ul#thumbnails li:hover	{ padding: 5px; border-width:2px; border-color:#666 }