@import "TinyMCE.css";
@import "page_styles.css";

body
{
  background: #FFD900 url(../images/bg.jpg) repeat-x left top;
  background-color: #FFD900;
}
/* Setup Height 100%
-----------------------------------------------------*/
body, html, form
{
  height: 100%;
}
#cmsPageContainer1
{
  min-height: 100%;
}
#cmsPageContainer2
{
  padding-top: 18px;
}
.cmsContent p
{
  padding: 5px 5px 5px 0px;
}
input, select
{
  border: 1px solid #7a7a7a;
}
.error
{
  color: #D71F1D;
}
.clear
{
  clear: both;
  width: 100%;
  height: 0px;
  line-height: 0px;
  padding: 0px ! important;
}
.formElements
{
  margin-bottom: 8px;
}
.titleField
{
  float:left;
  margin-right: 8px;
  width: 80px;
}
.entryField
{
  float:left;
  width: 250px;
}
.entryField input
{
  width: 240px;
}
#cmsContentInner3 .cmsContent
{ 
  line-height: 1.5em;
}

/* Page Template  
---------------------------------------------------*/
#cmsPageContainer1
{
  width: 933px;
  margin: 0 auto;
  background-color: White;
}
#cmsContentInner3
{
}
.page-header
{
  position:relative;
  height: 107px;
  padding-top: 2px;
  background: url(../images/bg.jpg) repeat-x 0px -18px;
}
#cmsContentOuter
{
  width: 605px;
  float: left;
}
#cmsMiddleBlock
{
  padding: 20px 32px 0px 32px;
}
.side-bar
{
  float: right;
  width: 250px;
  min-height: 310px;
}
.donations
{
  width: 440px;
  height: 100px;
  position:absolute;
  right: 20px;
  top: -5px;
  background-image: url(../images/donate_today.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.donations .inner
{
  background-image: url(../images/sponsor_sunsuper.png);
  background-repeat: no-repeat;
  background-position: right top;
  width: 100%;
  height: 100%;
  position: inherit;
}
.donations .inner a.btn-donate-today span
{
  display: none;
}
.donations .inner a.btn-donate-today
{
  display: block;
  position: absolute;
  left: 0px; top: 0px;
  width: 212px;
  height: 44px;
}
.donation-counter #EverydayHeroTotal span.dollar-sign
{
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 31px;
  background-image: url(../images/counter/counter_start.jpg);
  background-repeat: no-repeat;
  background-position: 16px 0px;
}
.donation-counter #EverydayHeroTotal span.dollar-sign span
{
  color: #000000 ! important;
  padding-right: 7px;
}
.donation-counter
{
  margin-right: 15px;
  margin-top: 45px;
  padding-left: 5px;
}
#EverydayHeroTotal
{
  float: right;
  height: 31px;
  background-image: url(../images/counter/counter_end.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  padding-right: 5px;
}
#EverydayHeroTotal span
{
  display: block;
  font-size: 17px;
  font-weight: bold;
  line-height: 31px;
  color: #ffffff;
  padding: 0px;
  background-image: url(../images/Counter/counter_num_bg.jpg);
  float: left;
}
#EverydayHeroTotal span span
{
  padding: 0px 5px;
  background-image: url(../images/Counter/counter_spacer.jpg);
  background-repeat: no-repeat;
  background-position: right top;
}
#EverydayHeroTotal span span.no-spacer
{
  background-image: none;
}
.donations .our-goal
{
  margin-right: 17px;
  width: 100%;
  text-align: right;
  float: right;
  color: #000000;
  font-weight: bold;
  font-size: 11px;
}

/* MAIN MENU
----------------------------------------*/
.primary-nav
{
  width: 100%;
  height: 27px;
  background-color: #ffd900;
}
.primary-nav ul, .primary-nav ul li
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  float: left;
  display: inline;
}
.primary-nav ul li
{
  margin-right: 2px;
  position: relative;
}
.primary-nav ul li a
{
  display: block;
  vertical-align: middle;
  padding: 5px 35px 5px 20px;
  border-bottom: 2px solid #D71F1D; 
  background-image: url(../images/nav_arrow.gif);
  background-position: right 8px;
  background-repeat: no-repeat;
  color: #000000;
  font-weight: bold;
}
.primary-nav ul li ul li a 
{
  padding-right: 20px;
}
.primary-nav ul li a:hover, .primary-nav ul li a.ParentMenuItemActive,
.primary-nav ul li a.ChildMenuItemActive, .primary-nav ul li a.MenuItemActive
{
  background-image: url(../images/nav_arrow.gif);
}
.primary-nav ul li ul
{
  position: absolute;
}
.primary-nav ul li ul li
{
  width: 170px;
  display: list-item;
  float: none;
}
.primary-nav ul li ul li a
{
  background-image: none ! important;
  background-color: #D71F1D;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}
.primary-nav ul li a:hover, .primary-nav ul li a.ParentMenuItemActive, .primary-nav ul li a.MenuItemActive,
.primary-nav ul li a.ChildMenuItemActive
{
  color: #D71F1D;
}
.primary-nav ul li li a:hover, .primary-nav ul li ul li a:focus, .primary-nav ul li ul li a:active,
.primary-nav ul li li a.ParentMenuItemActive, .primary-nav ul li li a.ChildMenuItemActive,
.primary-nav ul li li a.MenuItemActive 
{
  color: #000000;
  background-color: #ffd900; 
}
.primary-nav ul li li.ParentMenuItemActive a
{
  background-color: #ffd900;
  color: #000000;
}
.primary-nav ul li li.ParentMenuItemActive a:hover
{
  background-color: #D71F1D ! important;
  color: #ffffff ! important;
}
.primary-nav ul li a:hover
{
  text-decoration: none;
}
/* BUTTONS
----------------------------------------*/
a.btn-enter span
{
  display: none;
}
a.btn-enter
{
  display: block;
  width: 55px;
  height: 23px;
  background-image: url(../images/btn_enter.jpg);
  background-repeat: no-repeat;
  float: right;
  margin-left: 5px;
  margin-top: 0px;
}
a.btn-twitter-large, a.btn-facebook-large
{
  float: right;
  margin: 10px 5px 0px 10px;
}
/* NEWS HEADLINES
---------------------------------------------------*/
.news-headlines h2
{
  background-color: #D71F1D;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 16px;
}
.news-headlines .Article
{
  margin-top: 5px;
  border-bottom: 1px solid #cccccc;
}
.news-headlines .NoThumbnail div
{
  padding: 5px 10px;
}
.news-headlines .NoThumbnail div.Title 
{
  padding: 0px 10px;
}
.news-headlines .Title a
{
  font-weight: bold;
}
/* Footer  
---------------------------------------------------*/
#footer
{
  color: #909090;
  position: relative;
  margin: 0 auto;
  width: 880px;
  padding: 10px 0px;
  left: 0px;
  bottom: 0px;
}
#footer a 
{
  text-decoration: none;
  color: #909090;
}
#footer a:hover
{
  text-decoration: underline;
}
#footer .sponsors
{
  width: 100%;
  height: 115px;
  position: relative;
  border-bottom: solid 2px #CC0000;
}
#footer .sponsors a
{
  display: block;
  float: left;
  margin: 10px 0px 0px 32px;
}
#footer .sponsors h3
{
  border-bottom: 1px solid #cccccc;
  padding: 5px 0px;
  margin: 0px 0px;
  font-size: 11px;
}
#footer .links
{
  position: relative;
  padding: 20px 0px 10px 0px;
}
a.btn-twitter-small, a.btn-facebook-small
{
  line-height: 22px;
  display: block;
  position: absolute;
  top: 15px;
}
a.btn-twitter-small
{
  left: 380px;
}
a.btn-facebook-small
{
  left: 411px;
}
.speedwell-logo
{
  position: absolute;
  right: 0px;
  top: 11px;
}
#footer .mater img, #footer .livestrong img
{
  margin-top: 14px;
}
/* Newsletter
-----------------------------------------------------*/
.side-bar .newsletter
{
  background-image: url(../images/email.jpg);
  background-repeat: no-repeat;
  background-position: 0px 20px;
  margin-bottom: 10px;
}
.side-bar .newsletter h2
{
  font-size: 14px;
  color:#D71F1D;
}
.side-bar .newsletter div
{
  height: 50px;
  padding: 20px 0px 0px 16px;
}
.side-bar .newsletter div input
{
  float: left;
  height: 19px;
  padding-top: 3px;
  border-color: #888888;
  color: #888888;
  width: 165px;
}
.social-media
{
  margin-top: 10px;
  background: #ffffff url(../images/follow_us.jpg) no-repeat 0px 20px;
  background-color: #f0eced;
  padding: 10px 10px 10px 0px;
  height: 52px; 
}

 /* LIVE TRACKING PAGE*/
 .ext-gecko .x-btn button
 {
	display: none;
	height: 0px;
	width: 0px;
 }
 
 #ext-comp-1007,
 #ext-comp-1008,
 #ext-comp-1009,
  #ext-comp-1010,
   #ext-comp-1011
 {
	height: 0px;
	font-size: 0px;
	width: 0px;
	display: none;
 }
 
 .live_tracking
 {
	width: 599px;
	height: 149px;
	background-image: url(../images/live_tracking_banner.png);
	background-repeat: no-repeat;
	display: block;
	left: -10px;
	margin-left: 0px;
	margin-top: 0px;
 }
 
 .live_tracking span
 {
	display:none;
 }
 
body.default_aspx h1.PageTitle
{
	display: none;
}

body.livetracking_aspx h1.PageTitle
{
	font-size: 16px;
}