/* WEBSITE STYLES */
body {
  background-image:url("/images/bkg/sun.jpg");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
    font-family: oswald;
    font-style: normal;
    color: #000000;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.3;
    margin-top: 0px;
    margin-bottom: 0px;
}

#nav {
    width: 1100px;
    font-size: 22px;
    float: left;
	margin: 0 0 0 0;
    padding: 0px;
	background-color: #4285F4;
	border-bottom: 0px solid #ffffff;  
}

#nav a:link,
#nav a:visited {
       color: #ffffff;
       border-right:1px solid #ffffff;
       font:bold 1.3em/ agency fb;
       text-shadow: 1px 1px 1px #000000;
       text-align: left;
       padding: 6px;
       float:left;
       text-decoration: none;
       text-transform: none;
	   border-radius:5;
	
}
	
#nav a:hover {
       color:#F65814;
       background:#ffff1a;
}

	
#nav a:focus {
	color:#ffff00;
	background:#99ffcc;
}
	
#nav a:active {
       color:#ffff00;	
       background:#66ff66;
	
}

#nav1 {
    width: 220px;
    font-size: 22px;
    float: left;
    padding: 0px;
	background-color: #4285F4;
	
}

#nav1 a:link,
#nav1 a:visited {
       color: #ffffff;
       border-right: 0px solid #ffffff;
       font:bold 1.3em/ agency fb;
       text-shadow: 1px 1px 1px #000000;
       text-align: left;
       padding: 10px;
       float:left;
       text-decoration: none;
       text-transform: none;
	   border-radius:3;
}
	
#nav1 a:hover {
       color:#F65814;
       background:#ffff1a;
}

	
#nav1 a:focus {
	color:#ffff00;
	background:#99ffcc;
}
	
#nav1 a:active {
       color:#ffff00;	
       background:#66ff66;
	
}

h1 {
	font-family: helvetica,verdana, geneva, arial;
	font-size: 10pt;
	color: navy;
	padding-top: 0px;
	padding-bottom: 0px;
}

h2.article-title {
    font-family: "roboto";
    color:#021bfa;
	font-size:20px;
    line-height:10px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
	max-width:100%;
}

h3 {
	font-family: "oswald",arial,serif;
	font-size: 10pt;
	color: navy;
	padding-top: 0px;
	padding-bottom: 0px;
}

#myimages { white-space: nowrap; }
#myimages img {
display: block;
float: left;
margin: 20px;
}

botton {
    width:100%;
    color:#F65814;
    background:#ffff1a;
}

/* ----------marquee --------- */

    .modern-marquee {
        background-color: #ca0b0b;
        height: 40px;
        width: 1100px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
    }
    
    .modern-marquee-content {
        font-family: 'Oswald', sans-serif;
        font-size: 22px; /* size="5" in font tag is roughly 20px */
        color: #fffb00;
        white-space: nowrap;
        position: absolute;
        animation: scroll-left 50s linear infinite;
    }
    
    @keyframes scroll-left {
        0% { left: 100%; }
        100% { left: -250%; } /* Adjust based on text length */
    }

/* ------------------------- floating bar --------- */
      #floatingbar {
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        height:11%;
        
.center {
  margin: auto;
  width: 50%;
  padding: 100px;

}
       
      #fbinside {
        margin:0 auto;
        width:100%;
        height:100px;
        background: #;
        background-repeat:repeat-x;
        padding-right: 180px;
      }
      
      #fbmiddle {
        line-height:100px;
        height:100px;
        width:100%;
        margin:0;
        padding:0;
        float:right;
      }
    
    </style>