
html {
	width: 100%
}
body {
	font-family:  verdana, arial, "Trebuchet MS", "Times New Roman";
	font-size: 90%;
	color: #3D3535;
	background-color: #dee5e5;
	margin: 10px;
	padding: 0px;
	line-height: 140%;
}
/* main wrapper */
.all {
	text-align: center; 
	width: 100%;
}
/* the container */
.box {
	background-color: #FFFFFF;
	margin-left: auto; 
	margin-right: auto;
	padding: 20px; 
	text-align: left; 
	width: 90%;}
/* holds the nav tabs at the top */
.menu {
	background-color: #FFFFFF;
	text-align: left; 
	border-bottom: 1px solid #FFFFFF;
}
.header {
background: #95b48f url(images/header_gradient.gif) repeat-x center;padding: 0px; 
margin-top: 0px;
height: 115px;border-top: 3px #f2ec9e solid;
/*  border-bottom: 3px #f2ec9e solid; */
z-index: 1;}
.header #logo	{
float: left;
visibility: visible;position: relative;
top: 0px;left: 20px;
}
.header #banner_ad	{
float: left;
visibility: visible;top: 0px;position: relative;left: 55px;}
.header h1 {
font-size: 1.8em;
margin: 20px 0px 0px auto;
padding: 0px 0px 4px 0px;
color: #855c33;
}
/* the nav tabs, with corner background images */
.menu a:link, .menu a:active, .menu a:visited {
	background: #95b48f url(images/corner.gif) no-repeat right top;
	color: #3D3535;
	text-decoration: none;
	padding: 3px 7px 3px 7px;
	margin: 0 0 0 4px;
}
.menu a:hover {
	background: #6A9662 url(images/corner2.gif) no-repeat right top;
	color: #000000;
	text-decoration: none;
	padding: 3px 7px 3px 7px;
	margin: 0 0 0 4px;
}
/* just a fix, taken from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.clearright {clear: left;float: none;}
.clearleft {clear: left;float: none;}
.clearboth {clear: both;float: none;}
/* the main page text container */
.content {
	margin-right: 255px;
	padding: 20px;
	min-height: 900px;
}
.content h1 {
	font-size: 1.6em; line-height: 1.3em;
	margin: 10px 0px 0px auto;
	padding: 0px 0px 0px 0px;
	border-bottom: 2px #000 solid;	color: #000;}
.content h2 {
	font-size: 1.4em; line-height: 1.4em;
	margin: 10px 0px 0px auto;
	padding: 10px 0px 0px 0px;	color: #98b694;
	border-bottom: 1.0px #769e62 solid;	text-transform: uppercase;}
	/*    #769e62  */
.calloutbox {
	margin-left: 20px;
	background-color: #f2ec9e;
	text-align: left; 
	width: 380px;
	height: auto;
	border: 2px #000 solid;
	color: #000;
	padding: 5px 20px 25px 20px;}	
	
	
/* Subordinate page text container */
.subPageContent {
	padding: 20px;
	min-height: 600px;
}
#subPageMapScroll {
	padding: 0px;
	min-height: 400px;	overflow: scroll;}
	
.subPageContent h1 {
	font-size: 1.6em; line-height: 1.3em;
	margin: 10px 0px 0px auto;
	padding: 0px 0px 0px 0px;
	border-bottom: 2px #000 solid;	color: #000;}
h3 {
	font-size: 1.4em;
	margin: 10px 0px 0px auto;
	padding: 0px 0px 0px 0px;
	color: #000000;}
	
.subPageContent h2 {
	font-size: 1.2em; line-height: 1.6em;
	margin: 10px 0px 0px auto;
	padding: 0px 0px 0px 0px;	color: #98b694;
	border-bottom: 1.0px #769e62 solid;clear: right;}
	 

.subPageContent h3 {
	font-size: 1.05em;
	margin: 10px 0px 0px auto;
	padding: 0px 0px 6px 0px;
	color: #855c33;text-transform: uppercase;}
/* right hand bar, side bar */
.newsbar {
	margin-top: 3px;
	width: 245px;
	float: right;
}

.newsbar h1 {
background-color: #f2ec9e;
color: #000000;margin: 0px;
font-size: 100%;
font-weight: bolder;border-top: 3px #98b694 solid;padding: 6px 4px
}
/*  #e3e0b1   */



/* use in the main content*/ 
.p1 {
padding: 10px 0px;
font-size:90%;color: #000000;margin-bottom: 10px;}

.p1 ul {
margin: 16px 0px 16px 30px;
padding: 0px 0px 0px 0px;
/*list-style-image: url(images/b.gif);*/	
}

/* sets the padding for the sidebar text, not the headings */
.p2 {
padding: 10px;
background-color: #FFFFFF;
font-size: 90%;
/*list-style-image: url(images/b.gif);*/}
.p2-image-container {
margin: 5px auto 5px auto;text-align: center;}
/* Used for large centered images that require a caption */
.p2-captioned-image-container {
margin: 20px auto;
text-align: center;
}.p2-image-caption {
background-color: #fff;
margin: 10px auto 0px auto;
padding: 0 8px;
font-style: italic;
text-align: center;
font-size: .9em;
width: 600px;
}.p2 img, a:hover, a:link {
border: 0;
text-decoration: none;
}
.p2 ul {
margin: 8px 0px 8px 30px;
padding: 0px 0px 0px 0px;
}
.p2 sup {font-size: 110%;margin-left: 2px;position: relative;top: +3px;}

.events {
padding: 6px;
background-color: #FFFFFF;
font-size: 90%;
border-top: 1px #95b48f solid;
}
.events img, a:hover, a:link {
border: 0;
text-decoration: none;
}


/* Mission Statement on Main Page */
#i1 {margin: 5px 10px 20px 10px;
background-color: #ffffff;
font-size: 1.02em;font-style: italic;
color: #000000;padding: 10px 20px 20px 20px;text-indent: 10px;text-align: center;border: 1px #95b48f solid;font-weight: bolder;}

/*#i1 h3 {
font-size: 1.08em;
margin: 0px 0px 8px auto;
padding: 10px 0px;
color: #855c33;}*/

	#nasmm_logo_box {
float: none;
margin: 20px auto 0px auto;
text-align: center;
display: block;}#nasmm_logo_box img, a:hover, a:link {
text-decoration: none;border: none;
}
#logo-img img {
width: 106px;margin: 0 auto;border: 0;
}
.R-captioned-image {
margin: 10px 0px 5px 10px;
padding: 0px;
width: 300px;
float: right;
display: inline;
}
.L-captioned-image {
margin: 10px 10px 5px 0px;
padding: 0px;
width: 300px;
float: left;
display: inline;}
#large-map-captioned {
margin: 10px auto;
padding: 0px;
width: 620px;
display: block;text-decoration: none;border: none;}
#large-map-captioned img, a:hover, a:link {
text-decoration: none;border: none;}
.image-caption {background-color: #fff;margin: 10px auto 0px auto;padding: 0 8px;font-style: italic;text-align: center;
font-size: .9em;
max-width: 100%;
}
.image-credit{font-style: normal;font-size: .99em;
color: #8e8e8e;letter-spacing: .1em;}
}
.wordle-credit{font-style: normal;font-size: .80em;
color: #8e8e8e;letter-spacing: .1em;}

.image-box{
margin: 10px 20px 0px 0px;
float: left;
}
/* Bios on About Page*/
#bio-image-box{
float: left;
/*   Possible problem in Firefox     */
padding: 10px;
margin: 0px auto;
width: 100%;display: block;
}
#L-bio-image {
float: left;
/*border: 1px #e3e0b1 solid;*/}
#L-bio-image img {
float: left;
padding-right: 20px;padding-bottom: 12px;} 

#R-bio-image {
float: right;border: 1px #e3e0b1 solid;width: 300px;background-color: #fff;}
#bio-image-box h2{
font-size: 1.2em; line-height: 1.6em;
color: #000;
margin: 10px 10px 10px 10px;
border-bottom: 1.0px #000 solid;}
IMG.centered {
display: block;
margin: 0 auto;
}
.image-text{margin: 10px auto 20px auto;background-color: #fff;text-align: center;
width: 290px;
display: block;}
.i2 {
	font-size: 1.0em;	font-style: italic;}
/*  the footer  */
.footer {
	clear:both;
	border: 3px #e3e0b1;
	background-color: #95b48f;
	padding: 15px;
	font-size: 0.90em;
	text-align: center;	color: #ffffff;	border-top: 3px #f2ec9e solid;}
.footer	a:link {
	color: #ffffff;text-decoration: none;}
.footer	a:hover {
	color: #6699cc;
	text-decoration: none;
}
a:link, a:active {
	color: #000000;text-decoration: underline;}    /*  #6666cc   */
a:visited {
	color: #663300;text-decoration: none;}
a:hover {
	color: #6699cc;
	text-decoration: underline;
}

.h2_no_line {
	font-size: 1.4em;text-align: center;
	line-height: 1.3em;
	margin: 10px auto 0px auto;
	padding: 10px 0px 0px 0px;	color: #000;	}

.h2_no_line #quote {
	font-family:  "Times New Roman";
	font-size: 2.4em;
	margin: 10px 0px 0px auto;
	padding: 0px 0px 0px 0px; color: #000;	}
