/*Top Level*/
body {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	background-color: #000000;
	background-image: url('../img/space4.jpg');
	background-size: 1900px 1250px;
	background-attachment: fixed;
	color: #000000;
}

body p {
	text-align: left;
}

div#wrapper {
}

div#top_bar {
	width: 100%;
	margin-top: -1.1em;
	height: 2.6em;
	position: fixed;
	background-color: #000000;
	background-image: url('../img/space4.jpg');
	color: #C0C0C0;
}

/*Header*/
div#header {
	width: 100%;
	position: fixed;
	margin-top: 1.5em;
	padding: 1em;
	border-radius: 0.15em;
	min-height: 100px;
	background-color: #2E8AE6;
	color: #FFFFFF;
	background-image: url('../img/creampaper.png');
}

div#header h1 {
	padding-left: 1em;
	font-size: 3em;
	line-height: 1em;	
	font-family: "Arial Black", Arial, sans-serif;
	text-shadow: 0.05em 0.05em 0.12em #333333;
	font-weight: bold;
}

div#header h1 a {
	text-decoration: none;
	color: #FFFFFF;
}

div#header h2 {
	padding-left: 1em;
	font-size: 1.5em;
	line-height: 1.2em;	
	font-family: "Arial Black", Arial, sans-serif;
	text-shadow: 0.1em 0.1em 0.12em #333333;
	font-weight: bold;
}

/*Main Content*/
div#content {
	width: auto;
	max-width: 1800px;
	min-width: 960px;
	height: auto;
	overflow: auto;
	margin: auto;
	padding: 2em;
	padding-top: 13em;
}

/*Left Column*/
div#left_content {
	position: fixed;
	margin: 1em;
	margin-right: 0.5em;
	width: 28%;
	max-width: 504px;
	min-width: 268.2px;
	padding: 1em;
	text-align: center;
	float: left;
}

div#globe {
	margin: auto;
	width: 80%;
}

div#globe img {
	width: 100%;
}

div#left_nav {
	width: 100%;
	text-align: center;
}

div#left_nav ul {
	margin-top: 1em;
}

div#left_nav li {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-top: 1em;
	color: #C0C0C0;
}

div#left_nav li a {
	text-decoration: none;
	color: #C0C0C0;
}

div#left_nav li a:hover {
	text-decoration: underline;
	color: #E6E6E6;
}

div#left_nav li a:active {
	text-decoration: none;
	color: #C0C0C0;
}

/*Right Column*/
div#right_content {
	width: 60%;
	height: auto;
	max-width: 1080px;
	min-width: 576px;
	margin: 1em;
	margin-left: 0.5em;
	padding: 1em;
	float: right;
}

/*Intro*/
div#intro {
	padding: 2em;
	margin-bottom: 1em;
	border-bottom: solid 1px #C0C0C0;
	text-align: center;
}

div#intro img {
	margin-top: 0.5em;
	margin-right: 0.75em;
	width: 13%;
	float: left;
}

div#intro p {
	line-height: 1.35em;
	color: #C0C0C0;
}

div#transient_logo {
	margin: auto;
	width: 95%;
	padding-right: 5em;
	border-radius: 0.15em;
}

div#transient_logo img{
	width: 100%;
	border-radius: 0.15em;
}

/*Gallery*/
div#gallery {
	overflow: hidden;
}

div#gallery_wrapper {
	padding: 0.5em;
	margin: auto;
	overflow: hidden;
}

div.img_wrapper {
	margin: 1em;
	margin-left: 2em;
	padding: 0.3em;
	width: 19%;
	display: inline-block;
}

div.img_wrapper_large {
	margin: auto;
	margin: 1em;
	padding: 0.3em;
	width: 95%;
	border: solid 1px #C0C0C0;
}

div.img_wrapper_large img {
	width: 100%;
	border-radius: 0.05em;
	text-align: center;
}

div.img_wrapper_long {
	margin: 1.5em;
	margin-left: 2em;
	padding: 0.3em;
	width: 38%;
	display: inline-block;
}

div.img_wrapper_long_large {
	margin: auto;
	margin: 1em;
	padding: 0.3em;
	width: 95%;
	border: solid 1px #C0C0C0;
}

div.img_wrapper_long img {
	width: 100%;
	text-align: center;
	border-radius: 0.05em;
}

div#gallery .off {
	display: none;
}

div#gallery .on {
	padding: 1em;
	padding-top: 0;
	display: block;
	color: #C0C0C0;
	font-size: 0.85em;
	line-height: 1.45em;
}

div.img_wrapper img {
	width: 100%;
	border-radius: 0.05em;
	text-align: center;
}

span.caption {
	padding: 0.3em;
	font-size: 0.75em;
	line-height: 1.05;
	display: block;
	text-align: center;
	color: #C0C0C0;
}

span.large_cap {
	padding: 0.3em;
	font-size: 1.5em;
	line-height: 1.05em;
	display: block;
	text-align: center;
	color: #C0C0C0;
}

div.pdf_holder {
	width: 100%;
	text-align: center;
}

div.viewer {
	width: 100%;
}

div#footer {
	padding: 1em;
	text-align: center;
	color: #C0C0C0;
}

/*Medium-Large Screen Adjustments*/
@media screen and (min-width: 1100px) and (max-width: 1450px) {
	div#intro {
		padding-right: 7em;
	}
	div#gallery_wrapper {
		text-align: center;
	}
	div.img_wrapper {
	margin: 0.25em;
	}

	div.img_wrapper_long {
	margin: 0.25em;
	}
}

/*Medium Screen Adjustments*/
@media screen and (min-width: 980px) and (max-width: 1100px) {
	div#intro {
		padding-right: 7em;
	}
	div#gallery_wrapper {
	}
	div.img_wrapper {
	margin: 0.25em;
	margin-left: 1em;
	}

	div.img_wrapper_long {
	margin: 0.25em;
	margin-left: 1em;
	}
}

/*Handheld Adjustments*/
@media screen and (max-width: 980px) and (orientation: portrait) {

	div#content {
		margin: 0em;
		padding: 0em;
		max-width: 100%;
		min-width: 0px;
		height: auto;
		overflow: hidden;
		margin: auto;
		padding-top: 13em;
	}

	div#header {
		width: 100%;
		padding: 0em;
		padding-top: 1em;
		padding-bottom: 1em;
		text-align: center;
	}

	div#header h1 {
		padding: 0em;
		font-size: 4em;
	}

	div#header h2 {
		margin-top: 0.5em;
		padding: 0;
		font-size: 1.75em;
	}

	div#content {
		max-width: auto;
		min-width: auto;
		padding: 0em;
		padding-top: 13em;
	}
	
	div#left_content {
		width: 90%;
		margin: auto;
		max-width: auto;
		min-width: auto;
		padding: 0em;
		margin-bottom: 1em;
		position: static;
		float: none;
	}

	div#left_nav ul {
		margin-top: -0.5em;
		margin-bottom: 0.5em;
		font-size: 2.5em;
	}

	div#left_nav li:first-child {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		margin-top: 1em;
		color: #C0C0C0;
	}

	div#left_nav li {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		margin-top: 0;
		color: #C0C0C0;
	}

	div#right_content {
		margin: 0em;
		padding: 0em;
		width: 100%;
		margin: auto;
		max-width: 100%;
		min-width: 0px;
		margin-bottom: 1em;
		padding: 0em;
		float: none;
		text-align: center;
	}

	div#intro {
		padding: 0.5em;
		padding-bottom: 2em;
		padding-top: 2em;
		margin: 1em;
		border-top: solid 1px #C0C0C0;
		border-bottom: solid 1px #C0C0C0;
		font-size: 1.5em;
		line-height: 1em;
	}

	div#gallery {
		margin: 0em;
		padding: 0.5em;
		margin: auto;
		overflow: hidden;
	}

	div#gallery_wrapper {
		margin: 0em;
		padding: 0em;
		margin: auto;
		width: 95%;
		text-align: center;
		overflow: hidden;
	}

	div.img_wrapper h3{
		font-size: 1.25em;
		text-decoration: underline;
	}

	div.img_wrapper_long h3{
		font-size: 1.25em;
		text-decoration: underline;
	}

	div#gallery .off {
		margin: 0em;
		padding: 0em;
		display: block;
		color: #C0C0C0;
		font-size: 0.65em;
		line-height: 1.125em;
	}

	div#gallery .on {
		margin: 0em;
		padding: 0em;
		display: block;
		color: #C0C0C0;
		font-size: 0.65em;
		line-height: 1.125em;
	}

	span.caption {
		font-weight: 1.25em;
	}

	span.large_cap {
		font-size: 0.76em;
		line-height: 1.28em;
		text-decoration: underline;
	}

	div.img_wrapper {
		margin: 0em;
		width: 95%;
		margin: auto;
		margin-bottom: 1.25em; 
		padding-bottom: 1em;
		font-size: 2em;
		border: solid 1px #C0C0C0;
		background-color: #000000;
		float: none;
		overflow: hidden;

	}

	div.img_wrapper p {
		padding: 1em;
	}

	div.img_wrapper_large {
		margin: 0em;
		width: 95%;
		margin: auto;
		margin-bottom: 1.25em;
		padding-bottom: 1em; 
		font-size: 2em;
		border: solid 1px #C0C0C0;
		background-color: #000000;
		float: none;
		overflow: hidden;

	}

	div.img_wrapper_large p {
		padding: 1em;
	}

	div.img_wrapper img {
		margin: auto;
		width: 100%;
	}

	div#gallery_wrapper .ff {
		display: block;
	}

	div.img_wrapper_long {
		width: 95%;
		margin: auto;
		margin-bottom: 1em;
		font-size: 2em;
		border: solid 1px #C0C0C0;
	}

	div.img_wrapper_long p {
		padding: 1em;
	}

	div.img_wrapper_long_large {
		width: 95%;
		margin: auto;
		margin-bottom: 1em;
		font-size: 2em;
		border: solid 1px #C0C0C0;
	}

	div.img_wrapper_long_large p {
		padding: 1em;
	}

	div.img_wrapper_long img {
		margin: auto;
		width: 100%;
	}

	div#footer {
		margin-bottom: 2em;
	}

	div#footer p {
		text-align: center;
	}
}