body, .content {
	color: #005BBB; 
	font-family: Verdana, arial, sans-serif; 
	font-size: 12pt;
}
a {
	color: #000;
  font-weight: bold;
  text-decoration: none;
}
.ref {
  border-bottom: double;
  color: #005BBB;
}
code, a > code, pre {
  color: #000;
  font-family: "Courier New", monospace, sans-serif;  
}
figure {
  background-color: #FFF;
  border: 2px ridge #005BBB; 
  color: #FFF;
  font-family: "Courier New", mponospace, sans-serif; 
  /* font-weight: bold; */
  padding: 1%;
  width: 90%;
}
figcaption > code {
  color: #FFF;
  font-family: "Courier New", mponospace, sans-serif; 
}
.current {
  border-bottom: 2px solid #FFF; 
  color: #CCC; 
}
.heading {
	border-top: buttonshadow 1px ridge; 
	border-right: buttonhighlight 1px ridge; 
	border-bottom: buttonhighlight 1px ridge; 
	border-left: buttonshadow 1px ridge; 
	background-color: #CC9;
	color: black; 
	font-family: Verdana, Geneva, arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	padding-top: 2px;
	padding-right: 2px;  
	padding-bottom: 2px; 
	padding-left: 2px; 
	vertical-align: top; 
}
.fieldContainer {
  margin: 0 0 1% 0;
}
footer, #bottomNav {
  text-align: center;
}
#myCanvas {
  background-color: #FFF;
  margin: 0 0 1% 0;
  text-align: center;
}
form {
  /* background-color: #DDD; */
  margin: 1% 15% auto;
}
input[placeholder] {
  /* color: #CCC; */
}
hr {
  background-color: #005BBB; 
  color: #005BBB; 
  height: 2px;
}
fieldset {
  background-color: #CCC;
  border: 2px ridge #005BBB;
  border-radius: 11px;
  margin: 0 10% auto;
  width: 80%;
}
input, label, select {
  border: none;
  display: block;
  float: left;
  height: 20px; 
  margin: .5em 1em;
  width: 200px;
}
.multiple {
  border: none;
  display: block;
  float: left;
  height: 50px; 
  margin: .5em 1em;
  width: 200px;
}
input[type=checkbox], input[type=radio], input[type=submit] {
  /* background-color: yellow; */
  clear: right;
  display: inline;
  float: left;
  margin: 0 2px auto;
  padding: 2em;
  vertical-align: middle;
  width: auto;
}
textarea {
  display: block;
  float: left;
  margin: .5em 1em;
}
label, .label{
  color: #005BBB;
  display: block;
  float: left;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  margin: 0 1% 0 0;
  text-align: right;
  width: 20%;
}
legend {
  border: 2px ridge #FFF;
}  
table, th, td {
  font-size: 10pt;
  padding: 2px;
  vertical-align: top;
}
#main {
  clear: right;
  display: inline;
  margin: 0 5% 1% 5%;
  /* width: 80%; */
}
#content {
  clear: both;
}
#aboutLeftCol {
  display: inline;
  float: left;
  width: 40%;
}
#aboutMidCol {
  float: left;
  width: 40%;
}
#aboutRightCol {
  float: right;
  width: 19%;
}
#adminnav {
  background-color: #005BBB;
  color: white;
  display: block;
  text-align: center;
}
#adminnav a, #adminnav p {
  color: white;
  font-size: 8pt;
}
#myFooter {
/*  background-color: yellow; */
/*  border: 2px solid #005BBB;  */
  clear: both;
  display: block;
  font-size: 8pt;
  margin: 1% 5% auto;
  padding: .5%;
  text-align: right;
/*  width: 90%; */
}
#commentsDiv {
  display: inline;
}
#nav {
  background-color: #FFF; /* 005BBB; */
  color: white;
  display: block;
  /* font-size: 8pt; */
  /* height: 40px; */
  /*  text-align: right; */
  margin: 0 10% auto;
  padding: 4px;
  /* width: 10%; */
  /* vertical-align: top; */
  font-size: 10pt;
  text-align: right;
  vertical-align: top;
  /* width: 100%; */
}
#logoDiv {
  background-color: #FFF; /* #005BBB; */
  display: inline;
  float: left;
  margin: 0 0;
}
.logoImg {
  width: 190px;
  height: 80px; 
  margin: 0 5%; 
  float: left;
}
#navRight {
  background-color: #FFF; /* #005BBB; */
  color: white;
  font-size: 10pt;
  float: right;
  /* margin: 5%; */
  padding: 3% 0;
  text-align: right;
  vertical-align: top;
  width: 70%;
}    
#adminMenu {
  clear: both;
  display: block;
  margin: 5% 10%;
  width: 80%;
}
#navRight > a {
  color: navy;
}
.pLeft a, .pLeft p, .pRight a, .pRight p, #navLeft p {
  color: navy;
  font-size: 10pt;
  padding: 2% 1%;
}
#nav > a, a:hover, a:hover {
/*  color: #FFF; */
  font-size: 8pt;
}
#navMsg {
  color: navy;
  font-size: 10pt;
}
#topRight {
  background-color: #005BBB;
  color: white;
  float: right;
  padding: 1px 1px;
  text-align: right;
  vertical-align: top;
  width: 34%;
}
#msg {
  background-color: red;
  color: white;
  display: block;
  text-align: center;
}
#msg a, #msg p {
  color: white;
  font-size: 8pt;
}
#userTable {
  margin: 0 10%;
}
#usertable td {
  border: 2px #005BBB ridge;
  font-size: 10pt;
  margin: 2px 2px;
  padding: 2px 2px;
}
#usertable td a {
  font-size: 8pt;
  margin: 2px 2px;
  padding: 2px 2px;
}
#usertable th {
  background-color: #005BBB;
  border: 2px #005BBB ridge;
  color: white;
  font-size: 10pt;
  margin: 2px 2px;
  padding: 2px 2px;
}
#usertable th a {
  background-color: #005BBB;
  color: white;
  font-size: 6pt;
  margin: 2px 2px;
  padding: 2px 2px;
}
.clear {
  clear: both;
}
.evenRow {
  background-color: #DDD;
}
.oddRow {
  background-color: #CCC;
}
.required {
  color: red;
  font-weight: bold;
}
.logo {
  text-align: center;
}
.pLeft {
  text-align: left;
}
.pRight {
  text-align: right;
}
.note {
  color: #005BBB; 
  font-weight: bold; 
  text-align: left;
}
.required {
  color: red;
  font-weight: bold;
}
.subheading {
	border-top: buttonshadow 1px ridge; 
	border-right: buttonhighlight 1px ridge; 
	border-bottom: buttonhighlight 1px ridge; 
	border-left: buttonshadow 1px ridge; 
	background-color: #039;
	color: black; 
	font-family: Verdana, arial, sans-serif; 
	font-size: 11px;  
  font-weight: bold; 
	padding-top: 2px;
	padding-right: 2px; 
	padding-bottom: 2px; 
	padding-left: 2px; 
	vertical-align: top; 
}
/* Sortable tables */
table.sortable thead {
  background-color:#eee;
  color:#666666;
  font-weight: bold;
  cursor: default;
}
#showhide {
  font-size: 8pt;
  margin: 0 2px;
  padding: 2px;
}
#username {
  background-image: url('../images/man-24.png'); 
  background-position: 180px 4px; 
  background-repeat: no-repeat; 
  padding: 2px;
}
.tab-selected { 
  color: #CCC !important;
}

@media print {
	#myHeader, #myIntro {
		display: none;
  }
	#recipe {
   	border: 1px solid #000;
	}
}