/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object {
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img,abbr{
	border:0;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
a,a:link,a:visited,a:hover { 
	color:#049;
	text-decoration:none; 
}
a:focus,a:hover { 
	text-decoration:underline;
}
a img { 
	border:0; 
}
.clear { 
	clear:both; 
}

/* Global Elements
=====================================================================*/
body {
	background:#fff url(../images/background.png) repeat-x;
	line-height: 1.6em;
	font:62.5% arial,verdana,serif;
}
.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.skiplink{
	display:none;
}
/* Start CSS Coding
=====================================================================*/
#container {
	width:970px;
	margin:0 auto;
}
#shadowleft {
	width:20px;
	height:402px;
	background:url(../images/shadowleft.png) no-repeat;
	float:left;
}
#shadowright {
	width:20px;
	height:402px;
	background:url(../images/shadowright.png) no-repeat;
	float:left;
}
#wrapper {
	width:900px;
	float:left;
	background:#fff;
	padding:0 15px;
}
#header {
	position: relative;
	width:900px;
	height:130px;
	z-index: 101;
}
#logo{
	width:307px;
	height:130px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
}
#logo span{
	background:url(../images/logo.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#headerright {
	width:593px;
	height:130px;
	float:left;
}
#frmnewsletter {
	width:361px;
	height:38px;
	background:url(../images/back_newsletter.png) no-repeat;
	margin:20px 0 0 232px;
}
.textboxemail {
	width:140px;
	height:16px;
	float:left;
	margin:11px 0 0 62px;
	border:none;
	background:#fff;
	font-size:1.3em;
	color:#707275;
}
.textboxzip {
	width:60px;
	height:16px;
	float:left;
	margin:11px 0 0 13px;
	border:none;
	background:#fff;
	font-size:1.3em;
	color:#707275;
}
.submitjoin {
	width:67px;
	height:25px;
	background:url(../images/submitjoin.png) no-repeat;
	border:0;
	cursor:pointer;
	overflow: hidden;
	text-indent:-5000px;
	float:left;
	margin:6px 0 0 12px;
}
#placemainmenu {
	width:593px;
	height:30px;
	margin:24px 0 0 0;
	z-index: 101;
}
#mainmenu {
	width:479px;
	float:left;
	height:30px;
	padding:0 0 0 10px;
	z-index: 100;
}
#mainmenu li {
	background:url(../images/sepmenu.png) no-repeat 100% 0;
	display:block;
	float:left;
	height:30px;
	position:relative;
}
#mainmenu li.last {
	background:none;
}
#mainmenu li a, #mainmenu li a:link, #mainmenu li a:visited {
	display:block;
	float:left;
	height:24px;
	padding:6px 12px 0 12px;
	font-family:"Myriad Pro", arial, serif;
	font-size:1.4em;
	color:#30353a;
	text-transform:uppercase;
}
#mainmenu li:hover a {
	color:#049
}
/* Start CSS POPUP Menu
=====================================================================*/
#placemainmenu #mainmenu ul a{
	text-align:left;
	border:none;
	background:none;
	z-index: 101;
}
#placemainmenu ul ul {
	position:absolute;
	z-index:500;
	display:none;
	width:245px;
	margin:30px 0 0 0;
	left:0;
	background:url(../images/back_popup.png) no-repeat;
}
#placemainmenu ul li ul li {
	display:block;
	background:none;
	height:auto;
	width:239px;
	padding:0 0 0 3px;
}
#placemainmenu ul li ul li.last {
	background:url(../images/popuplast.png) no-repeat;
	width:141px;
	height:auto;
	padding:0 0 3px 3px;
}
#placemainmenu #mainmenu li:hover ul li a, #placemainmenu #mainmenu li:hover ul li a:link, #placemainmenu #mainmenu li:hover ul li a:visited {
	color:#000;
	font-size:1.1em;
	display:block;
	width:119px;
	height:auto;
	background: #FFF url(../images/popuphover.png) bottom repeat-x;
	padding:5px 3px 5px 17px;
	text-transform:none;
	font-family:Arial, verdana, serif;
	color:#0070bb;
	font-weight:lighter;
	font-size:1.3em;
}
div#placemainmenu li:hover ul ul,
div#placemainmenu li li:hover ul ul
{display:none;}

div#placemainmenu li:hover ul,
div#placemainmenu li li:hover ul
{display:block;}
/* End CSS Drop Down Menu */
.butcontribute, .butcontribute:link, .butcontribute:visited {
	width:104px;
	height:25px;
	float:right;
	display:block;
	background:url(../images/butcontribute.png) no-repeat;
	text-align:center;
	font-family:"Myriad Pro", arial, serif;
	color:#fff;
	font-size:1.4em;
	letter-spacing:-1px;
	text-transform:uppercase;
	padding:6px 0 0 0;
}
#intro {
	width:900px;
	height:250px;
	background:url(../images/intro.jpg) no-repeat;
	position: relative;
	z-index: 0;
}
#intro #rotation { height: 250px; width: 540px; position: absolute; left: 0; top: 0; overflow: hidden; }
#intro h1 {
	font-family:"Myriad Pro", arial, serif;
	margin:0 0 0 570px;
	font-size:2.1em;
	color:#fff;
	font-weight:lighter;
	height:35px;
	padding:35px 0 0 0;
}
#textintro {
	width:307px;
	height:153px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:block;
	margin:0 0 0 565px;
}
#textintro span{
	background:url(../images/textintro.jpg) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
#content {
	width:900px;
	padding:17px 0 0 0;
}
#maincontent {
	width:636px;
	float:left;
	font-size:1.2em;
	color:#555;
}
#content .half{
	background: url(../images/back_maincontent.png) no-repeat 50% 50%;
}
#nav {
	width:262px;
	float:right;
}
#contribute {
	width:261px;
	height:50px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:block;
}
#contribute span{
	background:url(../images/butcontributered.jpg) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#volunteer {
	width:262px;
	height:51px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:block;
}
#volunteer span{
	background:url(../images/btnvolunteer.jpg) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#tellafriend {
	width:262px;
	height:51px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:block;
}
#tellafriend span{
	background:url(../images/btntellafriend.jpg) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#personalfundraising {
	width:262px;
	height:51px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:block;
}
#personalfundraising span{
	background:url(../images/btnpersonalfundraising.jpg) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#bookmark{
	margin:0 0 0 10px;
}
#bookmark li{
	float:left;
	height:39px;
	background: url(../images/bookmarkline.jpg) no-repeat;
	padding:16px 13px;
	margin:30px 0 0 0;
}
#bookmark .noback{
	background:none;
}
#youtube {
	width:50px;
	height:22px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:block;
}
#youtube span{
	background:url(../images/btnyoutube.jpg) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#youtube {
	width:50px;
	height:22px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:block;
}
#youtube span{
	background:url(../images/btnyoutube.jpg) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#facebook {
	width:67px;
	height:22px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:block;
}
#facebook span{
	background:url(../images/btnfacebook.jpg) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#flickr {
	width:57px;
	height:22px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:block;
}
#flickr span{
	background:url(../images/btnflickr.jpg) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}


#listnav {
	width:262px;
	padding:17px 0 0 0;
}
#listnav li{
	margin:0 0 5px 0;
}
#maincontent-01{
	width:275px;
	float:left;
	margin:0 15px;
}
#maincontent-01 p{
	background: url(../images/dot.gif) repeat-x 0 100%;
	padding:3px 0 10px 0;
	margin:0 0 10px 0;
}
#maincontent-01 a, #maincontent-02 a{
	text-decoration:underline;
}
#maincontent-01 a:hover, #maincontent-02 a:hover{
	text-decoration:none;
}
#maincontent-01 a.findout, #maincontent-02 a.findout{
	color:#000;
}

#maincontent-02{
	width:275px;
	float:right;
	margin:0 10px 0 0;
}
#maincontent-02 .titlestory{
	display:block;
	font-size:1.2em;
	margin:0 0 10px 0;
}
#maincontent-02 p{
	background: url(../images/dot.gif) repeat-x 0 100%;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
#joejob{
	background: url(../images/back_joejob.png) no-repeat 0 50%;
	display:block;
	height:44px;
	margin:0 0 20px 0;
	font-size:1.8em;
	color:#30353a;
}
#joejob span{
	display:block;
	width:250px;
	height:100%;
	background: url(../images/dot.gif) repeat-x 0 100%;
	padding:15px 0 0 32px;
}
#hearsay{
	background: url(../images/back_hearsay.png) no-repeat 0 50%;
	display:block;
	height:44px;
	margin:0 0 25px 0;
	font-size:1.8em;
	color:#30353a;
}
#hearsay span{
	display:block;
	width:230px;
	height:100%;
	background: url(../images/dot.gif) repeat-x 0 100%;
	padding:15px 0 0 50px;
}

/* INTERIOR
================================================================*/
#videoyoutube{
	width:249px;
	height:212px;
	background: url(../images/back_video.gif) no-repeat;
	margin:0 0 20px 0;
	padding:5px 6px;
}
#toptitle{
	width:860px;
	height:35px;
	background: url(../images/back_toptitle.jpg) no-repeat;
	padding:15px 20px 0 20px;
}
#toptitle h1{
	color:#fff;
	font-size:2.4em;
	font-weight:lighter;
	float:left;
}

#printer{
	background: url(../images/iconprint.gif) no-repeat;
	float:right;
	padding:0 0 0 20px;
	color:#fff;
	margin:5px 0 0 0;
	font-size: 1.1em;
}

#maincontent{ font-size: 13px; line-height: 18px; }

.interior p{
	padding: 0 50px 10px 20px;
}

.interior h3{ padding: 0 50px 10px 20px; }
.interior h4{ padding: 0 50px 0 20px; }

#maincontent li{
	margin: 0 0 5px 20px;
	background: url(../images/bullet.jpg) no-repeat 0 5px;
	padding:0 0 0 15px;
}
#maincontent ul{
	margin:0 0 10px 0;
}
#maincontent h2{
	font-size:1.8em;
	font-weight:lighter;
	margin:30px 0 10px 20px;
}
#maincontent h3{ font-size: 1.4em; font-weight: bold; }
#maincontent h4{ font-size: 1em; font-weight: bold; }
#maincontent h5{ font-size: 1.2em; font-weight: normal; }

/* Footer
=====================================================================*/
#footer {
	width:900px;
	height:67px;
	background:url(../images/back_footer.png) no-repeat;
	margin:20px 0 0 0;
	font-size:1.2em;
}
#footerleft{
	color:#585d5f;
	width:330px;
	height:22px;
	float:left;
	padding:25px 0 0 20px;
}
#footerright{
	color:#585d5f;
	width:510px;
	height:1px;
	padding:30px 10px 0 30px;
	float:right;
}
#linkfooter{
	float:right;
}
#linkfooter li{
	float:left;
	border-right:1px solid #585d5f;
	padding:0 10px;
}
#linkfooter li.noborder{
	border:none;
}
#linkfooter li a{
	font-size:0.9em;
	text-decoration:underline;
}
#linkfooter li a:hover{
	text-decoration:none;
}

#linkfooter li a.rss{
	background: url(../images/iconrss.jpg) no-repeat 0 3px;
	padding:3px 0 3px 20px;
	margin:0 0 0 100px;
}

/*********** Blog **************************/
div.entrydata { border: 1px solid #ddd; padding: 5px 0; margin: 10px 20px; border-right: none; border-left: none; font-size: 11px; color: #888; }

div.blogsidebar { border-top: 1px solid #ddd; margin: 10px 0; padding: 10px 0; }
div.blogsidebar h3 { font-size: 16px; }
div.blogsidebar ul { margin: 5px 0; }
div.blogsidebar ul li { padding: 0 20px; font-size: 12px; list-style: disc; list-style-position: inside; }

/* Flickr Slideshows */

.flickr-slideshow{ margin-bottom: 1em; }

/* Forms */

span.req{ color: red; }
label.error{ font-size: 10px; color: red; }
form dl{ margin-top: 1em; width: 450px; }
form dt{ width: 150px; float: left; clear: both }
form dl label{ display: block; }
form dd{ width: 300px; float: right; padding-bottom: 5px; }