*{
	word-wrap:break-word
	}
	
body {
	font-family:Arial,Helvetica,sans-serif;
	background:#f9f9f9;
	color:#111;
	font-size:85%;
	min-width:1240px;
	text-rendering: optimizelegibility;
	text-align:left;
	margin:0
}

a:link, a:visited{
	color:#0058cc;
	text-decoration:none
	}
	
h1{
	color:#666;
	width:75%;
	margin-bottom:0.4em;
	float:left
}

h2{
	font-size:1.12em;
	font-weight:lighter;
	text-transform:uppercase;
	letter-spacing:-1px;
	color:#222;
	margin: 0 0 0.5em 0;
	padding: 0
	}

h3{
	font-size:1em;
	}
	
h2 a{		
	padding-right:15px
	}
	
h2 a:link,h2 a:visited{
	color:#222;
	text-decoration:none
	}

h2 a:hover,a:focus{
	text-decoration:underline
	}

div{
	outline:0 none
	}

ul{
	list-style:none;
	padding:0;
	margin:0
	}

ul li{
	background-color: #efefef;
	padding:10px;
	margin:0px 0px 10px 0px
	}
	
li p{
	margin:0 0 0.5em
	}
	
li{
	line-height:1.1667
	}

p{
	line-height:1.3334;
	margin:0 0 0.5em 0;
	padding:0
	}

a.thumb{
	display:block;
	position:relative;
	margin-bottom: 15px;
	}

.page_margins{
	margin:0 auto;
	text-align:left;
	width:65%;
	min-width:1240px;
	background-color:#ddd
	}
	
.page{
	width:96%;
	background:none;
	padding:30px 20px;
	clear:both
	}

.col-1,.col-2{
	width:35.5%;
	padding:10px
	}
	
.col-1{
	float:left;
	background:#efefef
	}

.col-2{
    float:left
	}

img.midpanel{
	margin-right:10px;
	margin-bottom:10px;
	box-shadow: 5px 5px 5px gray;
	float:left
	}
	
.sidebar{
	float:right;
	width:25%
	}
	
.sidebar div.section{
	margin: 0 0 10px 0;
	padding:10px;
	clear:both;
	background-color:#efefef
	}	
	
.sidebar p{
	line-height:1.1667;
	margin:0 0 0.5em
	}

.videosection{
	clear:both;
	padding:20px
	}	
	
.videosection h2{
	clear:both;
	text-transform:uppercase;
	margin:0 0 0 10px
	}

.videosection ul{
	list-style-type:none;
	margin:0;
	padding:10px 0;
	}

.videosection  li{
	height:275px;
	background: #efefef;
	width:22.5%;
	float:left;
	margin: 0 10px 10px 0
	}

.videosection  li h2{
	text-transform:none;
	margin:1em 0 0 0;
	}
	
.videosection .separator{
	clear:both;
	height:50px
	}
	
.staticsection{
	clear:both;
	padding:20px
	}

.staticsectionl,.staticsectionr{
	width:48%;
	padding:10px
	}
	
.staticsectionl{
	float:left
	}
	
.staticsectionr{
	float:right
	}

.separator{
	clear:both;
	height:150px
	}
	
.sitemap{
	background:#efefef;
	clear:both;
	margin:20px;
	padding:20px
	}

.sitemap h2, h3{
	margin:0 0 10px 0;
	}
	
.sitemap ul li{
	margin:0 0 5px 0;
	padding:0
	}
	
.sitemap div.platforms{
	clear:both;
	margin:10px;
	overflow:hidden
	}
	
.sitemaptext{
	width:20%;
	float:right
	}
	
.c16l{
	float:left;
	width:16%
	}
	
#pwNav{
	margin:0;
	padding:0;
	text-align:left;
	color:#777;
	background:#616161 url('0-images/header.png') left top repeat-x;
	border-bottom:1px solid #000
	}
	
#pwNavWrapper{
	min-width:1240px;
	width:65%;
	margin:0 auto;
	padding:0
	}
	
#pwNavWrapper:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
	}
	
#pwNavSearch{
	float:right;
	text-align:right;
	margin:3px 1px 0 10px;
	padding:0;
	white-space:nowrap;
	vertical-align:middle;
	width:230px
	}
	
#pwNavSearch label{
	display:none
	}
	
#pwNavQuery{
	width:134px;
	font-size:11px;
	margin:0;
	padding:1px 2px 2px 2px;
	color:#666;
	border:1px solid #666
	}

#pwNavSubmit{
	margin:0 0 0 2px;
	padding:5px;
	font-size:11px;
	color:#fff!important;
	background:url('0-images/search.png') center center no-repeat;
	border:0
	}

#pwNav ul{
	list-style-type:none;
	margin:0;
	padding:0
	}
	
#pwNav ul li{
	float:left;
	margin:0;
	padding:9px 0 8px 0;
	text-indent:0;
	list-style-position:outside;
	background:url('0-images/divider.png') 0 0 no-repeat;
	list-style-image:none
	}
	
#pwNav a:link,#pwNav a:visited{
	text-decoration:none;
	color:#fff;
	padding:9px 10px 8px 10px
	}
	
#pwNav a:hover,#pwNav a:focus,#pwNavMenu{
	text-decoration:none;
	color:#ddd;
	background:transparent;
	border:0
	}

	
/*CSS for History of Technology*/
	
#pwNavMenu li ul {
	display:none;
	background:linear-gradient(#000000,#00447c);
	position:absolute;
	z-index:1
}	
		
#pwNavMenu li:hover ul {
	display:block;
}

#pwNavMenu li ul li{
	float:none;
	background-image:none
}

#pwNavMenu li ul li a:hover{
	color:#00CFFF;
}
	
/*CSS for History of Technology*/
	
			
#pwNav a.active{
	color:#00CFFF;	
}
	
#pwNav li#pwNavHelp{
	float:right;
	background-position:-1px 0
	}
	
#pwNav li#pwNavHelp a{
	text-decoration:underline
	}
	
#headerouter{
	background: linear-gradient(#000000,#00447c);
	height:100px
	}

#headerinner{
	min-width:1240px;
	width:65%;
	margin:0 auto
	}
	
#headl{
	float:left;
	height:100px;
	width:60%
	}
	
#headl img{
	float:left;
	width:100%
	}
	
#headr{
	float:right;
	height:100px;
	width:40%
	}
	
#headr img{
	margin:35px 0 0 0
	float:right
	}

#navouter{
	background:#1C1C1C
	}

#navinner{
	min-width:1240px;
	width:65%;
	margin:0 auto
	}
	
#nav{
	clear:both;
	background:#1C1C1C;
	min-height:45px;
	position:relative;
	/*text-transform:uppercase;*/
	z-index:0
	}

#nav a{
	color:#fff;
	display:block;
	font-size:1.1em;
	height:45px;
	line-height:45px;
	padding:0 11px;
	position:relative;
	text-decoration:none;
	white-space:nowrap
	}

#nav a:hover,
#nav a:focus{
	text-decoration:underline;
	color:#00CFFF
	}
	
#nav ul{
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:0
	}
	
#nav li{
	margin:0;
	float:left;
	padding:0;
	background:url('0-images/divider.png') 0 7px no-repeat
	}
	
#nav li.active a{
	color:#00CFFF
	}

#nav li.dropdown:focus a{
	color:#00CFFF
	}

#nav li.dropdown:hover div.drop a:link,
#nav li.dropdown:focus div.drop a:link{
	color:white;
	text-decoration:none
	}

#nav li.dropdown:hover div.drop a:hover,
#nav li.dropdown:hover div.drop a:focus,
#nav li.dropdown:focus div.drop a:hover,
#nav li.dropdown:focus div.drop a:focus{
	color:#00CFFF;
	text-decoration:underline
	}
		
#nav div.drop{
	display:none;
	background: linear-gradient(#000000,#00447c);
	padding:5px 10px;
	position:absolute;
	z-index:9999;
	}

#nav li.dropdown:hover div.drop{
	display:block;
}

#nav div.drop ul{
	column-count:3;	
}

#nav div.drop ul li{
	float:none;
	background-image:none
}


#primary-nav{
	float:left
	}
	
	
#primary-nav li a.active {
	color:#00CFFF
	}	

	
#additional-nav{
	float:right
	}
	
#nav #home-button a{
	padding:0 10px;
	width:18px;
	text-indent:-200px;
	overflow:hidden;
	background:url('0-images/nav-icon-home-blue.png') no-repeat left 45%
	}
	
#nav #home-button a:hover,
#nav #home-button a:focus,
#nav #home-button.active a{
	background-position:right 45%;
	text-decoration:none
	}
	
#fineprint{
	position:relative;
	top:30px;
	left:75px;
	width:150px;
	text-align:right
	}
	
#fineprint p{
	line-height:1
	}
		
#fineprint small{
	font-size:11px
	}
	
#pwfooter{
	clear:both;
	height:50px;
	min-width:1240px;
	overflow:hidden;
	margin:0;padding:0;
	font:11px/1.3em Arial,Helvetica,sans-serif;
	text-align:left;
	color:#444;
	background:linear-gradient(black, #00447C);
	border:0;
	position:relative
	}
	
#pwfooter a:link,#pwfooter a:visited{
	text-decoration:none;
	color:#fff;
	background:transparent
	}
	
#pwfooter ul{
	list-style-type:none;
	margin:0;
	padding:5px 0 0 0
	}

#pwfooter li{
	display:inline;
	float:none;
	margin:0;
	padding:0 4px 0 8px;
	text-indent:0;
	color:#444;
	border-left:1px solid #444;
	background:transparent
	}
	
#pwfooter li.pwfooterFirst{
	padding-left:0;
	border:0
	}
	
#pwfooterLogo{
	float:right;
	width:230px;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	text-align:right;
	border:0
	}

#pwfooterLogo img{
	border:0;
	margin:0;
	padding:0
	}
	
#pwfooterLegal a:link,#pwfooterLegal a:visited{
	color:#eee
	}

#pwfooterLegal a:hover,#pwfooterLegal a:active,#pwfooterLegal a:focus{
	color:#fff
	}
	
#pwfooterWrapper{
	margin:0 auto;
	padding:3px 5px 0 5px
	}

#socialmedia{
	clear:both;
	margin:0 0 0 10px;
	list-style:none
	}

#socialmedia li{
	display:inline;
	float:none;
	padding:0;
	margin:0
}

#socialmedia li a:hover{
	border-bottom: 2px solid;
}

#socialmedia li img{
	padding-right:4px;
}

#content-container{
	float:left;
	width:70.8%;
	background:#efefef;
	margin-bottom:2em;
	padding:10px
}

#content-container .separator{
	clear:both;
	border-top: 1px solid #aaa;
	height:1em;
}

#content-container .shade{
	box-shadow: 5px 5px 8px #999
}

#content-container figure{
	margin:0;
}

#content-container figure.photoframeLeft{
	border:1px solid #999;
	background:#efefef;
	float:left;
	margin:0 1.2em 1.2em 0;
	padding:10px;
	box-shadow: 5px 5px 8px #999
}

#content-container figure.photoframeRight{
	border:1px solid #999;
	background:#efefef;
	float:right;
	margin:0 0.6em 1.2em 1.2em;
	padding:10px;
	box-shadow: 5px 5px 8px #999
}

#content-container figcaption{
	margin-top: 0.5em;
	text-align: center;
	font-style: italic;
	font-size: 0.9em
}

#content-container h2{
	font-size:1.4em;
	margin:0 0 0.5em 0;
	text-align:center;
	text-transform:none
}

#share-buttons {
	height:2em;
	width:100%;
	margin-bottom:2em;
}

#share-buttons ul{
	float:right;
}

#share-buttons li{
	float:left;
	margin-right:5px;
	display:inline-block;
	padding:0;
	width:1.12rem;
	height:1.12rem
}

#share-buttons svg{
	fill:#788187;
}

#share-buttons a:hover svg{
	fill:#00CFFF;
}

#byline{
	font-size:0.9em;
	clear:both
}

#byline .namedate{
	float:left;
}

#byline .commentcount{
	float:right;
}

/*Open Google Custom Search Button and Field*/

.gsc-control-cse{
	padding:0px !important;
	border-width:0px !important;
	background:transparent !important;
}

button.gsc-search-button{
	background:linear-gradient(#8ac640, #487b3a) !important;
	border:1px solid #aaa !important;
	border-radius: 4px !important;
	height:24px !important;
}

.gsc-input{
	padding-right:5px !important;
	height: 18px !important;  /*form height*/
}

.gsib_a {
	padding:0 !important;
}

.gsst_b {
	height:18px !important; /*form height*/
}

/*Close Google Custom Search Button and Field*/