/* ------------------------------ */
/* © Igeek, Created 22/01/07 */



/* ------------------------------ */
/* main setup */


*
{
margin: 0;
padding: 0;
border: 0;
}



body, html
{
	background: #00AEEF;
    text-align:center; /* for IE */
    color: #666;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 1em;
    line-height: 1em;

}

#frame 
{
	background: #fff;
	width: 789px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	border: 3px solid #fff;
	margin-top: 20px;
}

#mainContainer 
{

}

h1#main
{
background: url("/images/runForTheFuture.gif") 2px 43px no-repeat;
width: 233px;
height: 70px;
}

#header
{
	border-bottom: 1px solid #fff;
	height: 207px;

}

#logos
{
float: right;
clear: both;
margin-top: 7px;
margin-bottom: 7px;
margin-right: 10px;
}






.offScreen 
{
	position: absolute;
	left: -5000px;
	padding: 0;
	margin: 0;
}

.clear
{
clear: both;
}

.padd1
{
padding: 0 0 40px 0;
}

/* ------------------------------ */
/* Content  */

#mainContent
{
float: left;
width: 642px;

}

#contentLeft
{
width: 321px;
background: #00AEEF url("/images/bottomCornerBlue.gif") right bottom no-repeat;
float: left;
border-right: 3px solid #fff;
}

#post_noel_distance_splurge{
  color: #00AEEF;
}

.callout {
  border: 4px dashed red;
  margin: 10px;
  padding: 10px;
}

#contentLeft a
{
color: #fff;
}

#contentLeft p
{
color: #fff;
font-size: 1.1em;
margin: 10px;
}

.page
{
font-size: .8em;
}

#contentRight
{
width: 318px;
float: left;
}

#raisingMoneyFooter
{
padding: 10px 0 0 0;

}

#extraLeft
{
width: 321px;
float: left;
border-right: 3px solid #fff;
_border-right: 0;
}

#LeftBottom p
{
padding: 10px;
font-size: .8em;
}

/* ------------------------------ */
/* text and links */

p {
font-size: .9em;
font-weight: normal;
padding: 5px 0 5px 0;
}


h2 {
font-size: 1.2em;
color: #00AEEF;
padding: 10px 0 10px 0;
font-weight: normal;
}

h3 {
font-size: .8em;
color: #00AEEF;
}

a:link, a:visited {
color: #999;
text-decoration: underline;
}

a:hover {
text-decoration: none;

}

.bigBlue {
color: #00AEEF;
font-size: 1.7em;
}

.charityDisclaimer {
color: #8DC73E;
}

#mainContent ol{
margin: 0 0 0 20px;
}

#mainContent ol li{
padding: 0 0 5px 0;
font-size: .9em;
}

ol li{
margin: 0 0 0 10px;
}

/* ------------------------------ */
/* main navigation */

#navigation
{
width: 146px;
float: left;
border-right: 1px solid #fff;
display: block;

}

#navigation ul li
{
padding: 0 15px 0 15px;
list-style-type: none;
font-size: 1em;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
line-height: 1.6em;
background: #00AEEF;

}

#navigation ul li a, #navigation ul li a:visited
{
color: #fff;
font-size: 1em;
text-decoration: none;
padding: 0;

}


#navigation a:hover, #navigation a:active
{
color: #99CC33 !important;
font-size: 1em;
}

#navigation .active
{
color: #99CC33 !important;
}

#sponcers
{
background: #83BB38 url("/images/navBttm.gif") left bottom no-repeat !important;
line-height: 1.2em !important;
padding-bottom: 5px !important;
}

#sponcers span
{
	font-size: .8em;
}

#sponcers a:hover
{
color: #00AEEF !important;
}

#logo 
{
margin: 10px 0 0 0;
}

/*if you need a hack for IE use:

_padding: 0 0 0 5px;/*


/* ------------------------------ */
/* footer */

#footer
{
	width: 800px;
	margin-right:auto;
	margin-left:auto;
	padding: 5px 0 0 0;
	
	}
	
#footer p
{
color: #fff;
font-size: .8em;
}

#footer a
{
color: #fff;
text-decoration: none;
}

#footer a:hover
{
text-decoration: none;
color: #99CC33;
}
	
#footerLeft
{
float:left;
width: 600px;
text-align: left;

}



#footerRight
	{
float:left;
width: 195px;
text-align: right;
}


/* ------------------------------ */
/* homepage */

#promo
{
background: url("/images/video.jpg") top left no-repeat;
display: block;
height: 158px;
width: 321px;
margin: 10px 0 10px 0;
margin: 20px 0 10px 0 !important;

}

#news 
{
background: url("/images/newsTitle.gif") top left no-repeat;
width: 421px;
height: 9px;
}

.newsStory
{
border-top: 10px solid #00AEEF;
background: #7FD6F7;
width: 584px;
padding: 10px;
margin: 0 0 10px 0;
}

.newsStory h3
{
color: #00AEEF;
font-size: 1em;
margin-bottom: 5px;
}

.newsStory img
{
float: left;
margin-right: 10px;
}

.newsStory p
{
float: left;
color: #fff;
width: 430px;
}

.newsStory a
{
color: #00AEEF;
font-size: 1em;
line-height: 1em;
}

.storyH2
{
color: #fff;
font-size: 1.5em;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

/* ------------------------------ */
/* sponsors */

.sponsors h2
{
border-bottom: 1px solid #00AEEF;
margin-left: 5px;

}

.sponsors h3
{
border-bottom: 1px solid #00AEEF;
margin: 0 5px 10px 0;
padding: 0 0 5px 0;
}

.sponsor p
{
font-size: .8em;
padding: 0 0 0 5px;
}

.sponsor
{
margin: 10px 0 10px 0;
text-align: center;
}

#sponsors
{
background: #7FD6F7;
color: #fff;
padding: 10px;
}

#sponsorsRight
{
width: 300px;
float: left;
text-align: center;
}

#sponsorsLeft
{
width: 300px;
float: left;
text-align: center;
margin-top: 10px;

}

.mention
{
text-align: left;
font-style: italic;
background: #7FD6F7;
color: #fff;
padding: 5px !important;
margin-top: 5px;
}

/*.border
{
border: 1px solid #00AEEF;
}*/

.middle
{
text-align: center;
}

/* ------------------------------ */
/* TCs */

#tcs 
{
background: #4fcdfd;
color: #fff;
padding: 10px;
}

#tcs li,
#tcs p
{
font-size: .75em !important;
}

#tcs a
{
color: #fff;
}

/* ------------------------------ */
/* extras */

#pdfIcon
{
float: left;
padding: 5px 5px 0 0;
}

#person_telephone {
  width:16em;
}

#add_runner {
  color:blue;
  cursor: pointer;
}

/*.fieldWithErrors {
  padding: 2px;
  background-color: red;
  /*display: table;*/
}
*/

/* this doesn't want to apply in safari :( */
div.runner {
  background-color: #c0ffee;
  height:800px;
}