body  {
  background-color: #E4C4A0;
  font-family: arial;
  color: #000000;
}

div.center  {
  margin-top: 50px; 
  margin-left: auto; 
  margin-right: auto; 
  width: 500px; 
  height: 500px;
}
div.right  {
  display: block; 
  margin-left: 150px;
  margin-right: auto;
}
div.left  {
  position: absolute;
}

img.nav_image  {
  border: none;
}

a:link {
  color: #000000;
  background: transparent;
}
a:visited {
  color: #000000;
  background: transparent;
}
a:active {
  color: #000000;
  background: transparent;
}

/*  CODE Page */

.codeBody {
	background-color: #B79875;
}

.navigation {
	background-color: #B79875;
	width: 160px;
	position:absolute;
	top:20px;
	left:20px;
	padding:10px;
	z-index:2;	 
	text-align: right; 

}

.projectsDropShadow {
	background-color: #494949;
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:20px 40px 20px 200px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

.projects  {
	position: relative;
	background-color: #E4C4A0;
	width: auto;
	padding: 10px;
	min-width: 120px;
	left: -2px; top: -2px;
	overflow: hidden;
}

div.navSubjectTitle {
	font-weight: bold;
	font-size: 14pt;
	padding: 10px;
	margin: 50px 0px 0px 0px;
}

div.navProjectTitle {
	font-size: 10pt;
	padding 10px;
	margin: 10px 5px 10px 5px;	
}


div.navTop  {
	padding: 5px;
	width: 38px;
	font-weight: 600;
	font-size: 10pt;
	text-align: center;
	z-index: 4;
	background-color: #A08366;	
	position: fixed; right: 0px; top: 20px;
}



div.codeSubject  {
	font-size: 18pt;
	margin: 30px 10px 10px 10px;
	text-align: center;
	
}



div.project  {
	position: relative;
	height: 1%;
}
div >.project {height: auto;}


div.projectImages  {
	float: left;
	width: 150px;
	min-width: 150px;
	padding: 10px;
}

img.projectImage  {
	border: 1px ridge black; 
}

div.projectData {
}

div.projectTitle {
	position: relative;
	width: auto;
	min-width: 120px;
	margin: 10px 10px 10px 180px;
	padding: 10px;
	background-color: #CFB08E;
	font-size: 14pt;
	font-weight: bold;
}

div.projectText {
	position: relative;
	width: auto;
	min-width: 120px;
	margin: 10px 10px 10px 180px;
	padding: 10px;
	text-align: justify;
}

div.projectLinks {
	position: relative;
	width: auto;
	min-width: 120px;
	margin: 10px 10px 10px 180px;
	padding: 5px;
	
	background-color: #CFB08E;
	font-size: 10pt;
}

span.dataTextTitle {
	font-weight: 600;
}

#projDesc {color: #004040;
font-size: medium;
font-weight: bold;}