@import url('/highslide/high.css');

body {
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 1136px;
	font: 100% Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333;
	background:url('../images/Backgrounds/Widmanstatte-pattern-meteor-background30.jpg')
}

/*
 	background:url('../image/pebblwht.gif');
	background:url('../images/Backgrounds/Widmanstatte-pattern-meteor-background30.jpg')
	background:url('../images/Backgrounds/iron-meteorite-seamless-background30.jpg')
*/

/*
body#home a#home { background-color: #555!important;}
body#show a#show { background-color: #555!important;}
body#links a#links { background-color: #555!important;}
body#contact a#contact { background-color: #555!important;}
body#calendar a#calendar { background-color: #555!important;}
*/

/*a:link {
	color: red;
}
a:visited {
	color: #600;
}
a:hover, a:active {
	color: #fff;
	background-color: #808080;
} */

h2 {
	color: #000000;   /*B52C07;*/
	font: 105% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin: 0 0 2px 0;
}

h2 a {
color: #000000;
	text-decoration: none;
}

h3 {
	color: #5B5E0E;
	font: 105% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin-top: 0;
}

.bold_text_centered {
	color: #000000;
	font: 110% georgia, times, "times new roman", serif;
	font-weight: bold;
	text-align: center;
	padding: 10px 10px 10px 10px;
}

.bold_text_centered_important {
	color: red;
	font: 150% georgia, times, "times new roman", serif;
	font-weight: bold;
	text-align: center;
}

.bold_text_left {
	color: #000000;
	font: 110% georgia, times, "times new roman", serif;
	font-weight: bold;
	text-align: left;
}

#container {
	margin: 1em auto;
	width: 100%;
	height: 100%;
	text-align: left;
	/*background-color: #fff;*/
/*	border: 1x solid #000;*/
	font-size: 90%;
	display: inline-block;
}

#container_app {
	margin: 1em auto;
	width: 100%;
/*	width: 900px;*/
	text-align: left;
/*	background-color: #fff;*/
/*	border:1px solid #000000;*/
/*	font-size: 90%;*/
}

#container_txt {
	margin: 0 auto;
	width: 840px;
	text-align: left;
	background-color: #fff;
	border:0px solid #000000;
/*	font-size: 90%;*/
}

.wrap-container {
	margin: 0 auto;
	width: 900px;  /* 900px; */
	height: 100%;
	text-align: left;
	border:2px solid #000000;
	background-color:  #fff6bf;  /* #D9D9D9; */
}

#header {
	margin: 0;
	text-align: center;
	/*height: 225px;*/
	width: 100%;
	position: relative;
/*	border: 1px none #fff;*/
}

#header h1 {
	font-size: 1px;
	text-align: right;
	margin: 0;
	padding: 0;
}

#wrap {
	width: 100%; /* Spans the width of the page */
	height: 30px;
	z-index: 99; /* Makes sure that your menu remains on top of other page elements */
	margin-bottom: 36px;
}

.navbar	{
	height: auto;
	padding: 8px 0px;
	position: absolute;
}

.navbar li {
	width: 103px;  /* Each menu item is 103px wide */
	float: left;  /* This lines up the menu items horizontally */
	text-align: center;  /* All text is placed in the center of the box */
	list-style: none;  /* Removes the default styling (bullets) for the list */
/*	font: normal bold 14px/1.2em Arial, Verdana, Helvetica;*/  
	padding: 0;
	margin: 0 auto;
	background-color: #CC0000;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 25px 25px 25px 25px; 

	/* Firefox 1-3.6 */
	-moz-border-radius: 25px 25px 25px 25px; 
  
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 25px 25px 25px 25px;
}

.navbar a {
	padding: 8px 0px;  /* Adds a padding on the top and bottom so the text appears centered vertically */
/*	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;*/
	text-decoration: none;  /* Removes the default hyperlink styling. */
	color: white; /* Text color is white */
	display: block;
}

.navbar a:hover, a:active {
	background: #454d2f;
	color: white; /* Text color is white */
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 25px 25px 25px 25px; 

	/* Firefox 1-3.6 */
	-moz-border-radius: 25px 25px 25px 25px; 
  
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 25px 25px 25px 25px;
}

.navbar li ul {
	display: none;  /* Hides the drop-down menu */
	height: auto;									
	margin: 0; /* Aligns drop-down box underneath the menu item */
	padding: 0; /* Aligns drop-down box underneath the menu item */			
}				

.navbar li:hover ul	{
	display: block; /* Displays the drop-down box when the menu item is hovered over */
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 25px 25px 25px 25px;

	/* Firefox 1-3.6 */
	-moz-border-radius: 25px 25px 25px 25px;
  
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 25px 25px 25px 25px;
}

.navbar li ul li {
	background-color: silver;
	margin: 0 auto;
} 

.navbar li ul li a {
	border-left: 1px; 
	border-right: 1px; 
	border-top: 5px; 
	border-bottom: 5px;
	color: black;
}
				
.navbar li ul li a:hover, a:active {
	background-color: #454d2f;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 25px 25px 25px 25px;

	/* Firefox 1-3.6 */
	-moz-border-radius: 25px 25px 25px 25px;
  
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 25px 25px 25px 25px;
}

#form {
	width:840px;  /* 840px;  */
   	margin:0 auto;
   	overflow: hidden;
}

.fieldset {
	padding: 6px;
   	font: 80% sans-serif;
   	background-color: #f0f0f0;  
}


#contents {
	margin: 0 20px 40px 20px;
}
/* was 200 for side menu */
#contents p {
	text-indent: .5cm;
	margin: 0 20px 10px 20px;
}

#footer {
	width: 100%;
	padding: 8px 8px;
	height: 30px;    /*footer height*/
	margin-top: 10px;
	background-color: #CC0000;
	color: white;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 25px 25px 25px 25px;

	/* Firefox 1-3.6 */
	-moz-border-radius: 25px 25px 25px 25px;
  
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 25px 25px 25px 25px;
}

#modified {
	margin: 0 auto;
	text-align: left;
	width: 35%;
	float: left;
	color: #fff;
}

#counter {
	margin: 0 auto;
	text-align: center;
	width: 30%;
	float: left;
	color: #fff;
}

#copyright {
	margin: 0 auto;
	text-align: right;
	width: 35%;
	float: left;
	color: #fff;
}

#box1 {
	float: left;
	width: 800px;
	height: 240px; 
	/*background-color: #cbbead; */
	border-left: #ffffff 2px;
	padding: 10px 0px 0px 10px;
}	

#box2 {
	float: right;
	width: 120px;
	height: 83px; 
	background-color: #cbbead;
	border-left: #ffffff 2px;
	padding: 10px 0px 0px 10px;
}

a.box, a.box:link, a.box:visited {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

a.box:hover, a.box:active {
	color: #80888f;
	font-weight: normal;
	text-decoration: none;
}

#news_box {
  width:875px;
  /*background-color: #F8F8ff;*/
  border:2px solid #000000;
  padding:5px;
  margin-top:0px;
  margin-bottom:25px;
  margin-right:8px;
  margin-left: 5px;
}

#news_box1 {
  float:left;
  width:875px;
  background-color: #F8F8ff;
  border:2px solid #cc0000;
  padding:5px;
  margin-top:0px;
  margin-bottom:25px;
  margin-right:8px;
  margin-left: 5px;
}

#news_box h4 {
  position: relative;
  left: -25%;
  padding-left:5px;
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  color: #B52C07;  /*779e28*/
}

#news_box p {
  font-family: verdana, arial, sans-serif;
  font-size: 16px;
  color: #cc0000;
  
  margin-bottom:5px;
}

#nl-wrapper {
	width: 900px;
	height: 100%;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.nl-header {
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	color: #000000;
	font-family: BeachExtended;
	font-weight: bold;
	font-size: 30px;
}

.nl-row {
	width: 100%;
	height: 125px;
	display: block;
	text-align: center;
}

.nl-box {
	width: 10%;
	float: left;
	display: block;
}

#box_s {
  float:left;
  width:47%;
  /*height:110px;*/
  background-color: #d3d3d3;
  border:2px solid #3cb371;
  padding:0px;
  margin-top:10px;
  margin-bottom:25px;
/*  margin-right:8px;*/
  margin-left: 16px;
}

#box_s h4 {
  padding-left:10px;
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  color: #B52C07;  /*779e28*/
}

#box_s p {
padding-left:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 13px;
  color: #555555;
  line-height: 16px;
  margin-bottom:5px;
}

#text_box {
/*  float: center;*/
  width:750px;
  /*background-color: #F8F8ff;*/
  border:0px solid #000000;
  padding:5px;
  margin-top:0px;
  margin-bottom:25px;
  margin-right:0px;
  margin-left: 0px;
}

#grant_box {
/*  float: center;*/
  width:750px;
  border:0px solid #000000;
  padding:5px;
  margin-top:0px;
  margin-bottom:25px;
  margin-right:0px;
  margin-left: 25px;
}

.warning {
   background: #fff6bf url('img/warning.jpg') center no-repeat;
   background-position: 5px 50%;
   text-align: left;
   padding: 10px 10px 10px 10px;
   border-top: 2px solid #ffd324;
   border-bottom: 2px solid #ffd324;
}

.official {
   background: #fff6bf url('img/warning.jpg') center no-repeat;
   background-position: 5px 50%;
   text-align: center;
   padding: 5px 5px 5px 5px;
   border-top: 2px solid #ffd324;
   border-bottom: 2px solid #ffd324;
}

 /*Pagination*/
div.pagination {
   text-align:center;
   padding: 7px;
   margin: 3px;
}

div.pagination a {
   padding: 2px 5px 2px 5px; 
   margin: 2px;
   border: 1px solid red;
   text-decoration: none; /* no underline */
   color: #000000;
}

div.pagination a:hover, div.pagination a:active {
   border: 1px solid white;
   background-color:red;
   color: #fff;
}

div.pagination span.current {
   padding: 2px 5px 2px 5px;
   margin: 2px; 
   border: 1px solid #000000;
   font-weight: bold;
   background-color: #000000;
   color: #FFF;
} 

div.pagination span.disabled {
   padding: 2px 5px 2px 5px;
   margin: 2px;
   border: 1px solid #EEE;
   color: #DDD; 
}
********************************************************************************
.container_div
{
     display: flex;
     align-items: center;
     justify-content: center;
}
.left-div
{
     display: inline-block;
     width: 250px;
     vertical-align: top;
	 padding: 5px 20px 5px 20px;
}
.right-div
{
     display: inline-block;
     margin: 10px auto;
     padding: 5px 20px 5px 20px;
     max-width: 800px;
}
 screen and (max-width: 800px) 
{
     .left-div, .right-div
     {
        left  max-width: 100%;
     }
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
	border: 10px;}

P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
border: 2px;
}
****************************************************************
/* STRUCTURE */

#pagewrap {
	padding: 5px;
	width: 1136px;
	margin: 10px auto; /*10px*/
}
header {
	height: 5px;
	padding: 0 15px;
}
#content {
	width: 250px;
	float: left;
	padding: 5px 22px;
	height: 400px;
}

#middle {
	width: 585px; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
	background: #fff6bf;
}

#sidebar {
	width: 250px;
	padding: 5px 15px;
	float: left;
}
footer {
	clear: both;
	padding: 0 15px;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 94%;
	}
	#content {
		width: 41%;
		padding: 1% 4%;
	}
	#middle {
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}
	
	#sidebar {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}

	header, footer {
		padding: 1% 4%;
	}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#content {
		width: auto;
		float: none;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#sidebar {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	header {
		height: auto;
	}
	h1 {
		font-size: 2em;
	}
	#sidebar {
		display: none;
	}

}


/*#content {
	background: #f8f8f8;
}
#sidebar {
	background: #f8f8f8;
}*/
#content, #middle, #sidebar {
	margin-bottom: 5px;
}

#content, #middle, #sidebar {
	border: solid 2px #ccc;
}

.navvert	{
	height: auto;
	padding: 2px 0px;
	position: absolute;
}

.navvert li {
	width: 200px;  /* Each menu item is 103px wide */
	/*float: left;   This lines up the menu items horizontally */
	text-align: center;  /* All text is placed in the center of the box */
	list-style: none;  /* Removes the default styling (bullets) for the list */
/*	font: normal bold 14px/1.2em Arial, Verdana, Helvetica;*/  
	padding: 0;
	margin: 0 auto;
	background-color: #CC0000;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 25px 25px 25px 25px; 

	/* Firefox 1-3.6 */
	-moz-border-radius: 25px 25px 25px 25px; 
  
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 25px 25px 25px 25px;
}

.navvert a {
	padding: 8px 0px;  /* Adds a padding on the top and bottom so the text appears centered vertically */
/*	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;*/
	text-decoration: none;  /* Removes the default hyperlink styling. */
	color: white; /* Text color is white */
	display: block;
}

.navvert a:hover, a:active {
	background: #454d2f;
	color: white; /* Text color is white */
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 25px 25px 25px 25px; 

	/* Firefox 1-3.6 */
	-moz-border-radius: 25px 25px 25px 25px; 
  
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 25px 25px 25px 25px;
}

.navvert li ul {
	display: none;  /* Hides the drop-down menu */
	height: auto;									
	margin: 0; /* Aligns drop-down box underneath the menu item */
	padding: 0; /* Aligns drop-down box underneath the menu item */			
}				

.navvert li:hover ul	{
	display: block; /* Displays the drop-down box when the menu item is hovered over */
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 25px 25px 25px 25px;

	/* Firefox 1-3.6 */
	-moz-border-radius: 25px 25px 25px 25px;
  
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 25px 25px 25px 25px;
}

.navvert li ul li {
	background-color: silver;
	margin: 0 auto;
} 

.navvert li ul li a {
	border-left: 1px; 
	border-right: 1px; 
	border-top: 5px; 
	border-bottom: 5px;
	color: black;
}
				
.navvert li ul li a:hover, a:active {
	background-color: #454d2f;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 25px 25px 25px 25px;

	/* Firefox 1-3.6 */
	-moz-border-radius: 25px 25px 25px 25px;
  
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 25px 25px 25px 25px;
}

.image {
	padding:2px;
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 2px 3px 3px 2px;
	background-color:white;
	float:left;
}