body {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            margin: 0px
        }
    header {
            background: #FFFFFF;
            flex-grow: 1;
            padding: none;
            text-align: center;
            margin: auto;
        }

    main {
            background: #FFFFFF;
            flex-grow: 1;
            padding: 20px;
        }
    footer {
            background: #3B3B3B;
            padding: 15px;
            text-align: center;
            margin: auto;
            color: #00008B;
        }
        
    ul {
      list-style-type: square;
    }
        
        .scroll-container { min-width: 1200px; overflow-x: scroll; overflow-y: scroll; }

table { 
     border-collapse: separate; /* Important for border-radius to work on tables */
     border-spacing: 0px; /* Removes space between cell borders */
     border: none; /* Example border */
     border-radius: 10px; /* Adjust the value to control the roundness */
     overflow: hidden; /* Ensures content stays within rounded corners */
     margin-left: auto;
     margin-right: auto;
    }

td {
      padding: 8px;
      border: none; /* Example cell border */
  	  font: normal 12px Tahoma, Arial;
}   


h1, h2, h3, h4, h5 { text-transform:uppercase;

    color: #00008B;
    margin: 0px;
    text-align: center;
}


h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 14px;
}

.navbar ul {
    list-style-type: none;
    background-color: #191970;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.navbar ul li {
    float: left;
    margin-right: 10px;
    display: inline-block;
}


.navbar a {
    color: #FFFFFF;
    text-decoration: none;
    padding: 15px;
    display: inline-block;
    text-align: center;
    font: normal 14px Tahoma, Arial;
}

.navbar a:hover {
    background-color: #BDBDBD;
    font: normal 14px Tahoma, Arial;
    color: #063b6a;
}

a {

font: normal 12px Tahoma, Arial;
color: #00008B;
text-decoration: underline;
}

a:hover {

font: normal 12px Tahoma, Arial;
background-color: #BDBDBD;
color: #00008B;
text-decoration: none;

}

a.b1
{
font:  14px tahoma, Arial;
color: #fffea0;
text-decoration: none;
padding: 15px;
margin: 0px;
}

.p
{
padding: 0 0 0 20px;
}
.p1
{
padding: 0 0 0 30px;
}
.p2
{
padding: 150px 0 0 250px;
}

.bg1
{
background: #215F9A; /*Medium-Dark Blue*/
}
.bg2
{
background: #2B7FCB; /*Medium Blue*/
}
.bg3
{
background: ##83B6E5; /*Light Blue*/
}
.bg4
{
background: #E7E8EB; /*Light Gray*/
}
.bg5
{
background: #FFFFFF; /*White*/
}
.bg6
{
color: #FFFFFF;
}
.bord
{
border: 1px solid #c5d85a;
}
.menu 
{
color:#ffffff;
vertical-align:top;
height: 35px;
padding: 10px 0 0 20px;
}
.menu a
{
color:#ffffff;
font: bold 11px  tahoma, Arial;
text-decoration: none;
}

a.text_link{
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:underline;
	line-height:17px;
}
a.text_link:hover{
	font-family:Tahoma, Verdana, Arial;
	font-size:13px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	line-height:17px;}

.container{
    max-width:1000px;
    margin:auto;
    background: #E7E8EB;
    overflow: auto;
}	
	
.gallery{
    margin:5px;
    border:1px solid #ccc;
    float: left;
    width: 320px;
}

.gallery img{
    width: 100%;
    height: auto;
}
	
.desc{
    padding: 15px;
    text-align:center;
    height: 30;
    
}
	
	
.blye-text-underline {
color: #44b2ff;
text-decoration: underline;
}

.blye-text-regular {
color: #44b2ff;
text-decoration: none;
}