/* ============================= WEBSITE PROPERTIES ============================= */
html {
     height:100%; 
     width:100%;
     background-image: url(../images/content_bg.png);
     background-size: contain;
     padding: 0% 0% 0% 0%
}
/* ============================= TOP 1 ============================= */
.top1 { 
      margin:0 auto;
      padding: 0% 0% 0% 0%;
}
/* ============================= BODY PROPERTIES ============================= */
body {
    margin:0 auto;
    width:100%;
    height:fill-available;
    text-align:center;
    font:12px Arial, Helvetica, sans-serif;
}
/* ============================= COVER PHOTO FEED ============================= */
.cover { 
      margin: auto;
      width: 50%;
      height: 90%;
      padding: 90px 0 0 0;
      overflow-y: hidden;
      overflow-x: hidden;
}
/* ============================= LOGO ============================= */
.logo { 
      position: absolute;
      left:0;
      top:10px;
      width:100%;
}
/* ============================= NEWS FEED ============================= */
.feed { 
      margin: auto;
      width: 50%;  
      width: 500px;
      overflow-y: hidden;
      overflow-x: hidden;
}
/* ============================= PAGE ============================= */
.page { 
    position: fixed;
    top: 350px;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .93; 
    width:700px;
    height:500px;
    border-style: ridge;
    overflow-y: scroll;
    overflow-x: hidden;
}
/**********************NAVIGATION BAR*****************************/
#navbar    {
    position: fixed;
    top: -10px;
    width:100%;
    left: 0px; 
    height: 40px;
    list-style:none;
    padding: 0%;
    text-align:center;
    background:f4cdaf;
}
#navbar ul {
    display: table-row;
        }
#navbar li {
    border-width:1px 0;
    display:inline-block;}
#nav a{
    display:inline-block;
    padding:1px;
}
#navbar li a {
	display: block;
	padding:  20px;
    font-size: large;
	color:#532a65 ;
	text-decoration: none; }
#navbar li ul {
	display: none;
	background-color:#f4cdaf;
    background-size: contain;
        }
#navbar a:hover {
    z-index: 1;
    background: #9e90a5;
}
#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
    z-index: 1;
	padding: 10px; }
#navbar li:hover li {
	float: none;
    z-index: 1;
    display: table-row; }
#navbar li:hover li a {
    z-index: 1;
    padding: 5px;}
#navbar li li a:hover {
    z-index: 1;
}
/* ============================= SOCIAL MARKERS ============================= */
.social {
    position: fixed;
    bottom: 30px;
    width: 100%;
}
/* ============================= TABLE PROPERTIES ============================= */ 
table {
    width: 100%;
    }
th    {
    color: #000;
    font-family: arial;
    font-size: 20px;
    font-weight:bold;
    vertical-align:top;
    }
td    {
    color: #000;
    border-color: white;
    font-family: arial;
    font-size: 14px;
    font-weight:normal;
    vertical-align:top;
    text-align:justify;
    padding: 5px 10px 5px 5px;
}
/* ============================= IMAGE PROPERTIES ============================= */
.border {   
    border-width: 5px;   
    border-color: white;   
    border-style: solid;
} 
/* ============================= HEADER PROPERTIES ============================= */
h1  {
    color: #000;
    font-family: arial;
    font-size: 24px;
    font-weight:bolder;
    text-align:center;
    }
/* ============================= PARAGRAPH PROPERTIES ============================= */
p  {
    color: #000;
    font-family: arial;
    font-size: 14px;
    font-weight:normal;
    }

li  {
    color: #000;
    font-family: arial;
    font-size: 14px;
    font-weight:normal;
}

/********************** FOOTER ***********************/
#footer {
            position: fixed;
            padding: 10px 10px 0px 10px;
            bottom: 0;
            width: 100%;
            color: #9e90a5;
            /* Height of the footer*/ 
            height: 20px;
            background: #5a4059;
        }