#layout {
 display: block;
 max-width: 900px;
 margin-left: auto;
 margin-right: auto;
 background-color: white;
 padding: 7px;
}

#content {
  margin-right: 27% ;
}
#navbar {
  float: right ;
  width: 25% ;
}
#social-media {
  float: right ;
  clear: left ;
}

.social-media-padding {
padding-right: 5px;
}

.social-media-table {
float: right;
clear: left;
}

.no-border {
  border: 0;
}

.social-media-td {
padding: 0px 3px 0px 0px;

}

#footer {
  clear: both ;
}
#footer3 {
  clear: both ;
  text-align:center;
}
.header {
  text-align: center ;
  color: green ;
  font-size: 190% ;
  font-weight: bold ;
  text-decoration: none;
}
#header2 {
  text-align: center ;
  color: black ;
  font-size: 150% ;
  font-weight: bold ;
}
#header3 {
  text-align: center ;
  color: green;
  font-size: 130% ;
  font-weight: bold ;
  font-style: italic;
}
body  {
    background-image: url("images/nightsky2.jpg");
    background-color: #ffffff;
    color: #000000;
    font-size: 100%;

}

#search-bar {
width:90%;
float:left;
}

#search-spacer {
float: right;
height:45px;
}

#search-bar2 {
  width:100%;
  height: 45px;
  clear: both;
}

#corporate {
 max-width: 750px;
 text-align: center;
 background-color: #E0FFFF;
 padding-top: 5px;
 border-style: solid;
 border-color: green;
 border-width: 2px;
 padding-bottom: 5px;
 margin-left: auto;
 margin-right: auto;
}

.menu-item {
  text-align: center ;
  background-color: #E0FFFF;
  border-style: solid;
  border-color: green;
  border-width: 1px;
  font-size: 0.875em;

}

.menu-item-donate {
  text-align: center ;
  background-color: #FFD700;
  border-style: solid;
  border-color: green;
  border-width: 1px;
}

#footer1 {
    color:green;
    clear:both;
    text-align:center;
  font-size: 190% ;
  font-weight: bold ;
 	 
}

img.main-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  border: 0;
} 

img.book-cover {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  border: 0;
}

img.sponsor {
  max-width: 25%;
  padding: 2%;
  border: 0px none;
}

img.news-item {
  max-width: 20%;
  padding: 0 1% 0 1%;
  border: 0px none;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
}

.video-sizer {

width: 420px;
height: 315px;

}


@media only screen and (max-width: 650px) {

.video-sizer {

width: 300px;
height: 225px;
  }
}

@media only screen and (max-width: 500px) {

.video-sizer {

width: 160px;
height: 120px;
  }

}

.auto-resizable-iframe {
  max-width: 420px;
  margin: 0px auto;
}

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 75%;
  height: 0px;
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.auto-resizable-iframe2 {
  max-width: 420px;
  margin: 0px auto;
}

.auto-resizable-iframe2 > div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
}

.auto-resizable-iframe2 iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.auto-resizable-iframe2-left {
  max-width: 560px;
}

.auto-resizable-iframe2-left > div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
}

.auto-resizable-iframe2-left iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.auto-resizable-iframe-left {
  max-width: 420px;
}

.auto-resizable-iframe-left > div {
  position: relative;
  padding-bottom: 75%;
  height: 0px;
}

.auto-resizable-iframe-left iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.cse .gsc-control-cse,
        .gsc-control-cse {
                padding: 0px !important;
        }