/* CSS layout */

body {
	text-align: center;
	background-color:#9CB3B8 /* #47868D /* #6a90c9; */

}


#masthead {
	background-color: #9CB3B8;
	width: 100%;
	font-size: 30pt;
	text-align: left;
	margin: auto;
}
/*	vertical-align:top   */


/*	top navigation bar	***************************/
#topnav {
	background-color: #9CB3B8;
	width: 100%;
	font-size: 14pt;
	text-align: left;
	margin: auto;
}

#topnav a {
	font-weight: bold;
	text-decoration: none;
	color: #043945;
}
#topnav a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #880000;
}
/*	end of top navigation bar	***************************/


#container {
	width: 100%;
	font-size:12pt;
	text-align: left;
	margin: auto;
	height: auto;
}




#page_content {
	width: 100%;
	margin: auto;
	float: left;
	background-color: #ffffff;
	font-size:12pt;
	text-align: left;
	height: 100%;
}

#page_content a {
	font-weight: bold;
	text-decoration: none;
	color: #043945;
}
#page_content a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #aa0000;
}


#footer {
	clear: both;
	background-color: #9CB3B8;
	color: #ffffff;
	width: 100%;
	height: auto;
	margin: auto;
}
#footer a {
	font-weight: bold;
	text-decoration:underline;
	color: #ffffff;
}
#footer a:hover {
	color: #aa0000;
}
#footer_bot {
/*	background-color: #bcbfac; */
	background-color: #6a90c9;
	width: 1000px;
	margin: 0 auto;
	height: 20px;

}



/* image zoom css	*/

* {box-sizing: border-box;}

.img-zoom-container {
  position: relative;
}

.img-zoom-lens {
  position: absolute;
  border: 1px solid #d4d4d4;
  /*set the size of the lens:*/
  width: 40px;
  height: 40px;
}

.img-zoom-result {
  border: 1px solid #d4d4d4;
  /*set the size of the result div:*/
  width: 300px;
  height: 300px;
}