/* 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: 0 0 1em 0; }

/* 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; padding-left: 10px; }
#mainContent #content div#outonashout ul { list-style-type: disc; margin-left: 10px; margin-bottom: 10px; }

/* #newsRelease li { list-style-position: inside; }  */

/*#newsRelease li { list-style-position: outside; }*/




#mainContent #content #newsReleaseV2 { padding: 0 10px; }
#mainContent #content #newsReleaseV2 img { display: inline-block; float: left; margin: 0 25px 1em 0; }
#mainContent #content #newsReleaseV2 .reset { margin: 0 1px 1em 0; }
#mainContent #content #newsReleaseV2 .videoImage { margin: 0 0 1em 2px; }
#mainContent #content #newsReleaseV2 ul { list-style-position: outside; margin: 0 0 1em 0; padding: 0; text-indent: 0; }
#mainContent #content #newsReleaseV2 ol { list-style-position: outside; margin: 0 0 1em 0; padding: 0; text-indent: 0; }
	#mainContent #content #newsReleaseV2 li { margin: 0 0 0 25px; padding: 0; }
	#newsReleaseContentWrapper { clear: left; }
	







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

#mainContent #content ul li, 
#mainContent #content ol li { font-size: 90%; }
	#mainContent #content ol li h3, 
	#mainContent #content ol li h4, 
	#mainContent #content ol li p, 
	#mainContent #content ol li dl, 
	#mainContent #content ol li select { font-size: 100%; }
#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:visited { color: #FF0000; text-decoration: none; z-index: 2000 !important; }
a:hover{text-decoration:underline;color: #FF0000;z-index: 2000}



/* headings */
h2 { font-size: 150%; font-weight: normal; font-family: Arial,Helvetica,sans-serif; margin: 10px 10px 1em 10px; }
#pageWrap.pddTemplate h2 { margin: 0; padding: 0; }
h3 { font-size: 100%; margin: 0 10px 1em 10px; font-weight: bold; }
h4 { font-size: 90%; margin: 0 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(/template-images/1_button_donatesm.gif) no-repeat; margin: 0 5px; }
	#donateNowButton:hover { width: 140px; background: transparent url(/template-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 { height:142px; margin-left:10px;}
	.eventHeader h3 { padding-top:10px; margin-left:0px}
	.eventHeader img { float:right;margin-right:10px;width:222px;height:148px;}
	.eventHeader dt {font-weight:bold;float:left;width:120px;}
	.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; margin-bottom:5px;}
	
	

.eventPrices { clear: both; font-size: 90%; }
.eventPrices td {padding-right: 15px;padding-left: 15px;}
.eventPrices th {padding-right: 15px;padding-left: 15px;}


.eventHeader p
{
margin-left:0px;
margin-top:30px;
}

.eventHeader a
{
    font-size:90%;
}

.eventHeader #eventlinks img
{
    float:left;
    background-repeat:no-repeat;
    height:7px;
    width:4px;
}


#rsshomepagelogo ,#rsslinkanchor { float:right; margin: 10px 10px 0px 0px}


#printTemplate { float:right;margin:15px 15px 0px 0px }
#emailthisicon { float:right;margin:15px 15px 0px 0px }
#downloadablematerials { float:right;margin:15px 15px 0px 0px }e
#rsslinkanchor{float:right;margin:15px 15px 0px 0px}
#articletitle{float:left; margin-right:0px}
#toplink{padding-right: 15px; float: right}

/* 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; }

#mainContent #content ul.lifeboats { clear: none; float: none; }
#mainContent #content .KF_featuredescription { }
p.KF_featuredescription { float: left }

.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:0px; 
	float:left;
	width: 333px;
}

#mainContent #content #pressReleaseList ul 
{
	list-style-type:none;
}

.news .listingtext 
{
	margin-left:0px; 
	float:left;
	width: 333px;
}

#pageWrap.noContextTemplate .news .listingtext { width: 362px; }

/*
	.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;
}

#mediaTypeFilter label
{
}

#mediaTypeFilter
{
	margin-top:10px;
}
#mediaTypeFilter input
{
	margin-left:6px;
	margin-right:10px;	
}



#videoDetail {}
	#videoDetail #flashContent, #videoDetail dl, #imageDetail dl { margin-left:10px; margin-bottom:20px;}
	#videoDetail img, #imageDetail img { margin-left: 10px; }
	#videoDetail dl dt, #imageDetail dl dt { float:left; width:12em; font-weight:bold; }
	#videoDetail embed { margin-left:10px; margin-bottom:20px; }
	#videoDetail #flashEmbedCode { width:425px;	height:100px; border:solid 1px white; margin-left:10px; }


#content #landingpageresultsPR ul { text-indent: 0; }


.bodytextWithBullets ul { display: inline-block; }