div.hidden{
	display: none;
}

a{
  text-decoration: none;
}


div#navbar{
  font-size:		28px;
  font-family:		Verdana, Geneva, Arial, sans-serif;
  padding-bottom: 	30px;
}

div#navbar table{
  margin-left:		auto;
  margin-right:		auto;
}

div#navbar td{
  padding-left:		20px;
  padding-right:	20px;
}

div#navbar a{
  text-decoration:	none;
  color:		#828282;
}

div#navbar a:hover{
  color:		#8E0000;
}

span.italic{
	font-style: italic;
}

span.bold{
  font-weight: bold;
}

span.normal{
  font-style: normal;
}

h1#title{
  font-size:  28px;
  font-family: Verdana, Geneva, Arial, sans-serif;
  padding-top: 10px;
  /*padding-bottom: 10px;*/
  text-align: center;
  color: #222222;
  font-weight: normal;
}


div.era h1{
  font-family: 		Verdana, Geneva, Arial, sans-serif;
  text-align: center;
  font-size:		17px;
  color:		black;
  /* font-style:		italic; */
  font-weight:		bold;
/*  border-color: 	#00127C;
  border-width: 	1px;
  border-bottom-style:		dotted;*/
  padding:		5px;
  margin:		auto;
  height:		20px;
  width:		800px;
  margin-top: 30px;
  padding-bottom: 5px;
/*  text-decoration: underline;
  text-decoration-color: #828282;*/
}	

div.era h2{
  font-family: 		Verdana, Geneva, Arial, sans-serif;
  text-align: center;
  font-size:		15px;
  color:		black;
  font-style:		italic;
  font-weight:		normal;
/*  border-color: 	#00127C;
  border-width: 	1px;
  border-bottom-style:		dotted;*/
  padding:		5px;
  margin:		auto;
  height:		20px;
  width:		800px;
  padding-bottom: 5px;
/*  text-decoration: underline;
  text-decoration-color: #828282;*/
}	

div.era p{
  font-family:    Verdana, Geneva, Arial, sans-serif;
  text-align: justify;
  font-size:    15px;
  color:    black;
  /* font-style: italic; */
  font-weight:    normal;
  padding:    5px;
  margin-top:  15px;
  width:    800px;
  border-color:   #00127C;
  border-width:   1px;
  border-bottom-style:    dotted;
  margin:   auto;
  padding-bottom: 35px;
  color: #505050;
}

div.era p a{
  font-size:    15px;
  font-weight: bold;
  color: #505050;
  
}

div.era p a:hover{
  color:      #8E0000;
}

div.project {
  font-family: 		Verdana, Geneva, Arial, sans-serif;
  font-size: 		small;
  border-color: 	#00127C;
  border-width: 	1px;
  border-bottom-style:		dotted;
  padding:		5px;
  margin:		auto;
  height:		240px;
  width:		800px;
}

div#miniproject{
	height: 130px;
	}

/* #topproject{
  border-top-style:		dotted;
}

*/


div.project h1{
  margin:		0px;
  padding:		0px;
}

div.project a{
  color:		black;
  text-decoration:	none;
  font-size:		15px;
  margin:		0px;
  padding:		0px;
}

div.project h2{
  font-size:		15px;
  color:		#828282;
  font-style:		italic;
  font-weight:		normal;
  margin:		0px;
  padding:		0px;
}

div.project p{
  font-size:		15px;
  text-align: justify;
}

div.project img {
  margin-right:		10px;
  float:		left;
}

div.project div.textblock{
  margin-left:		260px;
}

div.project a.projecttitle:hover{
  color:		#8897ED
}

div.project p a{

  font-size:		16px;
  font-weight: bold;
  
}

div.project p a:hover{
  color:			#8E0000;
}

.imagelink{
  border-style: none;
}