@charset "utf-8";
/*
		CSS Document
		UNAVCO Stylesheet for both HQ and Facility and associated sites
		Edited: 2012-08-10 by J. Riley
		Edited: 2011-11-03 by J. Riley
		Edited: 2010-10-20 By: Jim Riley
		Created: 2010-03-15 By: Jim Riley
*/

/*
		shorthand notation for font properties
		font: [font-style] [font-variant] [font-weight] [font-size]/[line-height] [font-family];
*/



/** -- General -- **/
body {color:#666666;}

.main_container {background-color:#fff; padding-top:5px; min-width:1000px; max-width:2000px; min-height:800px}

span.bodytitle  { /* Using style from Yahoo base-min.css version: 3.2.0 for H1 tag (these spans need to be converted to H1!) */
	font-size:138.5%;
	font-weight:bold;	
	margin:1em 0;		
}
h1,h2,h3{margin:1.45em 0 .25em 0;} /* changing margins (bottom) from base-min.css */

h1 + ul, h2 + ul, h3 + ul, h4 + ul {margin-top:.25em} 

p {line-height:1.5em;
  /* The following hyphenation rules are not ready for primetime due to hyphenating people's names */
  /* -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto; */
}

ul {line-height:1.35em;}
li {margin-bottom:.5em;}
/* li + ul, ol {margin-top:0em; margin-bottom:.4em}*/ /* remove too much white space with nested lists */
li ul, li ol {margin-top:.1em; margin-bottom:.4em} /* remove too much white space with nested lists */

table.uvtable thead {background-color:#c0c0c0; text-align:left}
table.uvtable tbody {background-color:#eeeeee;}
table.uvtable td, th {padding:7px; vertical-align:top}

input {padding:.1em;}
input:focus {outline-width:0;}

hr {border:none; width:100%; height:.1em; color:#8E8E8E; background-color:#8E8E8E;}
hr.header {margin-top:.3em; margin-bottom:1em; border:none; height:.1em; color:Silver; background-color:Silver;} /* Used on content pages under the page header (currently H2 tag) */
		
h2.homepageSection { color:#920000; font-size:.85em; margin:.65em 0 3em 0; /* display:block; height:15px;*/}
h2.homepageSection2 {  float:left; color:#920000; font-size:.85em; margin:.65em 0 1.25em 0; /* display:block; height:15px;*/} /* redesign2 */
a.view-all {font-size:.85em; float:left; color:#999; margin:8px 0px 0px 10px; text-decoration:none; white-space:nowrap; display:block} /* redesign2 */
a.view-all:hover {color:#000;} /* redesign2 */
a.view-all:after {content: " »"} /* redesign2 */

p.comments	{					/* for the "Comments or questions about this page? Send e-mail to..." paragraph at the bottom of some Facility pages */
  font-size: 11px;
  font-style: italic;
  margin-top: 80px;
  text-align: center;
}	
p.lastmod	{					/* for the last modified part of every page at the bottom */
/*
NOTE: This can possibly go away now that it --appears-- the FNP lastmod date is actually returning the content file's last mod date and not the footer file's last mod date. 
We would have to search/replace the entire site with REGX to remove.
NOTE: Not all last mod dates use this class, some set the style inline.
*/
	font-size: 10px;
	margin-top: 40px;
	}

/* Use the following class to clear floats */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
} 
.clearfix:after {
  clear: both;
} 
.clearfix {
  zoom: 1; /* ie 6/7 */
}



/** -- Section Page Styles -- **/
h1.sect {color:#AA0000; font-size:1.9em; margin:20px 0px .5em 0px;}
h2.sect {color:#666; font-size:1.65em; float:left; margin:0px 0px 0px 20px;}
h2.sect a {color:#666; text-decoration:none;}
h2.sect a:hover{color:#666; text-decoration: underline;}
.sectThumb {width:140px; height:105px; float:left; border:#CCC thin solid;}
a:hover .sectThumb {border:#FC0 thin solid; opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */}
div.sect-sub-topic {border-top:#CCC thin solid; padding:12px 0px 0px 0px; margin:0px 0px 20px 0px;}
div.sect-sub-topic ul li {list-style:none; margin-bottom: .7em;}
div.sect-sub-topic ul li a {color:#0066BB; font-weight:bolder; text-decoration:none;}
div.sect-sub-topic ul li a:visited {color:#4D4DB7;}
div.sect-sub-topic ul li a:hover {text-decoration:underline;}
div.sect-sub-topic ul {margin:0px 0px 0px 0px;}
div.sect-sub-topic ul ul {margin:5px 0px 0px 0px;}
ul.sect-index-links {color: #999; font-size:.95em; margin:26px 0px 0px 162px; line-height:1.5em;}
ul.sect-index-links li {margin-bottom:.5em; list-style:none;}
ul.sect-index-links a {color: #999;  text-decoration:none;}
ul.sect-index-links a:hover {color: #666; text-decoration:underline;}	

/** -- Sub-Section Page Styles -- **/
img.sub-sect-left {
	width:220px;
	float:left;
	margin:5px 25px 25px 0px;
	border:#CCC thin solid;	
}
.sub-sect-body {
	float:left; width:500px;
}

/** -- Navigation -- **/
ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
  position:relative;
  max-width:100%;
  height:2.5em;
  line-height:1em;
}
ul.nav li {
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
}

ul.nav li a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 .55em;
	height:2.5em;
	background:none;
}


/** -- Global Navigation -- **/
ul.globalnav li a {
	font-size:.74em;
	font-weight:bold;
	height: 11px;
	border:0;
	color:#AEAEAE;	
	border-right:solid 1px #000;
	/*background:#fff;*/
}

ul.globalnav li a:focus {
	color:#000;
	background:#fff;
	}
ul.globalnav li ul li a:hover {
  color:#933b2b;
  /*background:#fff;*/
	}

ul.globalnav li:hover a {
  color:#000;
  /*background:#fff;*/
  font-weight:bold;
	}

ul.globalnav li:hover a:active {
	/*background:#fff;*/
	}


/** -- Cross-Cutting Navigation -- **/
ul.main li a {
	text-align:left;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	height:2.8em;
	line-height:2.5em;
	border-left:#FFF 1px solid;
	border-right:#FFF 1px solid;
	color:#000;
	}	
ul.main li a:focus {
	color:#920000;
	}
ul.main li:hover a {
	/*color:#920000;
	text-decoration:underline;
	*/
	color:white;
	background-color:#A12117;	
	border-left:#FFF 1px solid;
	border-right:#FFF 1px solid;
	}
/* This nav scheme uses a body ID in each cc page to identify current cc nav section */ 
#Data ul.main li#nav-data a, #Instrumentation ul.main li#nav-instrumentation a, #Projects ul.main li#nav-projects a, #Software ul.main li#nav-software a, #Education ul.main li#nav-education a, #Community ul.main li#nav-community a, #Science ul.main li#nav-science a {
	/*color:#920000; */
	color:white;
	background-color:#ce291e;
	border-left:#FFF 1px solid;
	border-right:#FFF 1px solid;
	}



/** -- Highlight Nav -- **/
	/* Old way to get rounded image corners using image mask. Messed up highlight cycle mouseover pause. */
	/*img.mask {position:absolute; top:76.5px; left:-1px; z-index:100}*/
	
	/* Rounded image corners with CSS Background-Image Trick - This styles a span that wraps the original image and also uses the original image as its background. Doesn't work in IE8. Should work in IE 9*/
	.rounded-img {
	display: inline-block;
	float:left;
	border: solid 3px #FFF;
	overflow: hidden;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	}
	

	/* JQuery Cycle Plugin Nav for rotator */
	/* Note: CSS is used here to take larger "front" image and make a virtual CSS thumbnails */
	#navx { width:300px; height:62px; position:relative; top:-45px; left:201px; margin:0;}
	#navx li { width:46px; float:left; margin:0px 10px 0px 0px; list-style:none }
	#navx a { width:46px; float:left; overflow:hidden; padding:0px; display:block; border:2px solid #666; 
	opacity:0.75;
	filter:alpha(opacity=75); /* for IE5-7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* first! for IE8 */
	}
	#navx a.activeA, #navx a:hover { border-color:#C33; 
	opacity:1;
	filter:alpha(opacity=100); /* for IE5-7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* first! for IE8 */
	}	
	#navx a:focus { outline:none; }
	#navx img { border:none; display:block; margin-bottom:-10px; position:relative; top:-5px }
	
	#hlite {position:relative; top:-40px; margin-bottom:-40px; overflow:hidden;}
	#hlite img { float:left; margin-right:20px;}
	
		/* Testing homepage redesign2 here 2012-08-08*/
		#navx2 { width:57px; height:440px; float:left; margin:0px 8px 0px 0px;} /* redesign2 */
		#navx2 li { width:51px; height:51px; margin:0px 0px 10px 0px; list-style:none } /* redesign2 */
		#navx2 a { width:51px; height:51px; overflow:hidden; padding:0px; display:block; border:2px solid #666; 
		opacity:0.75;
		filter:alpha(opacity=75); /* for IE5-7 */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* first! for IE8 */
		} /* redesign2 */
		#navx2 a.activeA, #navx2 a:hover { border-color:#C33; 
		opacity:1;
		filter:alpha(opacity=100); /* for IE5-7 */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* first! for IE8 */
		} /* redesign2 */
		#navx2 a:focus { outline:none; } /* redesign2 */
		#navx2 img { border:none; display:block; margin-bottom:-10px; position:relative; left:-9px } /* Use position here to center virtual thumbnails. Use "left" for landscape and "top" for portrait source images /* redesign2 */
		
		#hlites {position:relative; margin:0px 0px -40px 0px; overflow:hidden; z-index:0} /* redesign2 */
		#hlites img { } /* redesign2 */
		/* End redesign2 test */
	/* End JQuery Cycle Plugin Nav for rotator */
.highlight {display:none; height:440px; float:left; margin:0px 0px 0px 0px;} /* redesign2 */
.snapshot {display:none; height:440px; float:left; margin:0px 0px 0px 0px;} /* redesign2 */
.snapshot img, .highlight img {border:#EEEEEE 1px solid} /* redesign2 */
h2.hl-title, h2.hl-title a {color:#C33; font-weight:bold; font-size:.85em; margin-top:1em; margin-bottom:.2em; text-decoration: none;}
h3.hl-title2, h3.hl-title2 a {color:#69F; font-weight:bold; font-size:11px; margin-top:.8em; margin-bottom:.2em; text-decoration: none;} /* redesign2 */
.hidetxt{ display: none;} /* redesign2 */
p.hl-date {color:#626262; font-weight: bolder; font-size:.75em;}
p.hl-date2 {color:#626262; font-weight: bolder; font-size:.75em; margin:0px 0px 5px 0px} /* redesign2 */
p.hl-text {color:#4C4C4C; text-align:left;}
p.hl-text2, p.snap-text {font-size:.85em; margin:0em 0px 0px 0px; color:#4C4C4C; text-align:left;} /* redesign2 */
p.hl-text2:after, p.snap-text:after {content: "..."} /* redesign2 */
.hl-more {font-size:.8em; font-weight:bold; color:#920000}
.hl-more2 {font-size:.85em; font-weight:bold; margin:0px 0px 0px 0px; color:#69F; text-decoration:none} /* redesign2 */
.hl-more2:after {content: " »"} /* redesign2 */

/** -- Breadcrumb Nav -- **/
div.crumb { margin: 0 0 1.75em 0;}
div.crumb a:link { text-decoration:none; color:#920000}
div.crumb a:visited { text-decoration:none; color:#920000}
div.crumb a:hover { text-decoration:underline; color:red}



/** -- What's Hot -- **/
ul.whats-hot2 {margin:0; font-size:.85em; clear:both} /* redesign2 */
ul.whats-hot2 li {list-style:none; margin-top:1em; padding-bottom:.35em; border-bottom-color:#B8B8B8; border-bottom-style:solid; border-bottom-width:.1em;} /* redesign2 */
ul.whats-hot2 li a {text-decoration:none; color:#4C4C4C;} /* redesign2 */
ul.whats-hot2 li a:hover {color:#C33;} /* redesign2 */
ul.whats-hot li {list-style:none; margin-top:1.5em; padding-bottom:.35em; border-bottom-color:#B8B8B8; border-bottom-style:solid; border-bottom-width:.1em;
}
ul.whats-hot li a {text-decoration:none; color:#4C4C4C;
}
ul.whats-hot li a:hover {color:#C33;
}



/** -- Flat Navigation Panel / Footer -- **/
a.title, span.title, a.title2, span.title2  {
	display: block;
	margin:0em 0em -1.2em -1.2em; 
	font-size: .85em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	}
a.title, span.title  {		
	color: #C33;		
	}
a.title2, span.title2  {		
	color: #C60;		
	}
?* Added 2015-04-24 - to help setup pre's in a friendlier way - J. Riley
pre {
	tab-size: 2;
	white-space: pre-wrap;
}
/* NOTE: span display fix for Swagger Web services documentation xml output. It uses span.title! */
pre code span.title {
	display:inline !important;
	margin:0 !important;
}
a.title:hover, a.title2:hover  {
	color: #ff9933;
	}
  /* Grey subsection titles */
ul.section {
	margin-top: .12em;
	margin-left:0em;
	margin-bottom: 1.5em;
	padding-left:0em;
	text-indent:0em;
}
ul.section li {
	list-style-image:url(../images/arrow-bullet.png);
	margin:.15em 0 .15em 0;
}	
a.section {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .76em;
	color: #666666;
	text-decoration: none;
	}
a.section:hover {
	color: #000000;
	}
.footer {	
	font-size:.7em;
	color:#666666;
}
.footer a {
	color:#666666;
}
.footer a:hover {
	color : #000000;
	}




/*	Sidebar Navigation	*/

/* The following should be used when we redo all side navs to use UL's
#nav ul {
	margin:0em 0em 0em .2em;
}
#nav li:before { 
	font-weight:bold;
   	content: '·';
    position:absolute;
    right:100%
}
#nav li {
    list-style:none;
    position:relative;
}
*/
/* Set my own bullet, since menu items are not yet list items in an UL, and even if they were the bullet sizes are too big */
.third_level_nav:before, .third_level_nav_current:before, .fourth_level_nav:before, .fourth_level_nav_current:before, .fifth_level_nav:before, .fifth_level_nav_current:before, .sixth_level_nav:before, .sixth_level_nav_current:before, .seventh_level_nav:before, .seventh_level_nav_current:before {
	font-weight:bold;
   	content: '·';
    position:absolute;
    right:106%
}
.third_level_nav, .third_level_nav_current, .fourth_level_nav, .fourth_level_nav_current, .fifth_level_nav, .fifth_level_nav_current, .sixth_level_nav, .sixth_level_nav_current, .seventh_level_nav:before, .seventh_level_nav_current {
    position:relative;
}
/* second_level_nav */	
	.second_level_nav,  .second_level_nav_current { 
		display: block;
		text-indent: -15px;
		margin: 5px 0 0 11px;
		font-size: 16px; /*was 15px */
		font-weight: bold;
		/*color : #cc3300;*/
		/*color:#C33;*/
		color:#666;
		text-decoration: none;
		}
	/* this second instance of a.second_level_nav_current overides the color because it occurs last*/
	.second_level_nav_current  {
		/*color : #ff9900;*/
		/*color:#C60;*/
		/*color: #999966;*/
		color: #920000;
		text-decoration: underline;
		}
	.second_level_nav:hover, .second_level_nav_current:hover  {
		color: #ce291e;
		text-decoration: underline;
		}	
		
/* third_level_nav */	
	.third_level_nav, .third_level_nav_current { 
		display: block;
		text-indent: -8px;
		margin: 5px 10px 0 13px;
		font-size: 13.5px; /*was 12px */
		font-weight: normal;
		/*color : #cc3300;*/
		/*color:#C33;*/
		color: #999;
		text-decoration: none;
		}
	/* this second instance of a.second_level_nav_current overides the color because it occurs last*/
	.third_level_nav_current {
		/*color : #ff9900;*/
		/*color:#C60;*/
		color:#666;
		font-weight:bold;
		text-decoration: underline;
		}
	.third_level_nav:hover, .third_level_nav_current:hover {
		color:#666;
		text-decoration: underline;
		}
			
			
/* fourth_level_nav */
	.fourth_level_nav, .fourth_level_nav_current {
		display: block;
		text-indent: -6px;
		margin: 5px 0px 3px 20px;
		font-size: 11.5px; /*was 10px */
		color: #999999;
		text-decoration: none;
		}
	/* this second instance of fourth_level_nav_current overides the color because it occurs last*/
	.fourth_level_nav_current  {
		/*color: #ffffff;*/
		/*color:#333;*/
		font-weight:bold;
		text-decoration: underline;
		
		}
	.fourth_level_nav:hover, .fourth_level_nav_current:hover {
		text-decoration: underline;
		}
	
	
/* "fifth_level_nav" - trying out this additional level - not used consistently yet (see suominet)*/
	.fifth_level_nav, .fifth_level_nav_current {
		display: block;
		text-indent: -8px;
		margin: 5px 0px 0px 30px;
		font-size: 10.5px; /*was 9px */
		color: #999999;
		text-decoration: none;
		}	
	/* this second instance of fifth_level_nav_current overides the color because it occurs last*/
	.fifth_level_nav_current {
		/*color : #cccc99;*/
		font-weight:bold;
		text-decoration: underline;
	}
	.fifth_level_nav:hover, .fifth_level_nav_current:hover {
		text-decoration: underline;
	}
	
/* "sixth_level_nav" - trying out this additional level - not used consistently yet (see suominet)*/
	.sixth_level_nav, .sixth_level_nav_current {
		display: block;
		text-indent: -8px;
		margin: 5px 0px 0px 38px;
		font-size: 9.5px; /*was 9px */
		color: #999999;
		text-decoration: none;
		}	
	/* this second instance of fifth_level_nav_current overides the color because it occurs last*/
	.sixth_level_nav_current {
		/*color : #cccc99;*/
		font-weight:bold;
		text-decoration: underline;
	}
	.sixth_level_nav:hover, .sixth_level_nav_current:hover {
		text-decoration: underline;
	}

/* "related_nav" - for Related Links sub-nav in sidebar */
	.related_nav_div {
		background-color:#999;
		color:#333;
		padding:5px;
		margin-top:15px;
	}
	.related_nav_list {
		margin:5px 5px 5px 20px;
		color:#FFF;
	}
	.related_nav_list a {
		text-decoration:none;
		font-weight:bold;
		font-style:italic;
		color:#FFF;
	}

	
/* End of Sidebar Navigation */	




/* Polar section list-based navigation */
/* 2009-09-22 */

ul#navlist, 
.polar-nav-list {
  margin: 0 0 0 0;
  padding: 10px 0;
  white-space: nowrap;
  font-weight:bold;
}

#navlist li, 
.polar-nav-list li {
  display: inline;
  list-style-type: none;
  margin-right: 10px;
}

#navlist a, 
.polar-nav-list a {
	padding: 3px 10px;
}

#navlist a:link,
#navlist a:visited,
.polar-nav-list a:link,
.polar-nav-list a:visited {
	color: #fff;
	background-color: #369;
	text-decoration: none;
}

#navlist a:hover,
.polar-nav-list a:hover {
	color: #fff;
	background-color: #ea0;
	text-decoration: none;
}



/* Icon insertions */

a.external {
display:inline-block;
line-height:15px; /* check your icon height */
background:url(/lib/images/small-icons/small-url-external.png)  center right no-repeat;
padding-right:20px;
}

/* Fixed width */
/* 2011-11-08 */
.fixed-body {
width: 780px;
min-height: 1000px;
margin: 15px 0px 0px 0px;
border-right: 1px solid #dedede;
padding-right: 20px;
}

/****************************************

DEV/Testing CSS below

author: truex at unavco dot org

****************************************/

/* .draft rules are for DEV content development */

.draft {
	color: #F00;
}