/* general bits */
p { margin: 0px 10px 1em 10px; }
/* this was .bodytext p { margin: 0px 10px 1em 10px; } - taking the bodytext out has broken the footer */
#footer p { margin:0; }
#mainContent #content li p { margin:0px 0px 1em 0px }

/* this is screwing up ooas & station maps */
#mainContent #content ol { list-style-type:decimal; margin-bottom:10px;}
#mainContent #content ol li { margin-left:32px;} /* Please see Bug 9660 */
#mainContent #content ul { list-style-type:disc; margin-left:26px; margin-bottom:10px;}
#mainContent #content div#outonashout ul { list-style-type:disc; margin-left:10px; margin-bottom:10px;}



/* undo it for listings.. */
#mainContent #content ul.listing, #mainContent #content ol.listing { margin-left:0px}

#mainContent #content ul li, #mainContent #content ol li {font-size:90%;}
#mainContent #content ul.listing li, #mainContent #content ol.listing li {font-size:100%;}


p, dl, select { font-size: 90%; }
.clear { clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0; }
a, a:hover, a:visited { color: #FF0000; text-decoration: none; z-index: 2000 !important; }



/* headings */
h2 { font-size: 150%;margin:10px 10px 1em 10px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;}
h3 { font-size: 100%;margin:0px 10px 1em 10px;font-weight:bold;}
h4 { font-size: 90%;margin:0px 10px 1em 10px;}


/* context nav area */
#context{ padding-top: 46px; }
	#context p, 
	#context pre, 
	#context img, 
	#context h3, 
	#context h4, 
	#context form { margin: 6px; }
	#context p { margin-bottom:2px ;margin-top:2px; color:#666666;}
	#context h3 { color:#666666; font-size: 90%; }
	#context h4 { color:#666666; }

	#context ul { margin-left:6px; margin-right:6px; }
	#context li { background:transparent url(/template-images/contextualNavBullet.gif) no-repeat scroll 3px 1px; padding-left:10px; padding-bottom:6px; font-size:90%; }
	#stationInfo .visLinks li { background:transparent url(/template-images/contextualNavBullet.gif) no-repeat scroll 3px 1px; margin-left:3px; padding-left:10px; padding-bottom:4px; font-size:90%; }
	/*#stationInfo, #stationMainInfo { font-size:90%; }*/
	#context .bodytext li { margin-left:0px; }
	.landingSquares ul.stationMenu li { background:transparent url(/template-images/contextualNavBullet.gif) no-repeat scroll 3px 1px; padding-left:10px; padding-bottom:6px;}

	#context hr { margin-left:6px; margin-right:6px; margin-bottom:6px;margin-top:4px;background: transparent url(/template-images/hrBackground.gif) repeat-x center; height:1px;}
	#context div.hrSolid { height: 1px; background: transparent url(/template-images/hrBackground.gif) repeat-x center; margin: 4px 6px 6px 6px; padding: 0; }

	#context h2 { margin: 10px 6px 1em 6px;}
	#context h3 { margin: 0px 6px 1em 6px;}
	#context h4 { margin: 0px 6px 1em 6px;}
	
	.noContextTemplate .landingSquares h3 { margin:0px 6px 1em 0px;}
	.noContextTemplate .landingSquares p { margin:6px;}
	
	#context p.telNo { color:#009933;font-weight:bold;margin-bottom:6px;}
	
	
	

/* Donate now orb */

#donateNowButtonWrapper { margin-top: 10px; text-align: center; }
	#donateNowButtonWrapper ul { list-style: none; }
	#donateNowButtonWrapper li { list-style: none; height: 67px;}
	#donateNowButtonWrapper li a { height: 30px; display: block; }
	#donateNowButtonWrapper li a * { display: none; }
	#donateNowButton { width: 140px; background: url(/crew_thank_you/images/1_button_donatesm.gif) no-repeat; margin: 0 5px; }
	#donateNowButton:hover { width: 140px; background: transparent url(/crew_thank_you/images/1_button_donatesm_over.gif) no-repeat; margin: 0 5px;}
/* End donate now orb */



	
	


.quote {margin-bottom:10px;}
	.quote img { float:right;margin-left:10px;}
	#mainContent #content .quote blockquote { margin-top:10px;margin-right:10px;}	
	
	/* quotes want the landing squares touching them on landing pages */
	.noContextTemplate .quote {margin-bottom:0px}
	
	

	
 
/* this is my attempt at replacing all the headers with a dl dt dd combo.. seems to need an awful lot of classes to make it stylable :( */
html>body .eventHeader { height:auto; min-height:142px; }
.eventHeader {margin-bottom:10px;}
.eventHeader { height:142px;background-color:#99cc00;}
	.eventHeader h3 { padding-top:10px;}
	.eventHeader img { float:left;margin-right:10px;width:142px;height:142px;}
	.eventHeader dt {font-weight:bold;float:left;width:100px;}
	.eventHeader .date {font-size:110%;}
	.eventHeader dt.date, .eventHeader dt.place, .eventHeader dt.region, .eventHeader dt.time {display:none;}
	.eventHeader dt.reference, .eventHeader dd.reference, .eventHeader dt.status, .eventHeader dd.status {padding-top:10px;}
	.eventHeader dd {font-weight:bold;margin-left:105px;}
	
	

/* landing page squares */
.dottedEdgeLeft { background: transparent url(/template-images/dotVertical.gif) repeat-y scroll top left; }	
.dottedEdgeRight { background: transparent url(/template-images/dotVertical.gif) repeat-y scroll top right; }
.dottedEdgeTop { background: transparent url(/template-images/dotHoriz.gif) repeat-x scroll top; }
.dottedEdgeBottom { background: transparent url(/template-images/dotHoriz.gif) repeat-x scroll bottom; }
	
.dotBottom { background: transparent url(/template-images/dotBottom.gif) no-repeat scroll top left; }
.dotLeft { background: transparent url(/template-images/dotLeft.gif) no-repeat scroll top left; }	
.dotLeftBottom { background: transparent url(/template-images/dotLeftBottom.gif) no-repeat scroll top left; }	
.dotLeftTop { background: transparent url(/template-images/dotLeftTop.gif) no-repeat scroll top left; }	
.dotRight { background: transparent url(/template-images/dotRight.gif) no-repeat scroll top left; }
.dotRightBottom { background: transparent url(/template-images/dotRightBottom.gif) no-repeat scroll top left; }	
.dotRightTop { background: transparent url(/template-images/dotRightTop.gif) no-repeat scroll top left; }	
.dotTop { background: transparent url(/template-images/dotTop.gif) no-repeat scroll top left; }

/* stations */
.stationListing ul { margin:20px; }
.stationListing ul li { list-style:none; }
.stationListing .top { position: relative; margin-left: 360px; margin-top: -24px; font-weight: normal; }

/* lifeboats */
.lifeboatDetail {}
	.lifeboatDetail img { margin-left:10px;	}
	.lifeboatDetail tr { background: transparent url(/template-images/hrBackground.gif) repeat-x bottom }
	.lifeboatDetail th { font-size:90%;padding:3px 0px 3px 0px;color:#336699;	font-weight:normal; vertical-align:top; }
	.lifeboatDetail td { font-size:90%;padding:3px 2px 3px 2px;}
	.lifeboatDetail .keyFeatures 
	{
		font-size:90%; color:#336699; padding:3px 2px 3px 2px; 
	}
	.lifeboatDetail div.keyFeatures ul { margin-top:6px; margin-left:0px; }
	.lifeboatDetail li { margin-right:6px; background:transparent url(/template-images/contextualNavBullet.gif) no-repeat scroll 3px 1px; padding-left:10px; padding-bottom:4px; font-size:90%; list-style-type:none;}
	

/* this needs some work.. the lifeboats list wants to be horizontal not vertical.. */
/* put float left in a few places & it just moved below the summary */
.keyFeatures {}


.keyFeatures ul.lifeboats
{
	height: 1em;
	padding-top:2px;
}

#mainContent #content ol, #mainContent #content ul.lifeboats {
	margin-left: 0px;
}

#mainContent #content ol, #mainContent #content ul.lifeboats a{
	font-size: 12px;
}

.keyFeatures .lifeboats li { display: inline; clear: none;float: left; }
.keyFeatures .listingtext { margin-left: 152px; }

.keyFeatures li li
{
	padding-right:4px;
	padding-left:4px;
	border-right:solid 1px #000066;
}

.keyFeatures li li.last
{
	border:0px;	
}

.pressReleases .listingtext { margin-left:90px; }
.news .listingtext { margin-left:80px; }


/*
	.keyFeatures li ul.lifeboats { display:block; }

	.keyFeatures li ul.lifeboats li { display:inline; }

	.keyFeatures .listingtext h3 { margin-left:0px; }
	.keyFeatures ul { margin-left:0px; }
	.keyFeatures ul li { margin-left:0px; }
	.keyFeatures .listingtext { margin-left:150px; }
*/


/* station page stuff */
pre.contextNav { width:114px;white-space: pre-wrap;word-wrap:break-word;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;padding:4px;overflow:hidden;color:#666666;font-family:Arial;}




#stationMainInfo .discover { list-style-image: url(/template-images/discover.gif); padding-left:20px; padding-bottom:6px; }
#stationInfo ul.discover, #stationInfo ul.observe, #stationInfo ul.explore li{padding-bottom:6px;}
#stationMainInfo .observe { list-style-image: url(/template-images/observe.gif); padding-left:20px; }
#stationMainInfo .explore { list-style-image: url(/template-images/explore.gif); padding-left:20px; }
#stationMainInfo .beachGuard { list-style-image: url(/template-images/beach.gif); padding-left:20px; }


.newsArea { margin-top: 197px; }
.newsArea .pagingControls .pageNums { width: 290px; }


.recentStationLaunches li
{
	font-size:90%;	
}

#mainContent #content .listing .crewmember ul,
#mainContent #content .listing .crewmember ol
{
	margin-left: 0px;
}