/* ie6 png fix */
img, div { behavior: url(images/iepngfix.htc) }

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, b, u, i, center, 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; 
	vertical-align : baseline; 
	background : transparent; 
} 

body { 
	line-height : 1; 
} 

ol, ul { 
	list-style : none; 
} 

:focus { 
	outline : 0; 
} 

table { 
	border-collapse : collapse; 
	border-spacing : 0; 
} 


/* core css */
h1 { /* main headings */ 
	font : 2.2em verdana, arial;
	color : #626696;
	font-weight: bold;
	margin-bottom: 10px;
} 

h2 { /* sub headings */
	font : 1.8em verdana, arial;
	color : #6d71a6; 
	font-weight: bold;
	margin-bottom: 10px;
} 

h3 { /* press headings */
	font : 1.4em verdana, arial;
	color : #444; 
	font-weight: bold;
	margin: 0 0 10px 20px;
} 


/* Lists */
#list {
	list-style: square;
	margin: 10px 0 10px 40px;
}

#list li {
	font: 1.2em verdana, arial;
	color: #333;
	line-height: 1.6em;
}

#list li a {
	display: block;
}

#list li a:hover {
	text-decoration: none;
}


body
{
	background: url(images/bodyBg.jpg) repeat-x #d0d0d0;
	font-size: 62.5%;
	font-family: verdana, arial;
	color: #333;
	height: 100%;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 746px;
	padding-bottom: 50px;
	display : table; 
}

#logoContainer {
	float: left;
	margin-top: 10px;
	height: 126px;
	width: 300;
}

#logoContainer img {
	padding-left: 25px;
}

#headerRight {
	float: right;
	margin-top: 10px;
	height: 126px;
	width: 231px;
}



/* Navigation */

#navContainer {
	float: left;
	height: 62px;
	width: 746px;
}

#navigation {
	list-style: none;
	height: 62px;
	width: 746px;
	}

/* Positioning */

#navigation li {
	padding: 0 0 0 0;
}

#navigation li.purpose {
	float: left;
	height: 62px;
	width: 99px;
	}
#navigation li.story {
	float: left;
	height: 62px;
	width: 89px;
	}
#navigation li.donations {
	float: left;
	height: 62px;
	width: 97px;
	}
#navigation li.runwalk {
	float: left;
	height: 62px;
	width: 125px;
	}
#navigation li.candles {
	float: left;
	height: 62px;
	width: 82px;
	}
#navigation li.sponsors {
	float: left;
	height: 62px;
	width: 90px;
	}
#navigation li.press {
	float: left;
	height: 62px;
	width: 65px;
	}
#navigation li.contact {
	float: left;
	height: 62px;
	width: 99px;
	}

#navigation li a { 
	background: url(images/navigation.jpg) no-repeat top left;
	font: 12px/40px verdana, sans-serif;
	color: #fff;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 62px; 
	}

#navigation li a span {
	visibility: hidden;
	}

/* Buttons */

#navigation a.purpose {
	background-position: 0 0;
	}

#navigation a.story {
	background-position: -99px 0;
	}

#navigation a.donations {
	background-position: -188px 0;
	}

#navigation a.runwalk {
	background-position: -285px 0;
	}

#navigation a.candles {
	background-position: -410px 0;
	}

#navigation a.sponsors {
	background-position: -492px 0;
	}

#navigation a.press {
	background-position: -582px 0;
	}

#navigation a.contact {
	background-position: -647px 0;
	}

/* Hover */

#navigation .purpose:hover {
	background-position: 0 -124px;
	}
	
#navigation .story:hover {
	background-position: -99px -124px;
	}

#navigation .donations:hover {
	background-position: -188px -124px;
	}

#navigation .runwalk:hover {
	background-position: -285px -124px;
	}

#navigation .candles:hover {
	background-position: -410px -124px;
	}

#navigation .sponsors:hover {
	background-position: -492px -124px;
	}

#navigation .press:hover {
	background-position: -582px -124px;
	}

#navigation .contact:hover {
	background-position: -647px -124px;
	}

/* Current Page */

.home #navigation .home,
.purpose #navigation .purpose,
.story #navigation .story,
.donations #navigation .donations,
.runwalk #navigation .runwalk,
.candles #navigation .candles,
.sponsors #navigation .sponsors,
.contact #navigation .contact,

.home #navigation .home:hover,
.purpose #navigation .purpose:hover,
.story #navigation .story:hover,
.donations #navigation .donations:hover,
.runwalk #navigation .runwalk:hover,
.candles #navigation .candles:hover,
.sponsors #navigation .sponsors:hover
.contact #navigation .contact:hover {
	margin: 0;
	padding: 0px 0 0 0;
	height: 62px !important;
	}

.purpose #navigation .purpose {
	background-position: 0 -62px !important;
	}

.story #navigation .story {
	background-position: -99px -62px !important;
	}

.donations #navigation .donations {
	background-position: -188px -62px !important;
	}

.runwalk #navigation .runwalk {
	background-position: -285px -62px !important;
	}

.candles #navigation .candles {
	background-position: -410px -62px !important;
	}

.sponsors #navigation .sponsors {
	background-position: -492px -62px !important;
	}

.press #navigation .press {
	background-position: -582px -62px !important;
	}

.contact #navigation .contact {
	background-position: -647px -62px !important;
	}

#contentContainer {
	background: url(images/contentBg.png) repeat-y top left;
	float: left;
	width: 746px;
	height: 100%;
}

#mainImgContainer img {
	padding-left: 14px;
}

#footerContainer {
	background: url(images/footerBg.png) no-repeat top left;
	float: left;
	width: 746px;
	height: 87px;
}

#footer {
	text-align: center;
	font: 1.2em verdana, arial;
	color: #959595;
	padding: 20px;
}

#content {
	padding: 20px 50px 40px 50px;
}

#content p {
	font: 1.2em verdana, arial;
	color: #333;
	line-height: 1.6em;
	padding-bottom: 10px;
}


#runwalkLeftCol {
	float: left;
	width: 390px;
	padding-bottom: 30px;
}

#runwalkRightCol {
	float: left;
	width: 240px;
	padding-bottom: 30px;
}

#runwalkWideCol {
	float: left;
	width: 630px;
}

#sponsors img {
	padding: 0 15px;
}

#pressVideos img {
	padding: 5px;
}

#pressArticles {
	font: 1.2em verdana, arial;
	color: #333;
	line-height: 1.6em;
	padding-bottom: 10px;
	margin: 0;
}

/* PressLists */
#pressList {
	list-style: square;
	margin: 10px 0 10px 40px;
}

#pressList li {
	font: 1.2em verdana, arial;
	color: #333;
	line-height: 1.6em;
}

#pressList li a {
	display: block;
}

#pressList li a:hover {
	text-decoration: none;
}




.bold {
	font-weight: bold;
}

.italic {
	font-style: italics;
}