<!--#FFFFFF is white, #000000 is black -->
<!--Emory main webpage colors: #d29000 gold, text #2D2323 , with background blue #002878 -->
<!-- official Emrory colors: #b58500 gold, #012169 Emory blue -->

<style type="text/css"> 
/*This is a comment*/

.spacebelow{margin-bottom: 8;}

img{border-radius: 10px;}

header{
  font: 25pt arial;
  font-weight: bold;
  color: #000000; /*color of text*/
  background-color: #f2a900 ; /*#FFBF85 color of highlight*/
  box-shadow: 0px 0px 0px rgba(0,0,0,.15);
  padding: 10px 30px;
  margin: 20px 0px;
  border-radius: 10px;  
  list-style: none;
  position: relative;
  display: inline-table;
}

table.styled{
  font: 13pt arial;
  color: #000000; /*main text color*/
  background-color: #FFFFFF; /*box background around main text*/
  box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
  padding: 0px 0px;
  border-radius: 10px;  
  list-style: none;
  position: relative;
  display: inline-table;
}

table a {

    color: #012169; /* fontcolor of hyperlinks */

}


body{
  color: #FFFFFF; /* text on the background*/
  background-color: #012169; /*background color of whole site*/
  padding: 2.5em;
  margin: 0;
  font: 13pt Arial;
}

h1{
  margin: 8px;
}

nav.styled ul ul{
	display: none;
}

	nav ul li:hover > ul{
		display: block;
	}



/*Links to other pages*/
nav.styled ul{
	background-color: #f2a900; /*color of links background*/
	box-shadow: 0px 0px 0px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
        z-index: 1;
	display: inline-table;
}
	nav.styled ul:after{
		content: ""; clear: both; display: block;
	}

nav.styled ul li {
	float: left;
}
	nav ul li a {
		color: #000000; /*text color of links*/
	}
	nav ul li:hover {
		background: #5B5656;/*background of links when you hover mouse on them*/
	}
		nav ul li:hover a {
			color: #F38023;/* text of links words when you hover mouse on them*/ 
		}
	
	nav ul li a {
		display: block; padding: 10px 25px;
		color: #red; text-decoration: none;
	}

ul li {
    margin-top: 5px;
    margin-bottom: 5px;
}

ol li {
     margin-top: 5px;
    margin-bottom: 5px;
}


nav.styled ul ul {
	background: #6699CC; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	nav.styled ul ul li {
		float: none; 
		border-top: 1px solid #003366;
		border-bottom: 1px solid #003366;
		position: relative;
	}
		nav.styled ul ul li a {
			padding: 15px 40px;
			color: #gold;
		}	
			nav.styled ul ul li a:hover {
				background: #6699CC;
			}

.footer { 
            tex-align:center;
            position:fixed; 
            bottom: 0px; 
            } 

</style>
