html {
	background: #000;
	padding: 0;
	margin: 0;
	}
	
body {
	margin: 0;
	padding: 0;
	border-top: 1px solid #004;
	background-image: linear-gradient(#225 70%, #000);
	font-family: Helvetica, Lucida, Arial, Verdana, sans-serif;
	}
	
	a:focus { outline: 0; }
	
body.astronomers {
	background: #000;
	}
	
#wrapper {
	background: #575757;
	width: 962px;
	margin: 20px auto;
	}
	
#banner {
	position: relative;
	height: 182px;
	width: 960px;
	margin: 1px;
	border-top: 1px solid #575757;
	}

#banner img {
	border: none;
	}

#banner a {
	text-decoration: none;
	}
	
.astronomers #banner {
	height: 69px;
	border-top: 1px solid #575757;
	}
	
	#banner h1 {
		text-indent: -9999px;
		}
	
	#banner h2 {
		position: absolute;
		top: 20px;
		left: 625px;
		text-align: right;
		color: #fff;
		font: 24px/1.5em Helvetica, Lucida, Arial, Verdana, sans-serif;
		}
	
	#banner p {
		margin: 0;
		}

	#banner a#ctio-icon {
		position: absolute;
		top: 10px;
		left: 790px;
		width: 76px;
		height: 55px;
		background: url(/img/ctio-pic-bg.gif) 0 0 no-repeat;
		text-indent: -9999px;
		}

	#banner a:hover#ctio-icon {
		background: url(/img/ctio-pic-bg.gif) 0 -55px no-repeat;
		}
	
	#banner a#kpno-icon {
		position: absolute;
		top: 10px;
		left: 705px;
		width: 76px;
		height: 55px;
		background: url(/img/kpno-pic-bg.gif) 0 0 no-repeat;
		text-indent: -9999px;
		}

	#banner a:hover#kpno-icon {
		background: url(/img/kpno-pic-bg.gif) 0 -55px no-repeat;
		}
	
	#banner a#gemini-icon {
		position: absolute;
		top: 10px;
		left: 875px;
		width: 76px;
		height: 55px;
		background: url(/img/csdc-pic-bg.gif) 0 0 no-repeat;
		text-indent: -9999px;
		}

	#banner a:hover#gemini-icon {
		background: url(/img/csdc-pic-bg.gif) 0 -55px no-repeat;
		}
		
	#banner a#home {
		position: absolute;
		height: 69px;
		width: 675px;
		top: 0px;
		left: 0px;
		z-index: 50;
		text-indent: -9999px;
		}
		
	#banner a#kpno-link, #banner a#ctio-link, #banner a#gemini-link {
		position: absolute;
		top: 50px;
		height: 25px;
		width: 165px;
		text-indent: -9999px;
		}

	#banner a#aura-link, #banner a#nsf-link {
		position: absolute;
		top: 0px;
		left: 65px;
		height: 30px;
		width: 70px;
		text-indent: -9999px;
		z-index: 51;
		}
		
	#banner a#nsf-link {
		left: 75px;
		top: 30px;
		width: 41px;
		height: 41px;
		}
		
	#banner a#kpno-link	{
		left: 135px;
		width: 152px;
		z-index: 51;
		}
		
	#banner a#ctio-link	{
		left: 290px;
		width: 195px;
		z-index: 52;
		}
		
	#banner a#gemini-link	{
		left: 490px;
		width: 185px;
		z-index: 52;
		}
		
.bg1 {
	background: #575757 url(https://www.noao.edu/img/bannersx2/horsehead-bg.jpg) bottom right no-repeat;
	background-size: 100% auto;
	}
	
.bg2 {
	background: #575757 url(https://www.noao.edu/img/bannersx2/interacting-galaxies-bg.jpg) bottom right no-repeat;
	background-size: 100% auto;
	}
	
.bg3 {
	background: #575757 url(https://www.noao.edu/img/bannersx2/m51-bg.jpg) bottom right no-repeat;
	background-size: 100% auto;
	}
	
.bg4 {
	background: #575757 url(https://www.noao.edu/img/bannersx2/m81-82-bg.jpg) bottom right no-repeat;
	background-size: 100% auto;
	}
	
.bg5 {
	background: #575757 url(https://www.noao.edu/img/bannersx2/eagle-bg.jpg) bottom right no-repeat;
	background-size: 100% auto;
	}

.moon {
	background: #575757 url(https://www.noao.edu/img/bannersx2/lunar-eclipse-bg.jpg) bottom right no-repeat;
	background-size: 100% auto;
	}

#notice {
	width: 900px;
	padding: 0.1em 1em;
	margin: 1em;
	border-radius: 5px;
	background: #FFFFAD;
	font-weight: bold;
	box-shadow: 0px 0px 3px 0px #000;
	}
	
#content {
	min-height: 200px;
	}
	
h1, h2, h3, h4, h5, h6 {
	margin: 0.25em 0 0.5em 0;
	}
	
ol ol {
	list-style-type: lower-alpha;
	}
	
ol ol ol {
	list-style-type: lower-roman;
	}

#top_bc p {
	font-size: .75em;
	color: #ccc;
	text-transform: uppercase;
	margin: 5px 0 0 10px;
	padding: 2px;
	}
	
	#top_bc a {
		color: #ccc;
		text-decoration: none;
		}
		
	#top_bc a:hover {
		color: #fff;
		text-decoration: underline;
		}


	#top_bc img {
		border: none;
		}

#search {
	float: right;
	width: 250px;
	margin: 15px 10px;
	text-align: right;
	}
	
	#search p, #search p a {
		color: #fff;
		margin: 0;
		padding: 3px;
		font-size: 14px;
		}
		
/* 
	#search input {
		width: 100px;
		}
 */

#main {
	margin: 10px;
	padding: 10px;
	border: 1px solid #000;
	background: #ded9d3;
	background: #d3d8de;
	background: linear-gradient(#c6c9cc, #ccc9c6);
	background: linear-gradient(#d3d8de, #ded9d3);
	background: linear-gradient(#d7dade, #dedbd7);
	background: #eee;
		border: none;
		position: relative;
		
        border-radius: 8px;
		background-clip: padding-box;
		box-shadow: 0px 0px 3px 0px #000;



	}
	
	#main.epo-page, #sb-main.epo-page {
		background: #fff;
		border: none;
		position: relative;
		
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;

 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;


  -webkit-box-shadow: 0px 0px 6px 0px #000;
     -moz-box-shadow: 0px 0px 6px 0px #000;
          box-shadow: 0px 0px 6px 0px #000;

		}
		
		#main.epo-page p, #main.epo-page li {
			font: 1.1em/1.5em Helvetica, Verdana, Arial, sans-serif;
			padding-left: 10px;
			padding-right: 10px;
			}
			
		#main.epo-page li li {
			font-size: 1em;
			}
				
ul.box {
list-style: none;
margin: 0 auto;
padding: 1em 0px;
max-width: 920px;
}

#main.epo-page ul.box li {
float: left;
width: 174px;
padding: 0;
margin: 0 5px 10px 5px;
font: 0.74em/1em Helvetica, Verdana, Arial, sans-serif;
position: relative;
z-index: 5;
 }

#main.epo-page ul.box li p,
#main.epo-page ul.box li a, 
#main.epo-page ul.box li img {
	position: relative;
	z-index: 5;
	}


#main.epo-page ul.box li p  {
	padding: 2px;
	}
			

	#main.ea-page, #sb-main.ea-page {
		background: #e6e6e6;
		color: #336;
		border: none;
		position: relative;
		
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;

 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;


  -webkit-box-shadow: 0px 0px 6px 0px #000;
     -moz-box-shadow: 0px 0px 6px 0px #000;
          box-shadow: 0px 0px 6px 0px #000;

		}

.topic {
	font-size: 1.2em;
	}

.comment {
	margin: 1em;
	padding: 0.3em 1em 0.1em;
	background: #ddd;
	border-radius: 5px;
	}

.comments {
	font-size: 0.9em;
	color: #555;
	}

#n-2020 form legend {
	font-weight: bold;
	}

#n-2020 form label {
	width: 20%;
	text-align: right;
	float: left;
	}
#n-2020 form label[for="collaborate"], #n-2020 form label[for="comment"], #n-2020 form label[for="public"], #n-2020 form label[for="file"], #n-2020 form label[for="question"] {
	float: none;
	}
	
.comment-form, .faq-form {
	font-size: 0.9em;
	margin: 1em 3em;
	padding: 0.3em 1em 0.5em;
	background: #e9e9e9;
	border-radius: 5px;
	}



p.auth {
	font-size: 0.8em;
	font-style: italic;
	color: #777;
	text-align: right;
	margin-right: 2em;
	}

.ea-page h1, .ea-page h2, .ea-page h3, .ea-page h4 {
	color: #007;
	}

.ea-page p {
	line-height: 1.35em;
	}


ul.box li img, #staff-box {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;

 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  
  max-width: 100%;
  border: 1px solid #ddd;

 }

ul.box li .bg {
	height: 198px;
	border: 1px solid #dfdfdf;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
	position: absolute;
	top: -2px;
	left: -2px;
	z-index: 1;
	}
	
ul.box li .one {
	background: #dde4ed;
	width: 178px;
	position: absolute;
	z-index: 1;
	}

ul.box li .two {
	background: #fcfcfc;
	width: 362px;
	position: absolute;
	z-index: 1;
	}

.card {
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	border-radius: 8px;
	margin: 1em;
	padding-bottom: 1px;
	background: #fafaed;
	background-clip: padding-box;
	}


.card h3 {
	background: #e0dcd5;
	background: linear-gradient(#faf5ed, #e0dcd5);
	padding: 0.4em;
	background-clip: padding-box;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	}

.card h4 {
	margin: 1em 1em 0.3em;
	}

.card img {
	float: left;
	margin-right: 10px;
	width: 175px;
	border-radius: 5px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	}

.card ol {
	list-style-type: lower-roman;
	}

.card li {
	padding-bottom: 0.5em;
	}

.card li li {
	padding-bottom: 0.2em;
	}

.filedesc {
	font-size: 0.7em;
	color: #777;
	}

#staff-box {
	background: #fcfcfc;
	}
#staff-box ul {
	list-style: none;
	padding-left: 15px;
	margin-left: 0px;
	}
	
#main.epo-page #staff-box li {
	list-style: none;
	padding-left: 0px;
	padding-bottom: 5px;
	margin-left: 0px;
	font-size: 1em;
	}
	

#sb-main {
	margin: 10px 10px 10px 272px;
	padding: 10px;
	border: 1px solid #000;
	background: #bfbfbf;
	}

#sb-main.epo-page {
		background: #fff;
		margin: 10px 10px 10px 272px;
		}

#sidebar {
	float: left;
	width: 230px;
	background: #bfbfbf;
	border: 1px solid #000;
	margin: 0 10px;
	padding: 10px;
	}

#sidebar.epo-page {
	float: left;
	background: #fff;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;

 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;


  -webkit-box-shadow: 0px 0px 6px 0px #000;
     -moz-box-shadow: 0px 0px 6px 0px #000;
          box-shadow: 0px 0px 6px 0px #000;
	}
	
	#sidebar h4, #toc h4 {
		margin: 0 0 0.5em 0;
		padding: 0;
		}

	#sidebar ul, #toc ul {
		margin: 0 0 1em;
		padding: 0;
		}

	#sidebar li, #toc li {
		padding: 0;
		margin-left: 1.1em;
		font-size: 0.85em;
		line-height: 1.5em;
		margin-bottom: 0.75em;
		}

	#sidebar.epo-page li {
		list-style-type: none;
		margin-left: 0.5em;
		padding-left: 0em;
		}

	#sidebar ul ul {
		display: none;
		}

	#n-2020decadal #sidebar ul ul {
		display: block;
		}

	#n-2020decadal #sidebar ul ul li {
		font-size: 100%;
		margin-left: 1.2em;
		list-style-type: disc;
		}


#nr-sidebar {
	float: right;
	width: 230px;
	background: #ddd;
	border: 1px solid #000;
	border-radius: 8px;
	margin: 10px 20px;
	padding: 10px;
	}
	
	#nr-sidebar h4 {
		margin: 0 0 0.5em 0;
		padding: 0;
		}

	#nr-sidebar ul {
		margin: 0 0 1em;
		padding: 0;
		}

	#nr-sidebar li {
		padding: 0;
		margin-left: 1.5em;
		}

	#nr-sidebar ul ul {
		display: none;
		}

#survey-archives #main {
	padding-left: 290px;
	color: #474747;
}

	#survey-archives #nr-sidebar {
		float: left;
		margin-left: -270px;
	}

	#survey-archives #nr-sidebar li {
		font-size: 0.8em;
		line-height: 1.4;
	}

#survey-archives header h2 {
	font-size: 1.9em;
}

#survey-archives article header p {
	font-size: 1.6em;
	color: #777;
	margin: 0.5em 0;
}

#survey-archives article p {
	line-height: 1.6;
	margin: 1.5em 0.5em 2em 0;
}

#survey-archives article li {
	line-height: 1.6;
}

#survey-archives .image.featured img {
	max-width: 500px;
	padding-left: 50px;
	border-radius: 5px;
}

#survey-archives p.image.featured img {
	padding-left: 0px;
}

#survey-archives p.image.featured {
 	max-width: 500px;
	padding-left: 50px;
	font-size: 0.95em;
	line-height: 1.3;
	color: #777;
}

#toc {
	float: right;
	width: 230px;
	background: #dfdfdf;
	border-radius: 5px;
	margin: 1em;
	padding: 10px;
	}

#toc ul {
	padding-left: 0.5em;
	}

#dir #toc {width: 300px; font-size: 0.85em;}

#dir #toc li {margin-bottom: .25em; font-size: 1em;}

.post img {
	max-width: 750px;
	}

.post .anecdote {
	border: 1px solid #ccc;
	background: #ddd;
	border-radius: 5px;
	padding: 0 8px;
}

.post .media a {
	font-size: 0.8em;
	}

#enews-blog div:nth-of-type(2), #enews-blog div:nth-of-type(2) img {
	max-width: 640px;
	}

#tags.show {
	display: block;
	}
	
#tags.hide {
	display: none;
	}



table#contact-table td, table.epo td {
	padding: 10px;
	vertical-align: top;
	}

	table#contact-table td h2 {
		font-size: 14px;
		}

	table#contact-table td p {
		font-size: 12px;
		}

	table.epo, table.epo table {
		font-size: 1em;
		}

	table.epo {
		border-collapse: collapse;
		}
		
		table.epo td:first-of-type {
			text-align: right;
			font-weight: bold;
			}
		
		.epo .break {
			background: #ffffd9;
			}
		
		#main.epo-page table.epo p, #main.epo-page table.epo li {
			font-size: 1em;
			}

		table.epo p:first-of-type {
			margin-top: -0.12em;
			padding-top: 0;
			}

/* 
table.default {
    width: 100%;
}
 */

table.default tbody tr {
    border-bottom: solid 1px #e0e0e0;
}

table.default td {
    padding: 0.5em 1em 0.5em 1em;
}

table.default th {
    font-weight: 600;
    padding: 0.5em 1em 0.5em 1em;
    text-align: right;
/*    width: 25%;
 
    background-color: #37c0fb;
    color: white;
 */
}

table.default tr:nth-child(odd){background-color: #f2f2f2}

table.default thead {
    background-color: #555555;
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), url("images/bg01.png");
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), url("images/bg01.png");
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), url("images/bg01.png");
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), url("images/bg01.png");
    color: #fff;
}

			
			
#main.iau table {
	width: 922px;
	border-collapse: collapse;
	margin-bottom: 3em;
	}
	
#main.iau td {
	padding: 5px;
	vertical-align: top;
	}

#main.iau td:first-of-type {
	width: 9.5em;
	}

#main.iau td:nth-of-type(2) {
	width: 13em;
	}

#main.iau td:last-of-type {
	width: 5em;
	}

#main.iau tr:nth-of-type(even) {
	background-color: #e0e0e0;
	}
		
#main.iau tr:nth-of-type(odd) {
	background-color: #fff;
	}


/* , #astro_nav, #sdm_nav */

#home_nav {
	position: absolute;
	bottom: 0px;
	}
	
#home_nav ul {
	margin: 0;
	padding: 0 5px;
	}
	
#home_nav ul li {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #333;
	background:rgba(0, 0, 0, 0.4);
	border:2px solid rgba(102, 102, 102, 0.5);
	border-bottom: none;
	margin:0 2px;
	padding: 5px 6px;
	float: left;
	list-style-type: none;
	font-size: 15px;
	}
	
	#home-s #home_nav ul li {
		padding: 5px 6px;
		margin: 0 2px;
		}

#home_nav ul li a {
	color: #ccc;
	}

#home_nav ul li:hover a, 
#education #home_nav ul li#l-epo a, 
#outreach #home_nav ul li#l-epo a, 
#about-noao #home_nav ul li#l-about a, 
#news #home_nav ul li#l-news a, 
#image_gallery #home_nav ul li#l-gallery a, 
#visit #home_nav ul li#l-visit a, 
#system #home_nav ul li#l-system a, 
#safety #home_nav ul li#l-safety a {
	color: #eee;
	}


#home_nav ul li:hover, 
#education #home_nav ul li#l-epo, 
#outreach #home_nav ul li#l-epo, 
#about-noao #home_nav ul li#l-about, 
#news #home_nav ul li#l-news, 
#image_gallery #home_nav ul li#l-gallery, 
#visit #home_nav ul li#l-visit, 
#system #home_nav ul li#l-system, 
#safety #home_nav ul li#l-safety {
	background:rgba(80, 80, 80, 0.75);
 	}

#education #home_nav ul li#l-epo, 
#outreach #home_nav ul li#l-epo, 
#about-noao #home_nav ul li#l-about, 
#news #home_nav ul li#l-news, 
#image_gallery #home_nav ul li#l-gallery, 
#visit #home_nav ul li#l-visit, 
#system #home_nav ul li#l-system, 
#safety #home_nav ul li#l-safety {
	border-color: #aaa;
	}
	
	.small {
		font-size: 12px;
		color: #666;
		}
	
#astronomer_button {
		color: #35bfff;
		background: #565656;


  background-image: -webkit-gradient(linear, left top, left bottom, from(#565656), to(#454545)); 
  background-image: -webkit-linear-gradient(top, #565656, #454545); 
  background-image:    -moz-linear-gradient(top, #565656, #454545); 
  background-image:     -ms-linear-gradient(top, #565656, #454545); 
  background-image:      -o-linear-gradient(top, #565656, #454545); 
  background-image:         linear-gradient(top, #565656, #454545);

		border: 2px solid #6e6e6e;
		-moz-border-radius: 8px;
		border-radius: 8px;
		margin-left: 40px;
		font-size: 15px;
		  -webkit-box-shadow: 0px 0px 8px #333;
     -moz-box-shadow: 0px 0px 8px #333;
          box-shadow: 0px 0px 8px #333;
		position: absolute;
		bottom: 5px;
		right: 9px;
		padding: 3px 5px 5px;
		}

#home #astronomer_button a, #home-s #astronomer_button a {
		color: #35bfff;
		
     text-shadow: 1px 1px 1px #666; 

		}
		
		
#astronomer_button a {
		color: #b9b9b9;
		
     text-shadow: 1px 1px 1px #666; 

		}
		
#astronomer_button a:hover {
		color: #35bfff;
		
     text-shadow: 1px 1px 1px #666; 

		}
		
		
		
	
/*	#home_nav ul {
		margin: 45px 0 0 0;
		padding: 0;
		}

	#astro_nav ul, #sdm_nav ul {
		margin: 0;
		padding: 0;
		}

	#home_nav li, #sdm_nav li {
		margin: 0;
		padding: 0 0 15px 0;
		color: #ccc;
		list-style-type: none;
		font: 18px/20px 'Lucida Grande', Lucida, Verdana, Helvetica, Arial, 
		sans-serif;
		}

 #astro_nav li {
		margin: 0;
		padding: 0 0 10px 0;
		color: #ccc;
		list-style-type: none;
		font: 16px/18px 'Lucida Grande', Lucida, Verdana, Helvetica, Arial, 
		sans-serif;
		}

	#home_nav li#search, #astro_nav li#search {
		margin-top: 20px;
		}
	
	#home_nav a, #astro_nav a, #sdm_nav a {
		color: #ccc;
		text-decoration: none;
		}

	#home_nav a:hover, #astro_nav a:hover, #sdm_nav a:hover {
		color: #fff;
		text-decoration: underline;
		}

	#sdm_nav h2 {
		font-size: 22px;
		color: #fff;
		margin: 5px 0 0 -10px;
		}
*/

	#hnav ul {
		list-style-type: none;
		text-align: right;
		margin: 0 0 20px;
		padding: 0;
		}
		
	#hnav li {
		list-style-type: none;
		text-align: right;
		display: inline;
		margin: 0;
		padding: 0 2px 0 5px;
		font-size: 11px;
		}

	#hnav li+li {
		border-left: 1px solid #666;
		}
		
	#hnav a {
		color: #666;
		text-decoration: none;
		font-weight: bold;
		}
		
	#hnav a:hover {
		color: #333;
		text-decoration: underline;
		}

p.newcredit {
	font-size: 10px;
	text-align: right;
	margin-top: -10px;
	color: #333;
	}


#news_slide_show {
	width: 600px;
	min-height: 375px;
	border: 1px solid #000;
	margin: 10px;
	background: #8b8b8b;
	position: relative;
	}
	
	#news_slide_show h2 {
		float: left;
		width: 46%;
		color: #ccc;
		font: 24px/28px Georgia, 'Times New Roman', Times, serif;
		margin: 5px 10px 20px 5px;
		text-align: right;
		}
	
	.news_slide_show p, .news_slide_show table, .news_slide_show ul {
		font: 13px/16px 'Lucida Grande', Lucida, Verdana, Helvetica, Arial, sans-serif;
		color: #000;
		margin: 20px 5px 10px 295px;
		}


	.news_slide_show td {
		text-align: center;
		padding: 3px 15px;
		}

	.news_slide_show th {
		vertical-align: bottom;
		padding: 1px 15px;
		}
	
	#news_slide_show p.credit {
		font-size: 9px;
		text-align: right;
		position: absolute;
		top: 283px;
		width: 600px;
		margin: 0 -3px;
		color: #bbb;
		}

	#news_slide_show p.newcredit {
		font-size: 9px;
		text-align: right;
		width: 600px;
		margin: 0 -3px;
		color: #bbb;
		}

	#news_slide_show a, #highlight_slider a {
		color: #ccc;
		}
		
	#news_slide_show a:hover, #highlight_slider a:hover {
		color: #fff;
		}


	#news_slide_show img, #highlight_slider img {
		border: none;
		}


		
.caption {
	width: 600px;
	font-size: 0.8em;
	}
	
	.caption img {
		width: 100%;
		max-width: 600px;
		}

.icarchives {
	width: 600px;
	text-align: right;
	font-size: 9px;
	margin: -5px 0 0 0;
	position: relative;
	z-index: 20;
	height: 10px;
	}
	
	.icarchives a {
		color: #999;
		text-decoration: none;
		}
		
	.icarchives a:hover {
		text-decoration: underline;
		color: #ccc;
		}

.news_slide_show {
	width: 600px;
	min-height: 375px;
/* 
	border: 1px solid #000;
 */
	margin: 15px 10px 10px;
	background: #8b8b8b;
	background: #eee;
	position: relative;
	clear: left;
	float: left;
        border-radius: 8px;
		background-clip: border-box;
		box-shadow: 0px 0px 3px 0px #000;
	}
	
	.news_slide_show h2 {
		float: left;
		width: 275px;
		color: #333;
		font: 24px/28px Georgia, 'Times New Roman', Times, serif;
		margin: 15px 10px 20px 5px;
		text-align: right;
		}
		
body #content .news_slide_show .special h2 {
		text-align: left;
		padding-left: 10px;
		}


body #content .news_slide_show .special p {
		margin: 15px 10px 20px 15px;
		font: 13px/16px 'Lucida Grande', Lucida, Verdana, Helvetica, Arial, sans-serif;
		}

body #content .news_slide_show .vert {
	margin: 0;
	padding: 1px;
	text-align: right;
	}

body #content .news_slide_show .special {
		float: left;
		width: 285px;
		}

body #content .news_slide_show #sp-left, body #content .news_slide_show #sp-right {
		float: left;
		width: 288px;
		margin: 8px auto 8px 8px;
		}

body #content .news_slide_show #sp-left h2, body #content .news_slide_show #sp-right h2 {
		text-align: center;
		font-size: 20px;
		line-height: 24px;
		margin: 10px;
		}

body #content .news_slide_show #sp-left p, body #content .news_slide_show #sp-right p {
		margin: 15px 10px 20px 15px;
		font: 13px/16px 'Lucida Grande', Lucida, Verdana, Helvetica, Arial, sans-serif;
		}



.news_slide_show h3, #news_slide_show h3 {
			float: left;
			color: #ccc;
			margin: 5px 10px 20px 5px;
			text-align: right;
			width: 325px;
			font: 20px/24px Georgia, 'Times New Roman', Times, serif;
			}
	
	.news_slide_show p {
		font: 13px/16px 'Lucida Grande', Lucida, Verdana, Helvetica, Arial, sans-serif;
		color: #000;
		margin: 20px 5px 10px 295px;
		}
	
	.news_slide_show p.credit {
		font-size: 9px;
		text-align: right;
		position: absolute;
		top: 283px;
		width: 600px;
		margin: 0 -3px;
		color: #666;
		}

	.news_slide_show p.newcredit {
		font-size: 9px;
		text-align: right;
		width: 600px;
		margin: 0 -3px;
		color: #666;
		}

	.news_slide_show a, #highlight_slider a {
		color: #33a;
		}
		
		#highlight_slider .jcarousel-control a {
		color: #333;
		}
		
		#highlight_slider .jcarousel-control a:hover {
		color: #666;
		}
		
	.news_slide_show a:hover, #highlight_slider a:hover {
		color: #66f;
		}


	.news_slide_show img, #highlight_slider img {
		border: none;
		}
		
	.news_slide_show img {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		}

	.news_slide_show #sn-hilite {
		width: 600px; 
		height: 350px; 
		background: #000 url(https://www.noao.edu/img/m101-sn-bg.jpg) top left no-repeat;
		}

	.news_slide_show #sn-hilite:hover {
		background: #000 url(https://www.noao.edu/img/m101-snh-bg.jpg) top left no-repeat;
		}



	
#highlight_slider  {
	width: 325px;
	background: #8b8b8b;
	background: #eee;
	color: #000;
	margin: 15px 10px 10px 0;
	float: right;
        border-radius: 8px;
		background-clip: padding-box;
		box-shadow: 0px 0px 3px 0px #000;
	}
	
	#highlight_slider p {
		font: 12px/14px 'Lucida Grande', Lucida, Verdana, Helvetica, Arial, sans-serif;
		}


	#h_slide_1, #h_slide_2, #h_slide_3, #h_slide_4 {
		width: 282px;
		margin: 0px 10px;
		float: left;
		}
	
	#h_slide_1 img, #h_slide_2 img, #h_slide_3 img, #h_slide_4 img {
		float: left;
		margin: 0 5px 10px;
		}

#icarchives #highlight_slider {
	float: none;
	}

/* 
#sillhouette {
	clear: both;
	margin-top: 30px;
	height: 80px;
	background: #575757 url(/img/sillhouette-bg.gif) 0 0 no-repeat;
	background: linear-gradient(#575757, #2a2929);
	}
 */
	
/* 
#sillhouette:hover {
	height: 130px;
	background: url(/img/sillhouette-bg.gif) -962px 0 no-repeat;
	}
 */

.dictionary {
	background : #ccccd6;
	border: 1px solid #006;
	width: 80%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px;
	}
	
	.dictionary p {
		text-indent: -0.5em;
		margin-left: 0.5em;
		}
		
	.dictionary .cite {
		text-align: right;
		}

fieldset {
	border: none;
	margin: 1em 1em 2em 0;
	}

fieldset fieldset {
	margin: 0;
	}

legend {
	font-size: 1.2em;
	text-indent: -0.5em;
	}

/* accordion forms */


.ac-container article{
	background: #fbf7ea;
	margin: 5px 20px 0;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	padding: 0 15px;
	
	  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;

 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}

.ac-container input:checked ~ article.ac-large{
	height: 27.5em; /* 440px / 16px */
	margin: 5px 20px 20px;
}

.ac-container input:checked ~ article.ac-xlarge{
	height: 34.375em; /* 550px / 16px */
	margin: 5px 20px 20px;
}


table {
	font-size: 0.8em;
	}

#dir table {
	font-size: 1em;
	}
	
#dir li {
	list-style-type: disc;
	}

.catch table {
	border-collapse: collapse;
	border-top: 1px solid #002d68;
	border-left: 1px solid #002d68;
	border-spacing: 0;
	margin: 1em 0px;
	font-size: 0.8em;
	}
	
.catch td {
	border-bottom: 1px dotted #002d68;
	border-right: 1px solid #002d68;
	padding: 5px;
	vertical-align: top;
	}
	
.catch th {
	border-bottom: 2px solid #002d68;
	border-right: 1px solid #002d68;
	background: #B8C0CC;
	padding: 5px;
	}

.catch tr.available td {
	background: #E6F2E6;
	background: #eee;
	}

.catch tr.soon td {
	background: #F2F2E6;
	background: #eee;
	}	

.catch tr.dev td {
	background: #F2E6EC;
	background: #eee;
	}
	
.catch tr.north td, em.north {
	background: #A3C2CC;
	}
	
.catch tr.south td, em.south {
	background: #E5E27A;
	}
	
em.north, em.south {
	font-style: normal;
	}

.hilite {
	width: 90%;
	margin: 20px auto;
	text-align: center;
	padding: 5px;
	border: 1px solid #009;
	}

#lsst-img {
	width: 850px;
	margin: 15px auto;
	text-align: center;
	}

#members p {
	float: left;
	width: 15em;
	height: 14.5em;
	font-size: 0.8em;
	margin: 0.25em;
	padding: 0.8em;
	border: 1px solid #eee;
	background-color: #ddd;
	}

#members p a {
	font-size: 0.9em;
	}

.cap {
	font-size: 1.1em;
	}

.boxed {
	background-color: #ddd;
	}

#uc-nav {
	width: 215px;
	float: left;
	margin-left: -1px;
	margin-top: -1px;
	padding-left: 6px;
	margin-bottom: 10px;
	}
	
	#uc-nav a, #uc-nav li {
		font-size: 11px;
		}
	
	#uc-nav p {
		font-size: 11px;
		margin: 3px;
		}
	
	#uc-nav img {
		padding: 0;
		margin-left: 5px;
		margin-bottom: 5px;
		}
	#uc-nav img {
		border: 1px solid #333;
		}
		
	#uc-nav ul {
        margin: 0 0 0 1em;
        padding: 0;
		}
		
.boxed {
	border: 1px solid #999;
	padding: 5px;
	font-family: Verdana, Lucida, geneva, Arial Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 5px 5px 5px;
	}

.boxed ul, .boxed li {
	font-size: 12px;
	}


.boxed {
	border: 1px solid #999;
	width: 203px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 191px;
	}

html>body .boxed {
	width: 191px;
	} 

html>body div.boxed:hover, html>body div.arealinks:hover {
	background: #f9f9ff;
	border: 1px solid #99c;
	}

.right {
	float: right;
	width: 660px;
	}
	
	.right img.rt {
		float: right;
		margin: 5px;
		padding: 3px;
		background: #fff;
		border: 1px solid #000;
		}

.ret {
	font-size: 0.6em;
	}


#sub {
	float: left;
	width: 215px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #000;
	background: #bfbfbf;
		font-size: 0.8em;
	}
	
	#sub ul {
		margin: 5px 0 10px 0;
		padding-left: 1em;
		}
		
		#sub li ul {
			display: none;
			}
			
		.rcr li#l-rcr ul, .coi-dfn li#l-coi-dfn ul, .nsf-policies li#l-nsf-policies ul, .aoc li#l-aoc ul {
			display: block;
			}
	
	#sub img {
		padding: 10px;
		background: #E6ECF2;
		margin: 10px;
		border: none;
		border-radius: 100%;
		}

	#sub .big {
		font-size: 1.1em;
		}

/*
#sub h4 {
		font: 1em/1.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;
		margin: 10px 15px 5px 10px;
		padding: 0;
		color: #0F5499;
		text-transform: uppercase;
		font-weight: normal;
		}		
	
	#sub p {
		font: 0.75em/1.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;
		margin: 0px 20px;
		padding: 0;
		color: #4d4d4d;
		}
	
*/	

.post .tags, .post .date {
	font-size: 0.8em;
	font-style: italic;
	color: #777;
	margin: -0.5em 5em 2em 0.5em;
	}

.post .tags {
	text-align: right;
	}

p.q {
	font-weight: bold;
	color: #006;
	margin-bottom: 5px;
	}
	
p.a {
	margin-left: 2em;
	}

#job-register th {	
	text-align: left;
	}

#job-register th, #job-register td {	
	padding: 5px;
	}

#stafftable, .oc-directory table {
	border-collapse: collapse;
	border-top: 2px solid #333;
	border-left: 2px solid #333;
	border-spacing: 0;
	margin: 1em 2em;
	font-size: 0.8em;
	width: 90%
	}
	
#stafftable td, .oc-directory td {
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	padding: 5px;
	vertical-align: top;
	background: #ccc;
	}
	
#stafftable th, .oc-directory th {
	border-bottom: 4px solid #333;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	background: #446;
	color: #ccc;
	padding: 5px;
	}
	
	.oc-directory th {
	text-align: center;
	background: #557;
	}

#sdm-about {
	position: relative;
	width: 942px;
	height: 595px;
	background: url(/img/SDM-background.jpg) 50% 50% no-repeat;
	margin: 0 auto;
	}
	
	#sdm-about ul {
		list-style-type: none;
		}


	#sdm-about #about a {
		position: absolute;
		top: 160px;
		left: 391px;
		width: 190px;
		height: 190px;
		background: url(/img/sdm-about-bg.gif) 50% 50% no-repeat;
		text-indent: -9999px;
		}

	#sdm-about #about a:hover {
		background: url(/img/sdm-about-on.gif) 50% 50% no-repeat;
		}

	#sdm-about #archives a {
		position: absolute;
		top: 414px;
		left: 46px;
		width: 194px;
		height: 40px;
		background: url(/img/archives-bg.jpg) 50% 50% no-repeat;
		text-align: center;
		padding-top: 130px;
		}

	#sdm-about #archives a:hover {
		background: url(/img/archives-on.jpg) 50% 50% no-repeat;
		}

		
	#sdm-about #pipelines a {
		position: absolute;
		top: 414px;
		left: 275px;
		width: 120px;
		height: 40px;
		background: url(/img/pipelines-bg.jpg) 50% 50% no-repeat;
		text-align: center;
		padding-top: 130px;
		}

	#sdm-about #pipelines a:hover {
		background: url(/img/pipelines-on.jpg) 50% 50% no-repeat;
		}

		
	#sdm-about #portal a {
		position: absolute;
		top: 414px;
		left: 425px;
		width: 125px;
		height: 40px;
		background: url(/img/portal-bg.jpg) 50% 50% no-repeat;
		text-align: center;
		padding-top: 130px;
		}

	#sdm-about #portal a:hover {
		background: url(/img/portal-on.jpg) 50% 50% no-repeat;
		}


	#sdm-about #software a {
		position: absolute;
		top: 414px;
		left: 585px;
		width: 125px;
		height: 40px;
		background: url(/img/software-bg.jpg) 50% 50% no-repeat;
		text-align: center;
		padding-top: 130px;
		}

	#sdm-about #software a:hover {
		background: url(/img/software-on.jpg) 50% 50% no-repeat;
		}

	#sdm-about #documentation a {
		position: absolute;
		top: 414px;
		left: 748px;
		width: 137px;
		height: 40px;
		background: url(/img/documentation-bg.jpg) 50% 50% no-repeat;
		text-align: center;
		padding-top: 130px;
		}

	#sdm-about #documentation a:hover {
		background: url(/img/documentation-on.jpg) 50% 50% no-repeat;
		}

		

	#sdm-about a {
		color: #999;
		text-decoration: none;
		text-transform: uppercase;
		}

	#sdm-about a:hover {
		color: #ff3;
		}


table#ao-table {
	border-collapse: collapse;
	border-top: 1px solid #999;
	border-left: 2px solid #999;
	border-spacing: 0;
	margin: 1em 5em;
	font-size: 0.8em;
	}
	
#ao-table td {
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	padding: 5px;
	vertical-align: top;
	background: #eee;
	}
	
#ao-table th {
	border-bottom: 2px solid #999;
	border-top: 5px solid #999;
	border-right: 2px solid #999;
	background: #006;
	color: #eee;
	padding: 5px;
	}

table#staff-table {
	border-collapse: collapse;
	border-top: 1px solid #ddd;
	border-left: 2px solid #ddd;
	border-spacing: 0;
	margin: 1em;
	font-size: 10px;
	}
	
#staff-table td {
	border-bottom: 2px solid #ddd;
	border-right: 2px solid #ddd;
	padding: 5px;
	vertical-align: top;
	background: #eee;
	}
	
#staff-table th {
	border-bottom: 2px solid #ddd;
	border-top: 10px solid #ddd;
	border-right: 2px solid #ddd;
	background: #006;
	color: #eee;
	padding: 5px;
	text-align: left;
	}

#nssc-org {
	width: 800px;
	margin: 1em auto;
	background: url(/nssc/img/org-bg.gif) 50% 50% no-repeat;
	}
	
#one, #two, #three {
	height: 130px;
	padding: 10px 5px;
	}
	
.org-content {
	background: #ccddff;
	text-align: center;
	border: 1px solid #000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 160px;
	height: 90px;
	padding: 10px;
	margin: 10px;
	}

#one .org-content {
	margin: 10px auto;
	}
	
#two .org-content {
	float: left;
	}
	
#two .first {
	margin-left: 105px;
	}
	
* html #two .first {
	margin-left: 50px;
	}
	
#three .first {
	float: left;
	margin-left: 205px;
	}

* html #three .first {
	float: left;
	margin-left: 100px;
	}

#three .last {
	float: left;
	margin-left: 10px;
	}

#sdm_nav #sdmnews {
	margin-top: 20px;
	}

#sdm_nav #sdmnews li {
	font-size: 0.8em;
	color: #999;
	}

#sdm_nav #sdmnews li strong {
	font-size: 1.1em;
	}

.ack {
	font-size: 0.8em;
	color: #666;
	margin: 1em 1em 1em 3em;
	}

hr {
	color: #009;
	background-color: #009;
	border: none;
	border-top: 1px solid #009;
	}

#ad {
  position: absolute;
  float: right;
  top: -15px;
  right: 20px;
  z-index: 10;
  padding: 0;
  margin: 0px;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
  background-color: #f2e62c;
  width: auto;
}

#ad:before, #ad:after {
  position: absolute;
  z-index: -1;
}

#ad:before {
  content: "";
  text-align: left;
  background: transparent;
  bottom: 9px;
  right: 16px;
  width: 50%;
  height: 40%;
  -moz-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  transform: rotate(4deg);
  -moz-box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 20px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 40px;
  -o-box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 40px;
  box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 40px;
}

 #ad:after {
  content: "";
  text-align: right;
  background: transparent;
  left: 16px;
  bottom: 9px;
  width: 50%;
  height: 40%;
  -moz-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
  -moz-box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 20px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 40px;
  -o-box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 40px;
  box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 40px;
} 

#ad .ad-content {
  background-color: #e5de6f;
  background-image: -moz-linear-gradient(top, #e5de6f, #f2e62c); 
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e5de6f),color-stop(1, #f2e62c)); 
  background-image: -webkit-linear-gradient(#e5de6f, #f2e62c); 
  background-image: linear-gradient(top, #e5de6f, #f2e62c);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5de6f', EndColorStr='#f2e62c'); 
  padding: 1px 10px;
    font-size: 0.8em;

}

.ad-content p, .ad-content a {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	}

.ad-content a {
	display: inline-block;
  }

.ad-content a:hover {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
	}

.fl {
	float: left;
	}
	
body[id^="about"] div.fl {
	width: 290px;
	margin: 8px;
	}

body[id^="about"] div.fl img {
	width: 100%;
	height: 211px;
	border: 2px solid #000;
	border-radius: 8px;
	}

#hero img {
	border-radius: 8px;
	}

#footer {
	clear: both;
	padding-top: 10px;
	min-height: 200px;
	background: #000 url(/img/footer-bg.gif) top left repeat-x;
	background: linear-gradient(#575757, #000);
	color: #ccc;
	border-top: #575757 solid 1px;
	}

#home #footer {
	padding-top: 20px;
	}
	
	#footer img {
		float: left;
		margin: 20px;
		border: none;
		}
		
	#footer p {
		font: 11px/14px  'Lucida Grande', Lucida, Verdana, Helvetica, Arial, sans-serif;
		margin-right: 20px;
		}
		
	#footer a {
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		}
		
	#footer a:hover {
		color: #ccc;
		text-decoration: underline;
		}
	
#footer_nav {
	
	}
	
	
#image_gallery #main img {
	max-width: 650px;
	}
	
	
	
	.en {
	float: left;
	width: 46%;
	margin: 10px;
	clear: both;
	}

.es {
	float: right;
	width: 46%;
	margin: 10px;
	}
	
	
	.en h1, .es h1 {
		font-size: 1.4em;
		}
	
#cf2 {
  position:relative;
  height:443px;
  width:663px;
  margin: 0;
  cursor:pointer;
}
#cf2 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf2 img.transparent {
opacity:0;
}

#cf_onclick {
	margin-top: 0.2em;
	}

.directors ul {
	list-style-type: none;
	margin: 0.5em 0 0 1em;
	padding: 0;
	}
	
	.directors li {
		margin: 0;
		padding: 0 0 1.5em;
		}
		
.third {
	float: left;
	width: 30%;
	margin-right: 1%;
	}
	
	
/* ** special form styling ** */

.ucform	.err {
		width: 80%;
		margin-left: 10%;
		border: 1px solid #666;
		background: #ddd;
		padding: 10px;
		}

.ucform	.req {
		color: red;
		font-weight: bold;
		}
		
.ucform	form {
		margin-top: 5px;
		}
		
.ucform	p label {
	float: left;
	width: 17em;
	text-align: right;
	padding-right: 0.5em;
	height: 16px;
	}
	
.ucform	input {
	height: 16px;
	}
	
.ucform	.fp {
	font-size: 9px;
	color: #666;
	}
	
.ucform	textarea {
	font-family: Verdana, Lucida, Helvetica, Geneva, Arial, sans-serif;
	}

.ucform	.cap {
	font-size: 1.1em;
	}

.thumb {
	width: 240px;
	float: left;
	margin: 15px 0px;
	}
	
	.thumb img {
		margin-left: 10px;
		}
	
	.thumb p {
		text-align: center;
		font-weight: bold;
		color: #006;
		}
	
	.thumb p.text {
		text-align: left;
		font-weight: normal;
		font-size: 12px;
		color: #000;
		}



/* *** */