/*story text is for the occasions where there is a caption with an image that doesn't have a <p> tag and instead has a <span class=> tag*/

.story-text {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration: none;
	font-weight:normal;
	}

/*highlight boxes*/
#highlights {
	float: right;
	width: 300px;
	color:#999999;
	border-left: 1px solid #999999;
	padding: 0 0 0 0;
	margin: 0 0 15px 10px;
	}

#highlights h1 {
	font-size: 11px;
	color: #000000;
	padding: 0 0 0 14px;
	margin: 0 0 3px 0;
	}
	
#highlights ul {
	list-style-type: square;
	list-style-position: outside;
	font-size: 11px;
	margin: 0 0;
	padding: 0 0 0 10px;
	}
	
#highlights ul li {
	padding: 0 0;
	font-size: 11px;
	color: #666666;
	}
	
#highlights a:link, #highlights a:visited {
	color:#666666;
	text-decoration: none;
	}
	
#highlights a:hover {
	color:#02339a;
	text-decoration: underline;
	}

#highlightssmaller {
	float: right;
	width: 200px;
	color:#999999;
	border-left: 1px solid #999999;
	padding: 0 0 0 0;
	margin: 0 0 15px 10px;
	}
	
#highlightssmaller h1 {
	font-size: 11px;
	color: #000000;
	padding: 0 0 0 14px;
	margin: 0 0 3px 0;
	}
	
#highlightssmaller ul {
	list-style-type: square;
	list-style-position: outside;
	font-size: 11px;
	margin: 0 0;
	padding: 0 0 0 10px;
	}
	
#highlightssmaller ul li {
	padding: 0 0;
	font-size: 11px;
	color: #666666;
	}
	
#highlightssmaller a:link, #highlightssmaller a:visited {
	color:#666666;
	text-decoration: none;
	}
	
#highlightssmaller a:hover {
	color:#02339a;
	text-decoration: underline;
	}

/*metadata is also used with image captions and also file extensions in the body of text, etc.*/
.metadata {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-decoration: none;
	}

/*image styles*/

#imgLeft {
	float: left;
	padding: 0 0;
	margin: 0 0 10px 0;
}

#imgLeft p {
	width: 120px;
	font-size: 10px;
	padding: 2px 0 0 0;
	margin: 0 12px 0 22px;
}

#imgRight {
	float: right;
	width: 130px;
	padding: 0 0;
	margin: 0 15px 10px 10px;
}

#imgRight115 {
	float: right;
	width: 115px;
	padding: 0 0;
	margin: 0 15px 10px 10px;
}

#imgLeft100 {
	float: left;
	width: 100px;
	padding: 0 0;
	margin: 5px 5px 5px 10px;
}

#imgLeft150 {
	float: left;
	width: 150px;
	padding: 0 0;
	margin: 0 10px 10px 15px;
}

#imgRight200px {
	float: right;
	width: 200px;
	padding: 0 0;
	margin: 0 15px 10px 10px;
}


#imgRight300px {
	float: right;
	width: 300px;
	padding: 0 0;
	margin: 0 15px 10px 10px;
}

#imgRight p, #imgRight200px p, #imgRight115 p {
	font-size: 10px;
	padding: 2px 0 0 0;
	margin: 0 3px 0 0;
}

#imgRight150px {
	float: right;
	width: 150px;
	padding: 0 0;
	margin: 0 15px 10px 10px;
}

#imgRight p, #imgRight150px p {
	font-size: 10px;
	width: 150px;
	padding: 2px 0 0 0;
	margin: 0 3px 0 0;
}

#featureimage {
	float: left;
	padding: 0 0;
	margin: 0 10px 10px 0;
}

#featureimageRight {
	float: right;
	padding: 0 0;
	margin: 0 0 10px 10px;
	display: inline;
}

/*this has been used as a foot note type thing*/
.footer2 {

	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#222222;
	text-decoration: none;
	padding-top:5;
	margin-left:20;
	margin-right:20;
	border-top-style:solid;
	border-top-color:#ff760c;
	border-top-width:1px;
	}