/* Sets default styles for each element */

html, body, div, span, p, a, img, h1, h2, h3, h4, h5, h6	{
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	} 
p.access	{
	display: none;
	}
ul, ol	{
	text-align: left;
	}
body	{
	margin: 10px;
	}
div#content p	{
	margin-left: 200px;
	margin-right: 200px;
	text-align: center;
	}
img {
	border: 0;
	}
table {
	margin: 10px auto;
	}
th {
	padding: 5px;
	border: 1px solid black;
	}
	


/* Styles specific elements by their ids */

img#nesdis	{
	}
img#rammb	{
	float: left;
	}
img#cira	{
	float: right;
	}
h1	{
	clear: both;
	text-align: center;
	margin-left: 226px;
/*	margin-left: 150px;
	margin-right: 150px;
*/	}
h2	{
/*	clear: both;
*/	text-align: center;
	padding-top: 20px;
	font-size: 1.9em;

	margin-left: auto;
	margin-right: auto;
/*	width: 700px;
*/	}
/*
div#content h2:first-of-type {
	clear: none;
	padding-right: 210px;
}
*/
p.jvm_download	{
	font-size: .7em; 
	}
p.image_caption	{
	margin-top: 0;
	padding-top 0;
	font-size: .7em;
	}

/* Styles each of the main sections */

div#rammb_header	{
	margin-bottom: 15px;
	text-align: center;
	}
p#textlinks	{
	text-align: center;
	padding: 0;
	font-size: .8em;
	}
div#rammb_footer	{
	clear: both;
	font-size: .7em;
	margin-top: 30px;
	}
div#rammb_footer p	{
	text-align: center;
	}
div.section_links	{
/*	margin-left: 200px;
	margin-right: 200px;
*/	}
div.section_links ul	{
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline;
	}
div.section_links ul li {
	margin: 7px;
	padding: 0;
	list-style: none;
	display: inline;
	}


/* Start - Ordered List Hierarchy Setup */
ol.hierarchy	{
	list-style-type: decimal;
	}
ol.hierarchy li ol	{
	list-style-type: upper-alpha;
	}
ol.hierarchy li ol li ol	{
	list-style-type: upper-roman;
	}
ol.hierarchy li ol li ol li ol	{
	list-style-type: lower-alpha;
	}
ol.hierarchy li ol li ol li ol li ol	{
	list-style-type: lower-roman;
	}

ol.hierarchy li ul	{
	list-style-type: disc;
	}
/* End - Ordered List Hierarchy Setup */


/* Start - THIS USED TO BE DIRECTLY IN THE TEMPLATE PAGE */


		div#content	{
			text-align: center;
			min-width: 700px;
/*			width: 100%;
*/			margin-top: -10px;
			margin-left: 226px;
			}
		div#content div.image_wrapper	{
/*			clear: both;
*/			margin: 0 auto;
			width: 700px;
			text-align: left;
/*			border: 1px solid green;
*/			overflow: auto;

/*			position: relative;
			left: 50%;
			margin: 0 0 0 -350px;
*/			
/*			height: 10px;
*/			}
		div#content div.image_wrapper div	{
			margin: 5px;
			width: 330px;
			border: 1px solid black;
			}
		div#content div.image_wrapper div a img	{
			width: 200px;
			}
		div#content div.image_wrapper div.left_example,
		div#content div.image_wrapper div.right_example	{
			min-height: 190px;
			}
		div#content div.image_wrapper div.left_example	{
/*			clear: both;
*/			float: left;
			}
		div#content div.image_wrapper div.right_example	{
/*			clear: right;
*/			float: right;
			}
		div#content div.image_wrapper div h3	{
			text-align: center;
			background-color: rgb(150,200,300);
/*			background-color: rgb(50,50,200);
			background-color: rgb(141,167,201);
*/			margin: 0;
			padding: 0;
			height: 55px;
			}
/*
		div#content div.products_at_top	{
			margin-left: -10px;
			padding-right: 226px;
			}
*/
		div#content div div.three_lines h3	{
			height: 80px;
			}
		div#content div.image_wrapper div img	{
			float: left;
			}
		/* START 201701201253 Wider thumbnails for Don's VIIRS granules */
		div#content div.image_wrapper div.extra_wide	{
			width: 688px;
			}
			div#content div.image_wrapper div.extra_wide a img	{
				width: 500px;
				}
		/* END 201701201253 Wider thumbnails for Don's VIIRS granules */
		div#content div.image_wrapper div ul	{
			float: right;
			list-style: none;
			margin: 1px;
			padding: 15px 1px 1px 0px;
			}
		div#content div.image_wrapper div ul li a	{
			font-weight: bold;
			background-image: url("/images/text_shadow.jpg");
			background-repeat: no-repeat;
			background-position: bottom right;
			padding: 0px 7px 5px 0px;
			}

		div#content div.image_wrapper div a:link	{
			color: rgb(175, 100, 175);
			text-decoration: none;
			}
		div#content div.image_wrapper div a:visited	{
			color: rgb(125, 82, 125);
			text-decoration: none;
			}
		div#content div.image_wrapper div a:hover	{
			color: rgb(200, 50, 150);
			text-decoration: underline;
			}
		div#content div.image_wrapper div a:active	{
			color: rgb(125, 82, 125);
			text-decoration: none;
			}

/* End - THIS USED TO BE DIRECTLY IN THE TEMPLATE PAGE */