header, section, footer, aside, nav, main, article, figure {
	/* To secure correct behavior in older browsers */
    display: block; 
}
* {
	margin:0;
}

html,body{
	/* Main purpose is to center objects in the page */
	height:100%;
	width:100%;
	/* Google fonts*/

	/*	font-family: 'Indie Flower', cursive; */
	/* 	font-family: 'Gloria Hallelujah', cursive; */
	/*	font-family: 'Architects Daughter', cursive; */
	font-family: 'Belleza', sans-serif;
}
a{
	/* remove default style of all links  */
	text-decoration:none;	
    color: inherit;	
}

#headerDiv, #masterDiv {
	width:100%;
	margin:0 auto;
}
#headerDiv{
	position:fixed;
	top:0;
	background-color:white;
}
#headerDiv hr{
	width:80%;
	border:0; border-top:2px solid #39b1cc;
	margin:0 auto;
}
#Menu{
	/* Containing header menu */
	background-color:#39b1cc;
	
/*	height:3em;*/
}
#Menu > ul{
	
	width:60%;
	list-style:none;
	display:table;
	margin-left: 6.5%;
}
#Menu > ul > li{
	display:table-cell;
	vertical-align:middle;
	float:left;
	font-size:1em;
}
#Menu ul li a, .subMenu a{
	text-decoration:none;	
	display:block;
	padding:1em 1em;
	
}

#Menu > ul > li:hover, .current{
	color:#39b1cc;
	background-color:white;	

}
.other{
	color:white;
	background-color:#39b1cc;
}
#titleDiv{
	width:80%;
	display:table;
	margin-left:15%;
	color:#226A7A;
	
}
#titleDiv h1{
	/* Banner which contains the name */
	width:60%;
	padding:1em 0.5em;
    /*text-shadow: 2px 2px 4px #88D0E0;*/
	display:table-cell;
}
#titleDiv > div{
	width:40%;
	display:table-cell;
	vertical-align:middle;
}
.iconImg{
	width:1em;
	vertical-align:middle;
	margin-right: 0.4em;
}
.bigIconImg{
	height:1em;
	vertical-align:middle;
	margin-right: 0.4em;
}
.wrapper{
	text-align:justify;
	width: 80%;
	margin: 0 auto;
	padding: 10em 0 3.5em;
}
.innerWrapper{
	padding: 0 3.5em;
}
.wrapper div{
	/* Test */
	margin-top:0.5em;
}
.widerList li{
	margin-bottom:1em;
}
#currentDateDiv{ 
	display: inline;
}
#footerDiv{
	/* Style for footer div */
	width:100%;
	height:2em;
	background:#39b1cc;
	text-align:center;
	position: fixed;
	bottom:0;
	color:white;
	padding-top:0.5em;
	font-size:0.9em;
}
.pageTitle{
	/* Style for the main title of the page */
	font-weight:bold;
	color:#226A7A;
	font-size:1.5em;
	margin:0 0 1em 1.5em;
}
ul{
	list-style-type:none;
	width:92%;
}
.itemTitle{
	/* Class to define the style of all items */
	font-weight:bold;
	color:#226A7A;
	margin:0 0 0.4em 0;
	font-size:1.2em;
}
.cellTitle{
	color:#226A7A;
	font-weight:bold;
}
.author{
	text-decoration:underline;
	font-weight:bold;
}
.sideCell{
	width:3em;
	vertical-align:top;
}
.inSideCell{
	width:6.5em;
	font-weight:bold;
	color:#226A7A;
}
.insideDiv{
	/* Any div inside table, td, ... */
	font-size:0.9em;
	color:black;
	margin-left:0.3em;
	font-weight:normal;
}
.quoteDiv{
	/* Style for quote Div that contains the blockquote and cite tags */
	width:50%;
	margin:0 auto;
	padding: 0.5em 0 2em 0;
}
blockquote p {
	font-size: 1em;    
}

blockquote {
	
}
.linkStyle{
	/* style to highlight link within text */
    text-decoration: underline;
}
.abstract{
	/* spacial style for abstract citation */
	width:90%;
    font-style: italic;
	margin:auto;
	font-size:0.9em;
}
cite {
	font-size: 0.8em;
	margin-left:80%;
}

.RegularFont{
	/* Regular font for header and footer */
	font-family: "Arial", Times, serif;
}

.pubItem li{
	line-height:1em;
	margin:0;
	padding:0.2em;
}

/*style the sub menu*/
.subMenu {
	position:absolute;
	visibility:hidden;
	border-width:0.1em;

}

.subMenu li a{
	display:block;
	width:5em;
	margin-left:-3.2em;
	background-color:#F3FAFC;
	border-style: none solid solid;
	border-color: #39b1cc;
	border-width:0.1em;
	text-align:center;
}

.moveToLeft{
	padding-left:1em;
}

.subMenu li a:hover {
	color:white;
	background-color:#39b1cc;
}