body {
  background-color: white;
  color: black;
  font-size: 12px;
  font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, Arial, sans-serif;
  padding-top: 10px;
  text-align: justify;
}

a { 
  border-style: none; 
  color: rgb(40,60,140); 
  text-decoration: none; 
}

a:hover { 
  text-decoration: none; 
  color: forestgreen;
}

a:visited { 
  text-decoration: none; 
  color: LightSlateGray;
}

a:visited:hover { 
  text-decoration: none; 
  color: forestgreen;
}

div.navigationColumn {
   position: fixed; 
   left: 0px; 
   width: 173px; 
   color: black;
   border-right: 1px solid lightgrey;
   padding-right: 25px;
   height: 100%;
}    

div.contentColumn {
   position: absolute; 
   left: 200px; 
   padding-right: 100px; 
   padding-left: 10px; 
   max-width: 900px;
}    

div.blogContentColumn {
   position: absolute; 
   left: 200px; 
   padding-left: 10px; 
   padding-right: 20px;
   border-left: 1px solid lightgrey;
   border-right: 1px solid lightgrey;
   max-width: 700px;
   width:700px;
}    

div.blogRightColumn {
   position: absolute; 
   left: 943px; 
   width: 173px; 
   color: black;
}    

div.contentHeader {
  margin-left: 15px; 
  min-height: 25px; 
  margin-top: 15px;
}


div.logo {
  margin-left: 15px;
  margin-top: 5px;
  min-height: 30px;
}

span.logoJJS {
  font-size: 20px; 
  color: gray;
}

span.logoAt {
  font-size: 12px; 
  color: gray;
}

span.logoCategory {
  font-size: 14px; 
  color: black;
}

div.pageContents {
  border-top: 1px solid lightgrey; 
  line-height: 180%; 
  margin-left: 15px; 
  margin-top: 20px; 
  font-size: 10px;
}


div.h1 {
  font-weight: normal;
  font-size: 24px; 
  color: rgb(40,60,140);
}

div.contents {
  margin-top: 23px; 
  margin-left: 15px;
  border-top: 1px solid lightgrey; 
}

div.h2 {
  border-bottom: none 1px rgb(40,60,140); 
  font-size: 15px; 
  font-weight: normal; 
  color: rgb(40,60,140); 
  margin-top: 46px; 
  margin-bottom: 10px;
}

div.footer {
  font-size: 10px;
  align: center;
  padding-top: 30px; 
  padding-bottom: 30px;
}

img {
  border: none;
}

.warning {
  color: firebrick;
}

table {
  font-size: 12px;
  border-style: none; 
  margin: 10px;
}

td.caption {
  background-color: rgb(248,248,255);
  border-right: solid 1px rgb(40,60,140);
}

div.previewImage { float:left; border-style:none; margin-right:10px; margin-bottom:10px; }
div.previewText { padding:10px; min-width:100px; }
div.previewSeperator { clear:both; }


div.menuoption {
margin-top: 15px;
font-size: 14px;
color: steelblue;
}

div.menusuboption {
margin-left: 20px;
margin-top: 12px;
color: steelblue;
}

div.menudescription {
margin-top: 5px;
margin-left: 20px;
}

td.notavailable {
background-color: rgb(255, 128, 128);
}

td.available {
background-color: rgb(128, 255, 128);
}

td.availableWithoutSigning {
background-color: rgb(255, 255, 128);
}