@media print {
body {
  font-size: smaller;
}
#footer, h1, img, #intro, nav, #nav, title {
  display: none;
}
#info, #info p {
  padding: 0 1% 0 0;
}
label {
  width: 20%;
}
#main {
  margin: 0 0 0 0;
  width: 100%;
}
#nav ul { 
  list-style: square; 
} 
#recipe {
  border: 1px solid #000;
}
}
@media handheld {
footer, h1, img, #intro, nav, #nav, title {
  display: none;
}
#info, #info p {
  padding: 0 1% 0 0;
}
label {
  width: 20%;
}
#main {
  margin: 0 0 0 0;
}
#nav ul { 
  list-style: square; 
} 
}
@media screen {
body {
  background: #ADD8E6; /* url("http://wings.buffalo.edu/images/backgrounds/sky.jpg;"); */ /* repeat-x; */
  font-family: Verdana, Arial, sans-serif;
  text-align: center;
}
a {
  color: navy; /* #00F; */
  font-style: italic;
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  /* text-align: center; */
  color: navy; /* #00F; */
}
#main {
  background: #FFF;
  background-size: 100%;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  text-align: center;
  margin: 0 10% 0 20%;
  padding: 2% 2% 2% 2%;
  width: 60%;
}
#about, #grading, #info, #nav, #outcomes, #assignments, #policies, #schedule, 
#textbook, #footer, #sites  {
  background: #ADD8E6;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  clear: both;
  display: block;
  color: #000;
  margin: 2% 2% 1% 2%;
  padding: 1% 5% 1% 5%; /* top right bottom left */ 
  text-align: left;
} 
#nav, #outcomes, #schedule, #textbook, #grading, #assignments, #policies, #sites  {
  display: none;
}
#about {
  display: block;
}
header, section, section > p, #footer, #footer > p {
  background: #ADD8E6;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  padding: 1% 5% 5% 5%;
}
header {
  background-color: #ADD8E6;
}
form {
  font-size: smaller;
}
.fieldContainer {
  margin: 0 0 1% 0;
}
#info, #info p {
  font-size: large;
  padding: 0 1% 0 0;
}
label {
  color: navy;
  float: left;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  text-align: right;
  width: 15%;
}
logo {
 position: absolute; 
 z-index: 1;
}
.required {
  color: red;
  font-weight: bold;
}
nav, #nav {  
  background: none !important;
  clear: both;
  color: #000;
  display: block;
  height: auto;
  margin: 0 0 0 20%;  
  padding: 0 5%; 
  text-align: center;
} 
#nav ul { 
  list-style: none; 
} 
#nav ul li {
  background-color: navy; /* #00F; */
  border-right: 1px solid #ADD8E6;
  color: #000;
  float: left;
  font-size: smaller;
  padding: 1%;
}
#nav ul li a {
  color: #FFF;
  display: block;
  font-size: smaller;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
#nav ul li a:active, nav ul li a:active {
  color: navy !important;
}
#nav ul li a:hover {
  color: #ADD8E6;
}
#note, .note {
  background-color: navy;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  color: white;
  display: block;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 1% 2% 1% 2% !important;
  width: auto;
}
.due {
  background-color: navy;
  color: white;
  font-weight: bold;
}
.scheduleTable {
  text-align: center;
  }
.scheduleTable th {
  background-color: navy;
  border: ridge 1px;
  color: #FFF;
  font-size: smaller;
}
.scheduleTable tr td {
  border: ridge 1px;
  text-align: center;
}
.scheduleTable strong { 
  color: red; 
  text-align: center;
}
.tab-selected {
  background: #FFF !important; /*#ADD8E6; */ /* url("http://wings.buffalo.edu/images/backgrounds/sky.jpg;"); */ /* repeat-x; */
  border-top: #FFF !important; /*solid 1px navy; */
  border-right: #FFF !important; /*solid 1px navy; */
  /* border-bottom: solid 1px #ADD8E6; */
  border-left: #FFF !important; /*solid 1px navy; */
  color: navy !important; /* !important; */
}
.tab-selected a {
  background: #FFF !important; /* #ADD8E6; */
  color: navy !important; /* #FFF !important; */
}
.tab-not-selected {
  background-color: navy;
  color: #FFF;
}
table {
  margin: 2px;
  padding: 2px;
}
th {
  background-color: navy;
  color: #000;
  padding: 2px;
}
td, tr {
  padding: 2px;
  vertical-align: top;
}
.imgRounded {
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  height: 130px; 
  float: left;
  margin: 1% 1% 0 0;
  width: 160px;
}
.evenRow, .evenRow tr td {
  background-color: #DDF;
  border: ridge 1px;
  text-align: center;
}
.oddRow , .oddRow  tr td{
  background-color: #CCF;
  border: ridge 1px;
  text-align: center;
}
.noteRow {
  background-color: yellow;
  border: ridge 1px;
  text-align: center;
}
.ulNone li {
  list-style-type: none;
}

}