/*** NASA Advanced Supercomputing Master Style Sheet ***/
/*** http://www.nas.nasa.gov/hecc/ ***/
/*** Webmaster: john.hardman@nasa.gov ***/
/*** Parts based on work by Eric Meyer, Dan Cedarholm, Jeffery Zeldman, Jeremy Keith, Paul Irish, Andy Clarke, and Stu Nicholls ***/
/*** Version: 1 ***/
/*** 10-03-11 ***/

/* Color Palette

Page background: 
Green: #4eac00
Medium Blue: #0081ca
Goldenrod: #e3b11c
Grey: #929292
Dark Grey: #424242
Black: #222


*/



/* Index to CSS Sections 

RESETS
BASE STYLES
BASIC LAYOUT
TYPE & COLOR VARIANTS
FEATURES
WIDGETS
MENUS

*/


/* START RESETS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;	
	font: inherit;
	font-size: 100%;
	margin : 0;
	padding : 0;
	vertical-align : baseline; 
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display : block; 
}

abbr[title] { 
	border-bottom : 1px dotted; 
	cursor : help; 
}

/* END RESETS */



/* START BASE STYLES */


body {

	background: url(../assets/images/template/honeycomb_background.png) repeat fixed;
/*	background: 
		url(../assets/images/stars-1.png) repeat-x fixed -130% 0,
		url(../assets/images/stars-2.png) repeat-x fixed 40% 0,
		url(../assets/images/space-bg.png) repeat-x fixed -80% 0,
		url(../assets/images/clouds.png) repeat fixed 100% 0; 
*/
	background-color: #d0d0d0;
	color: #111;
	font-size: 0.8125em; /* 13px */
	font-family : "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref";
	line-height: 18px; /* 18px */
	margin: 20px 0;
	padding: 0;

}


h1, h2, h3, h4, h5, h6 {
	color: #0081ca;	
	font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
/*	text-transform: uppercase; */
	font-weight: bold;
	font-style: oblique;
/*	background: transparent url(../assets/images/template/headline_arrow.png) no-repeat left;*/
	padding-left: 22px;
	margin-left: -20px;
}

h1 {
	font-size: 1.5385em; /* 20px */
	margin: 0 0 0.5em;
	line-height: 1.2em;
	background: transparent url(../assets/images/template/headline_arrow.png) no-repeat left;
}

h2 {
	font-size: 1.3846em; /* 18px */
	margin: 1.6666em 0 0.5556em;
}

h3 {
	font-size: 1.2308em; /* 16px */
	margin: 1.875em 0 -0.625em;
}

h4 {
	font-size: 1em; /* 13px */
	margin: 2.1428em 0 -0.714em;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	padding-left: 22px;
	margin-left: -20px;
}

p, ol, ul, dl, address { 
	margin: 1.42857em 0;
	font-size : 1em; 
}

ul, ol { 
	margin : 0 0 1.5em -24px; 
	padding-left : 24px;
	margin-left: 10px; 
	margin-right: 40px;}

ul li, ol li { 
	margin : 0 0 .5em 0; 
}

ul { 
	list-style-type : disc; 
}

ol { 
	list-style-type : decimal; 
}

li ul, li ol { 
	font-size : 1em; /* 14px */ 
	list-style-type : circle;	
	margin : 7px 30px 7px 10px;
}

dl, dd { 
	margin-bottom : 1.5em; }

dt { 
	font-weight : normal; }

b, 
strong	{ 
	font-weight : 600; }

i, 
em { 
	font-style : italic; }

sup, 
sub { 
	position : relative;
	font-size : 75%; 
	line-height : 0; }

sup { 
	top : -.5em; }

sub { 
	bottom : -.25em; }

address { 
	font-style : normal; }

pre { 
	margin-bottom : 1.5em; 
	white-space : pre; 
	white-space : pre-wrap; 
	word-wrap : break-word; }

pre, code { 
	font : .875em 'andale mono', 'lucida console', monospace; 
}

small {
	font-size : 1em; /* 13px */ 
}

a, a:visited {
	outline : none;
	color : rgb(23,119,175);
	text-decoration : none; 
}
 
a:hover { 
	outline : none;
	color : rgb(23,119,175); 
	text-decoration : underline;
}
 
a:active, a:focus { 
	outline : none;
	color : rgb(153,153,153); 
}

figure {
	margin-bottom : 1.5em; }

figure img,
figure object,
figure embed {
	margin-bottom : .75em;
	max-width : 100%; }

figcaption {
	display : block;
	font-weight : normal; }

caption { 
	background-color : transparent; }

span.date {
    color: #D11241;
}

/**** Data Table Styles ***/

table {
  border-collapse: collapse;
  font-size : 0.7em; 
  color: #333;
  width: 100%;  
}
  
td, th {
  border: 1px solid #ccc;
  padding: .5em 1.2em;
  color: #333;  
}

thead th {
    background-color: #555555;
    border-right: 1px solid #999999;
    color: #FEFEFE;
    font-weight: normal;
    padding: 5px 0;  
    text-align: center;
}

table caption {
    font-size: 16px;
    font-weight: bold;
    padding: 15px 0;
    margin-top: 15px;   
}

/* END BASE STYLES */


/* START BASIC LAYOUT */


#Container {
	width: 90%;
	min-width: 880px;
	max-width: 1140px;
	height:100%;
	overflow: hidden; 
	margin: 0 auto;
	padding:0;
	text-align: left;
	background-color: #fcfcfc;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.7);
	box-shadow: 0 0 20px rgba(0,0,0,.7);
}

/* Big Blocks */

/* This is the regular size header for all internal pages */

#Header {
	margin:0;
	padding: 15px 10px 0;
	width: 100%;
	height: 80px;
	float:left;
	background: #fcfcfc url('../assets/images/template/banner_fade.png') no-repeat 0 30px ; 
}

#logo {
	margin:10px 0 45px 5px;
	width:55px;
	float:left;
}

#Header #bannerhead h1 {
	margin: 20px 1px 5px 5px;
	color: #4eac00;
	letter-spacing: 0.03em;
	font-size: 24px;
	text-transform: normal;
	line-height: 26px;
	text-shadow: 0px 0px 0px rgba(0,0,0,.3);
	background: none;
	float: left;
	z-index:15;
}

#Header #bannerhead h1 a {
	text-decoration: none;
	text-transform: none;
	color: #4eac00;
}

#searchlinks {
	float: right;
	width: 250px;
	padding:0;
	margin: 5px 20px 0 0;
	padding-left:0;
	position:relative;
	z-index:10;
}

#toplinks {
	
	/*width: 24em; */
	margin: 0px 10px 0px 0px;
	padding-left:0;
	padding-right: 45px;
	color: #999;
	font-size: 10px;
	list-style-type: none;
	float:right;
}

#toplinks li {
	float: left;
	padding: 0 3px 0 11px;
}

#toplinks li.squared {
	float: left;
	background: transparent url(../assets/images/template/square_bullet.png) center left no-repeat;
}

#toplinks a {
	color: #666;
	text-decoration: none;
}

#toplinks a:hover {
	text-decoration: underline;
}

#toplinks li:first-child {
	padding-left:0;
}

#toplinks li:last-child {
	padding-right:0;
}

#Search {
	float: right;
}

#Search input.button {
    font-size: 10px;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color:#fcfcfc;
    cursor: pointer;
    font-weight: normal;
    letter-spacing: 0.1em;
    padding: 2px 4px;
    margin:0;
    background:#666;
    border:none;
    height:20px;   
}

#cse-search-results {
	max-width:490px;
	min-height:600px;
}

/* this is to fix google suggestions appearing behind banner images*/
table.gsc-completion-container {
      z-index: 10000 !important; 
}

#skiplinks {display:none;}

#TopNav {
	width: 100%;
	float:left;
	height:26px;
	padding:0;
	margin: 0 0 4px 0;
	background-color: #424242;
	border-top: 4px solid #4eac00;
	/*border-bottom:1px solid #000;	
	-webkit-box-shadow: 0 0 50px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	*/
}

.no-js #TopNav {
	margin-bottom: 10px;
}

#Main {	
	float: left;	
	margin-right: 285px;
	min-width: 500px;
	min-height: 200px;
	padding: 0 24px 0 34px;
	border-right:1px solid #4eac00;
}

#Subordinate{
	padding: 0;
	float: right;
	margin-left: -285px;
	min-height: 500px;	
	width: 285px;
	margin-top: 0;
	border-left: none ;
}

#BottomNav {
	clear:both;
	width: 100%;
	padding: 0;
	float:left;
	height:26px;
	margin: 100px 0 0 ;
	background-color: #424242;
}

#Footer {
	width: 90%;
	height: 70px;
	margin:  0 auto;
	padding: 20px 0;
	min-width: 870px;
	max-width: 1140px;
	background-color: #929292;
	color: #fff;
	font: normal 0.6429em/1.5714em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.7);
	box-shadow: 0 0 20px rgba(0,0,0,.7);
}

#Footer ul {
	list-style-type: none;
	color:#fff;
}

#Footer a {
	text-decoration:none;
	font-weight:normal;
	color:#fff;
}

#Footer a:hover {
	text-decoration:underline;
}
	
#Footer img {
	float: left;
	display:inline;
	vertical-align: middle;
	padding-top: 10px;
	padding:5px 15px 20px 10px;
	border: none;
}

#footerwrapper{
	float: left;
	width: 100%;
	height: 30px;
	background-color: #929292;
}

#footernav {
	margin: 0 180px 0 250px;
	padding: 0;
	height: 80px; 
	text-align: center;
}

#footernav ul {
	margin:15px 0 0 0;
	padding:0;
}

#footernav ul li {
	padding: 0.25em 1em;
	display: inline;
	position: relative;
	border-right: 1px solid #fff;
}

#footernav ul li:last-child {
	border-right: none;
}

#footernav a {
	font-size: 10px;
	color: #fffafa;
}

#nasablock {
	float: left;
	width: 290px; 
	margin-left: -100%;
	height: 80px;
}

#nasablock ul {
	margin-left:10px;
}

#nasablock ul li {
	padding: 0;
	margin: 0;
}

#siteinfo{
	float: left;
	width: 180px; 
	height: 80px;
	margin-left: -180px; 
}

#siteinfo ul {
	float: right;
	padding: 0;
	margin: 0;
	margin-right:10px;
}

#siteinfo ul li {
	padding: 0;
	margin: 0;
}

/* END BASIC LAYOUT */

/* This is slightly different for home page as it has black color scheme */

body.homepage #Container {
	background: #000;
	color: #fcfcfc;
}

body.homepage #Feature {
	clear: left;
	padding:30px 25px 0 25px;
	margin: 0;
	height:360px;
	text-align:center;
	background: #000 url(../assets/images/template/nas_homepage_background.jpg) top left no-repeat;
}

body.homepage #Main {
	background: #000;
	font-size: 11px;
	margin-top: 0px;
}

body.homepage  h1 {
	padding-top:0;
	margin-bottom: 20px;
}

body.homepage #Main h2 {
	color: #4eac00;
}

body.homepage #Main .newsblurb img {
	width: 64px;
	height: 64px;
}

body.homepage #Main .newsblurb em {
	color: #999;
	font-size: 10px;
}



#Subordinate .sidebox h2{
	padding-top: 0;
	margin-top: 0;
}

#Subordinate .sidebox h3{
	font-size: 14px;
	font-style: normal;
	margin: 0;
    padding: 10px 0 5px 15px;
}

#Subordinate .sidebox h4{
	color: #1A87C6;
	font-size: 13px;
	font-style: normal;
	margin: 0;
    padding: 0px 15px 0 15px;
}

#Subordinate .sidebox em{
	font-size: 13px;	
	margin: 0;
}

#Subordinate .sidebox p{
	font-size: 13px;	
	margin: 0;
	padding-bottom: 15px;
}

#Subordinate .sidebox hr{
	width: 280px;
	border: none;	
	margin: 0 0 10px 0;
	padding:0 0 20px 0;
	overflow: hidden;
	background: transparent url(../assets/images/template/sidebox_divider.png) center bottom no-repeat;
}

/* Home Page Upcoming Events */

body.homepage #Subordinate {
/*	padding-top:0;
	margin-top: 0;*/
	background: #000;
}

body.homepage #Subordinate .sidebox h2{
	padding-top: 0;
	margin-top: 0;
}

body.homepage #Subordinate .sidebox h3{
	color: #4EAC00;
	font-size: 12px;
	font-style: normal;
	margin: 0;
    padding: 0px 15px 0 15px;
}

body.homepage #Subordinate .sidebox h4{
	color: #1A87C6;
	font-size: 11px;
	font-style: normal;
	margin: 0;
    padding: 0px 15px 0 15px;
}

body.homepage #Subordinate .sidebox em{
	font-size: 10px;
	color: #999999;
	padding-left: 15px;
	margin: 0;
}

body.homepage #Subordinate .sidebox p{
	font-size: 11px;	
	margin: 0;
	padding-bottom: 10px;	
	letter-spacing: .5px;
}

body.homepage #Subordinate .sidebox a{
	text-decoration: underline;
}

body.homepage #Subordinate .sidebox hr{
	width: 280px;
	border: none;	
	margin: 0 0 10px 0;
	padding:0 0 20px 0;
	overflow: hidden;
	background: transparent url(../assets/images/template/sidebox_divider.png) center bottom no-repeat;
}



body.homepage div.sidebox {
}

body.homepage div.fff {
	width: 260px;
	max-height: 400px;
	padding: 5px 5px 5px 5px;
}

body.homepage div.fff p{
	margin-bottom:20px;
}

body.homepage #BottomNav {
	margin: 10px 0 0;
}

/* End Home Page Mods */

/* START FEATURES */

.crumbnav { 
	clear:left;

	font-size: 0.8125em;
  	color: #424242;
 	border: none;
 	padding: 8px 10px 2px;
	text-transform:capitalize;
	margin-top: 0px;
	margin-bottom:22px;
}

/* Styles for  link markers */

a.readlink {
	text-decoration: underline;
}

#Main a.nasalink, #Subordinate a.nasalink {
    background: url(../assets/images/template/nasa_site_icon.png) center right no-repeat;
    padding-right: 13px;
}

#Main a.externallink, #Subordinate a.externallink {
    background: url(../assets/images/template/external_site_icon.png) center right no-repeat;
    padding-right: 13px;
}

/* Styles for News Show/hide Toggler */

div.newstoggler {
	margin-left: 15px;
}

div.newstoggler h3 {
	font-size: 1.1em;
	line-height:1.2em;
	font-weight: 500;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	color : rgb(23,119,175);
}

div.newstoggler h3:last-child {visibility:hidden;}

p.newsdeck {
	line-height:1.2em;
	margin-left: 60px;
}

.frontnewsdate {
	width:60px;
	margin-right:10px;
	font-size:0.9em;
	color:#666;
	text-decoration: none;
	display:inline;	
}

/* End toggler */

/* News Blurb for internal pages */

div.newsblurb, .paperblurb {
	margin: 0;
	padding: 10px 0 0;
	clear:left;	
}

div.newsblurb h2, .paperblurb h2 {
	font-size: 14px;
	font-style: normal;
	color: #000;
	font-weight: 600;
	margin: 0;
	padding: 0;
}

div.newsblurb h2 a, .paperblurb h2 a{
	text-decoration: none;
	color: #0081CA;
}

div.newsblurb p, .paperblurb p {
	padding: 0;
	margin: 0 0 15px 0 ;
}

div.newsblurb em {
	color: #666;
	font-style:normal;
	font-size: 12px;
}

div.paperblurb em {
	color: #666;
	font-style:italic;
	font-size: 12px;
}

div.newsblurb img {
	float: left;
	margin: 0px 15px 30px 0;
	padding:4px 0;
	padding:0px;
/*	border: 4px solid #ccc;*/
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,.7);
	box-shadow: 0 0 7px rgba(0,0,0,.7);
}


/* end newsblurb */

/*** Features blurbs for inside pages ***/

div.featuresblurb img
{
	float: left;
	margin: 0 15px 30px 0;
}

div.featuresblurb h2
{
	font-size: 1.5em;
	padding: 7px 0 0 10px;
}

div.featuresblurb h2 a
{
	text-decoration: none;
	color: #0081CA;
	line-height: 1.2em;
}

div.featuresblurb p
{
	background: url("/assets/images/template/sidebox_divider.png") no-repeat scroll center bottom transparent;
	padding-bottom: 50px;
}

div.featuresblurb em
{
	color: #999;
}

/* Feature box Video DB */
.vidBox {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}




/*** Events blurbs for inside pages ***/

div.eventsblurb img
{
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:0 0 7px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:0 0 7px rgba(0, 0, 0, 0.7);	
	float:left;
	margin:0 15px 30px 0;
	padding:0;
}

div.eventsblurb h2
{
	font-size: 1.5em;
	padding: 7px 0 0 10px;
}

div.eventsblurb h2 a
{
	text-decoration: none;
	color: #0081CA;
}

div.eventsblurb p
{
	background: url("/assets/images/template/sidebox_divider.png") no-repeat scroll center bottom transparent;
	padding-bottom: 50px;
}

div.eventsblurb em
{
	color: #999;
}

/*****/


/*** Styles for non-captioned inline images ***/
/*
#Subordinate img {
		border: 2px solid #333;
		margin: 0;
		padding: 6px;
		background: #eee;
	}
*/

img.border {
	padding:8px;
	border: 1px solid #0081ca;
}

img.smallborder {
	padding:4px;
	border: 1px solid #0081ca;
}

#Main img.right {
	float: right;
	margin: 0 0 6px 10px;
}

#Main img.left {
	float: left;
	margin: 0 10px 6px 0;
}

.gallery img, .videogallery img {
	margin: 5px;
	padding: 0;
	border:1px solid #999;
}


/*** Image zooming  and captions for inline images ***/

div.captionedimage, div.leftcaptionedimage {
	display:inline; 
	overflow:hidden;
}

div.captionedimage  a {
	position:relative; 
	float:right; 
	margin:5px 0 7px 7px;
}

div.leftcaptionedimage  a {
	position:relative; 
	float:left; 
	margin:5px 7px 5px 0;
}

div.captionedimage a span, div.leftcaptionedimage  a span { 
	display:none; 
	background-image:url(../assets/images/template/zoom_icon.png); 
	background-repeat:no-repeat; 
	width:36px; 
	height:36px; 
	position:absolute; 
	left:15px; 
	top:15px;
}

div.captionedimage img, div.leftcaptionedimage img { 
	border: solid 1px #0081ca; 
	padding:8px;
	margin:5px;
}


/*** sidebox Minigallery styles ***/

div.minigallery {
	display:inline; 
	overflow:hidden; 

}

div.minigallery a {
	position:relative;
	float:left; 
	margin:0;
	padding:0;

}

div.minigallery a span { 
	display:none; 
	background-image:url(../assets/images/template/zoom_icon.png); 
	background-repeat:no-repeat; 
	width:36px; 
	height:36px; 
	position:absolute; 
	left:15px; 
	top:15px;
}

div.minigallery  img { 
	border: none; 
	padding:0 15px;
	margin:5px 0 10px 0;
}


/***Contact and Feedback Popups***/

#contactpop {
	overflow:visible;
}

#contactpop ul {
	margin-top: 1.5em;
	list-style-type:none;
}

#contactpop ul li {
	margin-top: 0.5em;
	line-height: 1.2em;
	list-style-type:none;
}

#contactpop ul li.alert {
	color: #CC0033;
}

#feedbackpop {
	width:300px;
}

/***Sidebox Frenzy***/

div.sidebox {
	width: 280px;
	border: none;	
	margin: 0 0 30px;
	padding:0 0 50px;
	overflow: hidden;
	background: transparent url(../assets/images/template/sidebox_divider.png) center bottom no-repeat;
}

.sidebox p {
		font-size: 0.85714em; /* reduce font-size for #sidebar */
		margin: 1.6667em 0; /* adjust margins accordingly */
}

div.sidebox h2 {
	margin: 0 0 5px 6px;
	/*padding: 0 0 0 2px;*/
	width: 268px;
	line-height: 1.9em;
	color: #0081ca;
	font-size: 1.2308em;
	background-color: #f8f8f8;
	font-style: oblique;
	font-weight: 900;
/*	text-transform: uppercase; */
	letter-spacing: 0.1em;
	background: transparent url(../assets/images/template/headline_arrow.png) no-repeat left;
}

div.sidebox h2.supercomputers {
	margin-bottom: 0;
}

div.sidebox p {
	width: 240px;
	padding: 0 5px 0 15px;
	margin: 5px 0 10px 0;
	font-family: "Gill Sans",Calibri,"Trebuchet MS",sans-serif;
	line-height: 1.4em; 
}

div.sidebox dl {
	width: 240px;
	margin-left: 15px;
	margin-bottom:10px;
	padding:10px 15px 0 15px;
	font-family: "Gill Sans",Calibri,"Trebuchet MS",sans-serif; 
	font-size: 13px; 
	line-height: 1.4em; 
	
}

div.sidebox ul {
	list-style-type: disc;
	width: 240px;
	margin-left: 15px;
	margin-bottom:10px;
	padding:10px 15px 0 15px;
	font-family: "Gill Sans",Calibri,"Trebuchet MS",sans-serif;
	font-size: 13px; 
	line-height: 1.4em; 
}

div.sidebox ul li {
	margin: 0;
	padding: 5px 0;	
	line-height: 1.2em;
}

div.sidebox div.minigallery {
	border: none;
	margin: 0 auto;
}


/***Typesetting Stuff***/

/* START MENUS */


/*** Top Menu ***/

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-click-drop-fly.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* this is a CSS answer to fix the hover tilde problem in safari and chrome and the :active/:focus with adjacent sibling selectors in IE7-9 */
/*
html {
-webkit-animation: safariSelectorFix infinite 1s;
}

@-webkit-keyframes safariSelectorFix {
0% {zoom:1;}
100% {zoom:1;}
}
*/

body {behavior: url(scripts/trigger.htc);
}

#topmenu {
	float: left; 
	padding:0; 
	margin:0;

}

#topmenu li {
	float:left; 
	position:relative; 
	background:#424242; 
	border-right: 1px solid #4eac00;
}

#topmenu li a {
	width:140px;
	display:block; 
	color:#fcfcfc; 
	line-height:26px;
	text-decoration: none;
	cursor:pointer;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; 
	font-size: 0.92307em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
}

#topmenu li:hover, #topmenu li a:hover {
	color: #fcfcfc;
	background:#4eac00;
}

#TopNav {
	position:relative; 
	z-index:1001;
	width: 100%;
	float:left;
	height:26px;
	margin: 0;
	background-color: #424242;
}

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

#TopNav ul ul {
	position:absolute; 
	left:-9999px; 
	margin-left: 5px;
	padding-bottom:3px;
}

#menu ul ul ul {position:absolute; left:-9999px; width:230px; top:-20px;}

#TopNav ul li {
	position:relative;
}

#TopNav li a {
	text-align:left;
	padding-left: 10px;
	text-decoration: none;
}

#TopNav ul ul li {
	margin:0;
	padding: 0px 0;
}

#TopNav ul ul li a, #TopNav ul ul ul li a {
/*	width:230px; */
	width: 290px;
	font-size: 0.84615em;
	letter-spacing: 0.02em;
	line-height: 2em;
/*	font-weight: 600; */
	text-decoration: none;
	/*	text-transform: none;*/
	text-align:left;
	margin-left:0px;
	color: #fcfcfc;
	padding-top: 2px;
	padding-bottom: 2px;
}

#TopNav ul ul li a:last-child {
	padding-bottom: 4px;
}

#TopNav ul ul li a.fly {
	background:#424242 url(../assets/images/template/menu_arrow.gif) no-repeat 210px;
	padding-right:0; 
}

#TopNav ul li:focus, #TopNav ul li:hover, #TopNav ul li:hover > a, #TopNav ul ul li:hover > a { 
	color:#fcfcfc; 
	background-color:#4eac00;
}

#TopNav ul ul.dropdown li {
	background-color:#424242;
	border:none;
	opacity: .90; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

#TopNav ul li a:focus, #TopNav ul li a:active {
	background-color:#4eac00;	
	border-style: hidden;
}

#TopNav ul li a:active + ul.dropdown {left:-5px;}
#TopNav ul li a:focus + ul.d1,
#TopNav ul li a:focus + ul.d2,
#TopNav ul li a:focus + ul.d3,
#TopNav ul li a:focus + ul.d4,
#TopNav ul li a:focus + ul.d5 {left:-5px}

#TopNav ul li ul.dropdown:hover {left:-5px}

#TopNav ul li a:active + ul.flyout {left:235px; top:0;}
#TopNav ul li a:focus + ul.f1,
#TopNav ul li a:focus + ul.f2,
#TopNav ul li a:focus + ul.f3,
#TopNav ul li a:focus + ul.ff1 {left:235px; top:0;}

#TopNav ul li ul.flyout:hover {left:235px; top:0;}


/*** Bottom Menu ***/

#bottommenu {
	float: left; 
	padding:0; 
	margin:0;
}

#bottommenu li {
	float:left; 
	position:relative; 
	background:#424242; 
	border-right: 1px solid #999;
}

#bottommenu li, #bottommenu li a {
	width:150px;
	display:block; 
	color:#fcfcfc; 
	line-height:26px;
	text-decoration: none;
	text-align:center;
	cursor:pointer;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; 
font-size: 0.8571em; 
/*		font-size: 0.7857em;  */
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
}

#bottommenu li:hover, #bottommenu li a:hover {
	color: #fcfcfc;
	background: #4eac00;
}
	

/*** END MENUS ***/

/* add stuff */

h2 + ul, h3 + ul {
	margin-top:1.25em;
}

dd + dd {

}

ul.nobullets, ul.nobullets ul {
	list-style-type: none;
}

html.no-js #Search {display:none;}

html.no-js #BottomNav li.jslink {display:none;}

html.no-js  iframe.jslink {display:none;}

html.no-js div.sidebox iframe, html.no-js div.sidebox form {display:none;}

div#overDiv {
	position: relative;
	z-index:600;
}



/* This is the hCard main wrapper */
.vcard
{
	font-family:inherit;
	color: inherit;
	font-size: 12px;
	width:420px;
	border:1px solid #999; 
	padding:0;
	margin:10px 5px;
}

/* This defines the links in the hCard. 
.vcard a
{
	color:#369;
}
*/
/* This defines the over state of links in the vcard. 
.vcard a:hover
{
	color:#666;
}
*/
/* This defines the container div around the event content in the hCard */
.container
{
	width:auto;
	padding:10px;
}


/* This defines the photo in the hCard */
.biocardphoto
{
	float:left;
	margin-right:10px;
	padding:10px;
	border-right:1px solid #ccc;
	width:64px;
	height:96px;
}

.biocardslug {
	clear: both;
	padding: 10px 10px 10px 10px;
	margin: 0;
	border-top:1px solid #ccc;	
}

.biocardslug p {
	font-size: 11px;
	line-height: 13px;
	padding: 0;
	margin: 0;
}


/* This defines the name in the hCard*/
.full-name
{
	font-size:1.4em;
	font-weight:bold;
	text-transform:none;
}

/* This defines the first name of the person in the hCard*/
.given-name
{
}

/* This defines the middle name of the person in the hCard*/
.additional-name
{
}

/* This defines the family name name of the person in the hCard*/
.family-name
{
}

/* This defines the address in the hCard and hCalendar*/
.adr
{
	margin:10px 10px 0px 0px;
}

/* This defines the telephone number in the hCard and hCalendar*/
.tel
{
	margin:10px 10px 0px 0px;
}

/* This defines the company name in the hCard and hCalendar*/
.org
{
	font-size:1.1em;
	font-weight:bold;
	text-transform:none;
}


/* This defines the link and tag area in the hCard.  This is not a hCard style. In this case, the display is set to none, as we do not use this style.*/
.footer
{
	background-image:none;
	background-repeat:no-repeat;
	width:0;
	height:0;
	margin-left:0;
	display:none;
}










/* Styles for Meeting Minutes Show/hide Toggler */

div.minutestoggler h3 {
	line-height:1.2em;
	font-weight: 500;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	color : rgb(23,119,175);
}

div.minutestoggler h3:last-child {visibility:hidden;}

.heading{
	font-weight: bold;
	padding-bottom: 10px;
}

.bodycopy{
	padding-top: 20px;
}

/*Style for the Archive Side box on Publications Page */

.sidebox ul.bodycol
{
  width: 20em;
  margin-bottom: 10em;
}
.sidebox ul.bodycol li
{
  float: left;
  width: 10em; 
}


/*Style for the Twitter Side box on Home Page */

#Subordinate .sidebox #tweets
{
  padding-left: 15px;
}


/* Style for the box Orgchart Page 

#RupakBiswas, #BryanBiegel, #JohnParks, #AnaGrady, #ArsiVaziri, #MarkTangney, #CetinKiris, #PiyushMehrotra, #WilliamThigpen, #TerryHolst
{
	text-align: center;
}
*/

/* URL Page for Print stylesheet */

#urlpage
{
	display: none;
}

/* Print Publications Page */

div.printblurb
{
	float: left;
	width: 220px;
	height: 320px;
	border:0px solid #0081CA;
	background-color: #eee;
	margin:10px 5px;
	padding: 15px 10px; 
	text-align: center;
	overflow:hidden;
}

div.printblurb img
{
	position:relative;
	margin: 0 auto;
	padding:5px;
}

div.printblurb h2
{	
	clear: left;
	font-size: 12px;
	width: 190px;
	padding-left: 25px;
	padding-top:5px;
	margin-top: 5px;
}

div.printblurb p
{
	font-size:11px;
	line-height: 14px;
	text-align: left;
}

.indentblock  { 
	margin : 20px ; 
	padding : 0 5px; 
	border-left : 0px solid rgb(200,200,200);
	font-style : italic; }

.indentblock:before, 
.indentblock:after{
	content : '';
	content : none; }

/* blockquote OLD

.pullquote {
	float: right;
	width: 18em;
	background: url(../assets/images/template/quote_background.png) top left no-repeat;
	color: #0081ca;
	font-size: 1.3em; 
	line-height: 1.3846em;
	font-style: oblique;
	padding: 0.5em;
	padding:30px 0 0 15px;
	margin: 0 20px 20px 20px;
}

.pullquote p {
	margin:0;
	padding:0;
}

.pullquote cite {
	font-size: .8em;
	color: #424242;	
}

 */


/* Blockquote Styling NEW */

.alignright { float: right; }

.alignleft { float: left; }

blockquote {
	font-family: Georgia, serif;
	font-size: 1.2em;
	font-style: italic;
	width: 40%;
	margin: 0;
	padding: 0 20px 0 50px;
	line-height: 1.4;
	position: relative;
	color: #0081CA;
}

blockquote p { margin: 1.2em 0; }

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 90px;
	position: absolute;
	padding-left: 8px;
	left: -5px;
	top: -20px;
	color: #b4dd93;
}

blockquote cite {
	color: #848484;
	font-size: 14px;
	display: block;
	margin-top: 2px;
}

blockquote cite:before {
	content: "\2014 \2009";
}


/* Social Media Buttons */

.myborder {
	float: right;	
}
   
   
/* Visualization Timeline */   
   
body.timeline div#Main {	
	height: 100%;
	float: left;	
	margin-right: 1px;
	min-height: 800px;
	padding:35px;
	border: none;
	width: 93%
}

body.timeline div#Subordinate{
	padding: 0;
	float: right;
	margin-left: -1px;
	min-height: 800px;	
	width: 1px;
	margin-top: 0;
}

.line-block {
    position:relative;
    overflow: auto;
    background: inherit;
    margin: 20px 5px;
    width: 100%;
    height:780px;
} 

.line-block .line {
    white-space: nowrap;
    text-align: center;
}

.line-block .line {
    display: inline-block;
    padding: 10px;
    margin: 5px;
    background: inherit;
    border: 1px solid #333;
}

.line{
  position:absolute;
  margin-left:0;
}


/*Large Image Zoom Featured Articles */

	/* Outline around image and caption */ 
    #featureBox {
    width: 97%;
    border: 1px solid #0081ca;
    margin: 0;
    padding: 10px;
    }

	/* Feature box for video DB */
	#featureBox iframe {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	}

    
    /* Caption formatting */
    #featureBox p {
  	margin:5px 0 0 0;
  	padding: 0;
  	font-size: 90%;
  	}

    /* image and caption formatting */
	#featureImage {
	border: none;
    margin: 0;
    padding: 0;
    }
    
    #featureImage img {
    display: block;
    width: 100%;
    }
    
	/* Click message */
	.zoom span { 
	position:absolute; 
	top:4px; right:35px; 
	color:#ccc; 
	font:bold 14px/1 sans-serif; 
	}
	
	
	/* magnifying glass icon */
	.zoom:after {
	content:'';
	display:block; 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	right:0;
	background:url('../../assets/images/template/icon_zoom.png');
	}

    /* Caption formatting */
    #featureBox p {
  	margin:5px 0 0 0;
  	padding: 0;
  	font-size: 90%;
  	}
  	
  	
/* Staff Pages */