body {
 margin: 0;
 padding: 0;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 100%;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility;
 background-color: white;
 color: black;
}

h1 {
 font-weight: 700;
 font-size: 2.5em;  /*40px */
 margin: 0;
 text-indent: 0;
}

h2 {
 font-weight: 700;
 font-size: 1.5em;
 margin: 0;
 padding-top: .5em;
 text-indent: 0;
}
        
h3 {
 text-align: center;
 font-weight: 700;
 font-size: 1.25em;
 margin: 0;
 text-indent: 0;
}
        
h4 {
 text-align: center;
 font-weight: 700;
 font-size: 1em;
 margin: 0;
 text-indent: 0;
}
        
h5, h6 {
 text-align: center;
 font-weight: 700;
 font-size: 0.875em;
 margin: 0;
 text-indent: 0;
}
        
p {
 color: #605E5E;
 font-weight: 400;
 font-size: 0.875em;  /* 14px */
}

blockquote{
 font-style: italic;
 font-weight: 400;
 font-size: 0.875em;  /* 14px */
}

cite {
 font-weight: 700;
}

a:link, a:visited, a:active {
 color: #1874D1;
 text-decoration: none;
}

a:hover {
 color: blue;
}

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

#nav li {
 display: inline;
 color: orange;
 font-size: 1.25em;
 padding: 0 1em;
}

#nav a:link, a:visited, a:active {
/* color: #A0A09F; */
/* color: darkblue;*/
 font-weight: 400;
 color: #1874D1;
 text-decoration: none;
}

#nav a:hover {
 color: blue;
}

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

#raynav li {
 display: inline;
color: red;
/*color: #0DD4AE;*/
/* color: orange;*/
 font-size: 0.75em;
 padding: 0 1em;
}

#raynav a:link, a:visited, a:active {
/* color: darkred;*/
/*color: #005050;*/
color: #0DD4AE;
 font-weight: 400;
 text-decoration: none;
}

#raynav a:hover {
color: #00FFD0;
/* color: red;*/
}

#stripshell {
 display: block;
 padding: 0.8em;
/* background-color: #3714B0; */
/* background-color: #7080D0; */
 background-color: darkblue;
 margin: auto;
 text-align: center;
}

#strip div {
 margin: auto;
/* padding: 0 1em; */
 text-align: center;
 max-width: 500px;
}

#strip p {
 color: white;
 font-weight: 400;
 font-size: 1em;  /*16px */
}

#strip h1 {
 color: white;
}

#raystripshell {
 display: block;
 padding: 0.8em;
/* background-color: #3714B0; */
/* background-color: #7080D0; */
 background-color: #FF5555;
 margin: auto;
 text-align: center;
}

.centered {
text-indent: 0;
 text-align: center;
}

.bold {
 font-weight: 700;
}

.aqua {
color: #0DD4AE;
}

.red {
color: #FF0000;
}

.indent {
text-indent: 2em;
}

.small {
text-size: .5em;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#headline {
 padding: 0;
 margin:0;
 width: 100%;
 text-align: left;
}

#menubar {
 font-size: 1.5em;
/* text-indent: -2em; */
}

#top {
/* margin: 1em; */
 padding: .5em;
}

#raytop {
 margin: 1em; 
 padding: .5em;
 background-color: #F5FFFB;
}

#raytop a:link, a:visited, a:active {
/* color: darkred;*/
color: #0DD4AE;
/*color: #005050;*/
 font-weight: 400;
 text-decoration: none;
}

#raytop a:hover {
color: #00FFD0;
/* color: red;*/
}

.section2 {
/* background-color: #E0D7FF; */
 background-color: #F1F2FF;
 padding: 15px;
 margin: 15px;
 min-height: 120px;
 border: 1px outset lightblue;
}

.section2 img {
   float: left;
   height: 120px;
   margin: 10px 15px;
   padding: 0;
   }

.section450 {
/* background-color: #E0D7FF; */
 background-color: #F1F2FF;
 margin: auto;
 max-width: 450px;
 min-height: 120px;
 border: 1px outset lightblue;
}

.section550 {
/* background-color: #E0D7FF; */
 background-color: #F1F2FF;
 margin: auto;
 max-width: 550px;
 min-height: 120px;
 border: 1px outset lightblue;
}

.section650 {
/* background-color: #E0D7FF; */
 background-color: #F1F2FF;
 margin: auto;
 max-width: 650px;
 min-height: 120px;
 border: 1px outset lightblue;
}

.raysection650 {
background-color: white;
/*  background-color: #F5FFFB; */
 margin: auto;
 max-width: 650px;
 min-height: 120px;
border: 1px outset #0DD4AE;
/* border: 1px outset lightgray; */
border-radius: 6px;
}

.imgfloatleft {
 float: left;
 width: 100px;
 margin-right: 10px;
}

#footer {
 padding: 10px 30px;
 margin: auto;
 text-align: center;
 color: #A0A09F;
 font-family: helvetica, arial, sans-serif;
 font-weight: 400;
 font-size: 0.625em;  /* 10px */
}

#footerline {
clear: both;
}

#mastheadpic {
display: block;
padding: 10px;
}

.leftdiv {
 text-align: left; 
 text-indent: 2em;
 max-width: 600px;
 margin: auto;
}

.hangleftdiv {
 text-align: left; 
 text-indent: -2em;
 max-width: 600px;
 margin-left: 2em;
}

.centereddiv {
 text-align: center; 
 max-width: 600px;
 margin: auto;
}

.shyhyphens {
-webkit-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
}

.folderli {
list-style: square outside url(thread.gif);
margin-bottom: .25em;
}

.articleli {
list-style: circle outside url(xx.gif);
margin-bottom: .25em;
}

#newsletterhr{
width: 60%;
margin-top: 2em;
}

@media screen and (max-width: 600px) {
 /* screens less than 600px */
.imgcenter {
 display: block;
 width: 95%;
 padding: 5px;
 margin: auto;
}
.section650 {
 padding: 5px;
}
.raysection650 {
 padding: 5px;
}
.section450 {
 padding: 5px;
}
.section550 {
 padding: 5px;
}
#menubar {
 padding-left: 2em;
}
.directory1 {
margin-left: 1em;
 font-size: 1.5em;
}
.directory2 {
margin-left: 1em;
 font-size: 1.5em;
}

}
      
@media screen and (min-width: 600px) {
 /* screens larger than 600px */
.imgcenter {
 display: block;
 width: 50%;
 padding: 10px;
 margin: auto;
}
.section650 {
 padding: 35px;
}
.raysection650 {
 padding: 35px;
}
.section450 {
 padding: 15px;
}
.section550 {
 padding: 25px;
}
#menubar {
 padding-left: 3em;
}
.directory1 {
margin-left: 3em;
 font-size: 1.5em;
}
.directory2 {
margin-left: 5em;
 font-size: 1.5em;
}
}