#navbar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #AF8948;
}

#navbar2 {

float:right;list-style-type:none;"
  
  
}

#navlist {
    float: left;
    border-right:1px solid #bbb;
}

li:last-child {
    border-right: none;
}

#navlinks {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    
}





li a:hover:not(.active) {
    color: #a10300;

}

.active {
    background-color: #f2d811;
}

#mainbody {

width: 1000px;
margin: auto;
  font-family: old english;

text-align: center; 
}

#headimage {


  color: #a10300;
text-align:center;
  font-size: 175%;
margin-bottom:0;
}

#secondheader {

  
  
  font-family: old english;

  
  

 color: white;

 
margin-bottom:0;
margin-top:0;

}

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

#toptwo {
  
  text-align:center;
position:relative;
  
}



#newtitle {

width:548px;
 
  margin:auto;

}


#dailybv{

  font-family: old english;
  font-size: 100%;
  margin: auto;
  text-align:center;
display: inline-block; 

}

#library {
    

font-size: 20px;
  margin: auto;
  text-align:center;
display: inline-block; 



}


#library a {



}
#library a:hover {

  color: #a10300;
  background-color: none;

}


#library  li a:hover {

  color: #a10300;


}


#library  ul li a:hover {

  color: #a10300;


}









.dropbtn:hover, .dropbtn:focus {
    background-color: Yellow;
}

.dropdown {
    
    display: inline-block;

}

.dropdown-content {
    display:none;
    position:absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    overflow:auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);


}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  font-size: 15px;
  
}

.dropdown a:hover {background-color: yellow;}

.show {display:block;}

a:link {

  color: #1A5276;

}


a:visited {

  color: orange !important;
  

}

a:hover {

  color: #a10300;
  background-color: yellow;
}






#events {

float:left;
  text-align:left;

}



#events a:link {

  color: #1A5276  ;

}


#events  a:visited {

  color: orange;

}

#events a:hover {

  color: #a10300;
  

}

#secondhead {

margin:auto;
  margin-top: 0px;
  margin-bottom: 12px;
  text-align:center;
  font-family: old english;



}
  
  

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}


#topthree {

text-align:center;
  width: 600px;
margin-left:5px;


}

#sidebar {

width: 250px;

  


}

.col-right {

float:right;
  


}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 2px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}


#sidebar2 {

  width: 28%;

}

#sidebar {

width: 68%;

}

#catlinks {

margin:auto;

}

div.img {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 267px;
}	

div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

#iframe {

margin-top: 10px;

}

div.sidebar {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 267px;
}


#socialmedia {

text-align:center;



}

#footer {

background-color:#a10300;


  color: white;
  font-family: old english;

  font-size: 16px;

  padding: 7px;
  width:800px;
  margin:auto;
  font-style: normal;
}


#linkedin {
font-family: old english;
  color: white;
  padding-left: 300px;
  font-style: normal;
}

#ref:hover {

color:#000369;


}

#social:hover {

color: #a10300;


}

#social:visited {

color:orange;
  background-color: white;

}

#demoCanvas {
  
  margin:auto;
  align-content:center;
  text-align:center;


}

#democanvas2 {
  
  margin:auto;
  align-content:center;
  text-align:center;


}



#container  {

  /*** CENTER ALIGN BOX ***/

  /*** SET WIDTH & HEIGHT ***/
  width: 1040px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;

 border-color: #006;

  /*** APPLY BORDER-IMAGE ***/
    border:35px outset brown;
    -moz-border-image:url("paisborder.png") 25 repeat;
    -webkit-border-image:url("paisborder.png") 25  repeat;
    border-image:url("paisborder.png") 25  repeat;
}


#fourflags {

 width: 300px;
    height: 300px;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */
    transition: width 2s, height 2s, 
    transform 2s;
}




#fourflags:hover {
    width: 600px;
    height: 600px;
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
}

aside {

margin-left:auto !important; 
  margin-right:auto !important; 
  font-family: old english;

  font-size: 30px; 
  text-align:center;


}

#toph1 {

margin-left: auto;
margin-right: auto;
font-size: 30%;


}

#egypt{
  font-family: old english;

  font-size: 20px;
  margin: auto;
  text-align:left;
display: inline-block; 

}


#audio{

text-align:left; 
margin-left: 5%;

}

.search {

font-size: 20px;

}


a:link {
    
 color: #003366;
    
}


a:hover, #onclick:hover {

  color: #a10300;
  background-color: white;
  
}


#navlist :hover {

color: #a10300;;
background-color: #f5dc00;
    
}

@font-face {
    font-family: myFirstFont;
    src: url(OldeEnglish.ttf);
}

a {
    
      font-style: normal;

    
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}