@charset "UTF-8";
/* CSS Document */
body {
  min-height: 100%;
  height: 100%; /* this is the key! */
  font-family: Verdana, Geneva, sans-serif;
  font-size: small;
  line-height: 130%;
  font-weight: normal;
  /* #e9dbed;  dusky purple taken from the banner */
	  /* dusky plum from logo color: #958899;  */
  background-color: #333333;
  margin: 0px;
  padding: 0px;
}
td {font-size: small;}
/* The basefont styling is to override some ugly results from the user editing in the Content Management System. It is used on the top-level home page index.cfm. */
div.basefont, div.basefont span, div.basefont b, div.basefont strong, div.basefont p {
  font-family: Verdana, Geneva, sans-serif !important;
  font-size: small !important;
  line-height: 130% !important;
  font-weight: normal !important;
}
div.basefonth2 h2 {
  font-family: Verdana, Geneva, sans-serif !important;
  font-size: medium !important;
  font-weight: bold !important;
}

a {text-decoration:underline}
a:hover {text-decoration:none;}

th {
  color: indigo;
  text-align: left;
  padding: 1em 0em 1em 0em;
}
td, th {
  border: none;
}
td {
  padding: none;
}
td.right, th.right {text-align:right}
td.left, th.left {text-align:left}
td.center, th.center {text-align:center}
tr.top {vertical-align:top}
h1, h2, h3, h4 {
  line-height: normal;
  color: #000000;
}
h2 {
  font-weight: bold;
}
h1 {
  font-family: "Times New Roman", Times, serif;
  font-size: x-large;
  
}
h2, h3, h4 {
  font-family: Verdana, Geneva, sans-serif;
}
h2, h3 {
  font-size: medium;
}
h4 {
  font-size: small;
}
a {
  color: #046b9e; 
}

img  {
  text-decoration: none
}
input.txt {
  font-family: Verdana, Geneva, sans-serif;
  background-color: white;
  color: #000000;
  font-size: 12px;
  border: none;
  padding: 3px;
  margin: 0px;
  height: auto;
}
input.btn {
  background-color: #cccccc;
  font-size: x-small;
}
#leftccc {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  width: 200px;
  min-height: 100%;
  height: 100%;
  color: #333;
  background-color: #eaeaea;
  border: 1px solid #333;
   
}
.contentccc {
  margin-left: 220px;
  margin-right: 220px;
  margin-bottom: 20px;
  color: #333;
  background-color: #ffc;
  border: 1px solid #333;
  padding: 0 10px;
}
#right {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  width: 200px;
  min-height: 100%;
  height: 100%; /* works only if parent container is assigned a height value */
  color: #333;
  background: #eaeaea;
  border: 1px solid #333;
}
#left p {
  padding: 0 10px;
}
#right p {
  padding: 0 10px;
}
p.top, br.top {
  padding: 10px 10px 0px 10px;
  border: none;
}
#divMain {
  box-sizing: border-box;
  width: 100%;
  float: left;
  background-color: white;
  padding: 1em;
}
#divCharcoal {
  padding: 0px;
  position: absolute;
  color: white;
  background: ##333333; background-image: linear-gradient(to bottom, black, #333333);
  left: 0px;
  top: 0px;
  width: 130px;
  z-index: 0;
  min-height: 100%;
  height: 100%;
}
#divTopMenu, #divTopMenuLeft, #divCharcoal, #divLeftMenu {
  color: white;
  font-size: x-small;
  line-height: 150%;
}
#divLeftMenu {padding:40px 1em 0 1em;}
#divTopMenuLeft { /* the Home link on the top menu */
  float: left;
  width: 840px;
  background-color: gray;
   
}  
#divTopMenu a, #divTopMenuLeft a {
  color: white;
   
  font-size: x-small;
}
#divSignIn { 
  box-sizing: border-box;
  float: right;
  height: 123px;
  width: 329px;
  background-color: #333;
  color: white;
  font-family: Verdana, Geneva, sans-serif;
  font-size: x-small;
  line-height: normal;
  text-align: right
}
#divSignIn a:hover {
   
}
#buttonSignIn {
  font-size: x-small;
  color: black;
  
}
#buttonSignIn a:hover, #buttonSignIn:hover {
  color: white;  
}
#divTopMenu {
  float: left;
  width: 100%;
  background-color: gray;
  color: white;
}
#divTopMenu a:hover {
   
}
#divCharcoal a {
  color: white;
   
}
#divCharcoal a:hover {
  /* dusky plum from logo color: #958899;  */
   
}
#divSignIn {
  padding: 15px;
  color: white;
  text-align: right
}
#divSignin a {
  color: white;
   
}
#divSignin a:hover {
  /* dusky plum from logo color: #958899;  */
   
}
#divTopMenuLeft a:hover {
  /*color: indigo;*/
   
}
#divWhite {  
  position: absolute;
  left: 130px;
  top: 0;
  padding: 0;
  width: 840px;
  min-height: 100%;
  color: #363636;
  background-color: white;
}
a.message_testers {
  color: #d8461e;
  color: #3C6;
  color: #046b9e;
  color: #e0967e;
}
a.message_testers:hover {
  color: white;  
}
#divSociety, #divLibrary {
  font-size: small
}
#divLogo { 
  font-size: x-small;
  background-color: black;
  z-index: 99999;
  height: 123px;
  width: 130px;
}

#imgLogo {
  height: 103px;
  width: 94px;
  margin: 10px;
}
#divBannerImage {
  float: left;
  width: 511px;
  height: 123px;
  background-color: black;
  background-image: linear-gradient(to right, black, #333333); 
}
#divBannerImage h1 {color:white; padding-top:3px}
#divBannerImage a {text-decoration:none}
#imgBanner {
  width: 506;
  height: 103px;
  margin: 10px auto auto 5;
}
#divSigninForm {
  float: right;
  margin: 10px auto;
  color: white;
}
#divSigninForm a {color:white; }
 
#divMsg {
  clear: both;
  float: right;
  margin: 0;
  padding: 0;
  color: cyan;
  font-size: x-small;
}
div.menulink {
  float: left;
  padding: 5px 0px 5px 15px;
}
div.menulink > a {
  font-family: Verdana, Geneva, sans-serif;
  font-size: x-small;
}
#divDigitalLibraryArticles {
  border: solid 1px indigo;
  margin: 20px 1px;
  padding: 15px
}
div.menulink > a.linkSelected {
  color: black !important;
   
}
div.message {
  clear: both;
  padding: 1em;
  font-size: x-small;
}
div.hangingindent { /* used in about.cfm */
  padding-left: 2em;
  text-indent: -2em;
}
div.center {
  margin: auto;
  text-align: center
}
img.center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
#divHome {
  box-sizing: border-box;
  float: left;
  width: 50%;
  padding-right: 1em;
}
#divDigitalLibrary {
  box-sizing: border-box;
  float: right;
  width: 50%;
}

.cmstitle, .cmscontent {white-space: pre-wrap} /* display the line breaks entered in the CMS system, where CMS articles are rendered (on the home page) \n \r */