/* Revised from ResponsiveMenu.css */
/* By Jonah Luo, last touch on July 2017 */

/* define styles for: 
body, a, #logo, #menu-icon, 
ul, li, h1, p */

/* there are a few defined but not in current use */

body { 
	background: #f9f9f9;
	color: #555;
	line-height: 1.25em;
	font-size: 1.05em;
	font-family: Helvetica Neue, Helvetica, Arial;
}

a {
	color: #4C9CF1;  /* close to royal blue */
	text-decoration: none;  /* */
	font-weight: bold;
}
a:hover {
	color: #227;  /* midnight blue */
		/* old value is #444 */
}


#logo{		/* load & styling the logo image */
	margin: 20px;	
	float: left;
	width: 200px;
	height: 40px;
	background: url(../img/logo.png) no-repeat center;
	display: block;
}

#menu-icon {
	display: hidden;
	width: 40px;
	height: 40px;
	background: #4C8FEC;
        border-radius: 15px 15px 10px 10px ;
       /* menu-icon not currently in use --  
	-  url(../img/menu-icon.png) center; */
}

a:hover#menu-icon {
	background-color: #444;
	border-radius: 4px 4px 0 0;
}

/* styling -- ul list & list item */
ul {
	list-style: none;
}
li {
	display: block;   /* inline-block; */
	float: left;
	padding: 10px
}

/* h1 -- not in current use */
h1 {
	font-size: 2em;
	color: #2262AD;
	line-height: 1.15em;
	margin: 20px 0 ;
}
/* for paragraph */
p {
	line-height: 1.45em;
	margin-bottom: 20px;
}

/* img {
	width: 60%;
}
*/

/* The following: nav, header & section 
    -- are not in current use */
nav {
	float: right;
	padding: 20px;	
}
header {
	background: #fff;
	width: 100%;
	height: 76px;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 4px solid #4C9CF1;
	z-index: 100;	
}
section {
	margin: 80px auto 40px;
	max-width: 980px;
	position: relative;
	padding: 20px
}

/* footer is in current use */
#footer{
    width: 100%;
    bottom: 5px;
}

/* current -- not in use */
.current {    /* highlight curr menu of choice */
	color: #2262AD;
}

/* Styling titles h1, h3, h4 */
/* To do: -- commented on July 5th 2017 */
h1 {
	font-size: 2em;
	line-height: 1.15em;
	margin: 20px 0 ;
}

h3 {
	font-size: 1.3em;
	line-height: 1.15em;
	margin: 10px 0;  /* old is 20 px */
}

h4 {
	font-size: 1.15em;
	line-height: 1.15em;
	margin: 8px 0;
}