@media print {
  h1, title, footer, img, nav, #myHeader, #myFooter, #myDivFooter, #intro {
    display: none;
  }
  #recipe {
    border: 1px solid #000;
  }
}
@media handheld {
  img {
    display: none;
  }
}
@media screen {
body {
  background: #FFF; /* url("http://wings.buffalo.edu/images/backgrounds/sky.jpg;"); */
  background-size: 100%;
  font-family: verdana, arial, sans-serif;
  font-size: 16pt;
}
a, a:link {
  color: navy;
  font-family: Verdana, Arial, sans-serif;
  font-style: italic;
  text-decoration: none;
}
nav a, nav a:link {
  color: #FFF;
  font-family: Verdana, Arial, sans-serif;
  font-style: italic;
  text-decoration: none;
}
h1, h2, h3 {
  color: navy;
}
table {
  margin: 2px;
  padding: 2px;
}
td, tr {
  vertical-align: top;
}
#main {
  background-color: #005bbb;
  margin: 1% 5% auto;
  padding: 2% 1%;
  width: 90%;
}
#leftcol {
  float: left;
  margin: 0 5% 0 0;
}
#middlecol {
  float: left;
  margin: 0 10% 0 0;
}
#rightcol {
  padding: 5% 0 0 0;
}
#description, #objectives, #schedule, #material, #communication, #myMain,
#grading, #textbooks, #about, #footer, #nav, #assignments, #netiquette, #policies, #sites, 
#resume, #sampleform, #myDivFooter, 
#homePage, #cssPage, #tablePage, #cssAdvancedPage, #formPage, #multimediaPage, #html5Page, #divsPage,
#javascriptPage, #formValidatePage, #essayPage, #html5FinalPage, #check {
  background: #FFF; /* url('http://wings.buffalo.edu/images/backgrounds/sky.jpg;'); */
 /* background-color: #FFF;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  */
  clear: both;
  color: #000;
  display: block;
  margin: 0 5% 1% 5%;
  padding: 2% 5% 2% 5%; /* top right bottom left */ 
  text-align: left;
} 
#description, #objectives, #schedule, #material, #communication, 
#grading, #textbooks, #assignments, #netiquette, #policies, #sites, 
#resume, #sampleform,  
#homePage, #cssPage, #tablePage, #cssAdvancedPage, #formPage, #multimediaPage, #html5Page, #divsPage,
#javascriptPage, #formValidatePage, #essayPage, #html5FinalPage, #check {
  display: none;
}
#about {
  padding: 2% 2% 8% 2%;
}
#description {
  display: block;
}
#nav, #tabs {
  background-color: #005bbb;
  border-bottom: 2px solid #005bbb;
  clear: both;
  color: #000;
  display: block;
  font-size: smaller;
  margin: 1% 0 0 0;
  padding: 1% 0 0 0;
  text-align: center;
} 
#tabs ul { 
  border: 0px;
  list-style-type: none; 
} 
#tabs ul li {  
  border: 0px;
  display: inline; 
  padding: 0 0 0 .5%;
} 
#tabs ul li a {  
  border: 0px;
  text-decoration: none; 
} 
#about {
  margin: 1% 5% 0 5%;
}
/* #schedule {
  text-align: center;
} */
#schedule th {
  background-color: #CCC;
  border: ridge 1px;
}
#schedule tr td {
  border: ridge 1px;
  padding: 0 1em 0 1em;
}
.note {
  background-color: red;
/*  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  */
  color: white;
  font-size: smaller;
  font-weight: bold;
  margin: 0 10% 0 10%;
  padding: 1%;
  text-align: center;
}
.schedule strong { 
  color: red; 
  text-align: center;
}
.tab-selected a {
  background-color: #000; /*FFF; /*  url("http://wings.buffalo.edu/images/backgrounds/sky.jpg;"); */
/*  border-top: solid 1px navy;
  border-right: solid 1px navy;
  border-bottom: none;
  border-left: solid 1px navy;
  color: #FFF;
  */
}
.tab-selected {
  border-bottom: 2px solid #FFF;
}
.tab-not-selected {
  border-bottom: 2px solid #009;
/*  border-top: solid 1px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-left: solid 1px;
  */
  color: #FFF;
 /* padding-bottom: 4px; */
}
.imgRounded {
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  margin: 0 1% 0 0;
}
.evenRow tr td {
  background-color: #DDF;
  border: ridge 1px;
}
.evenRow {
  background-color: #ddF;
}
.noteRow {
  background-color: yellow;
}
.oddRow {
  background-color: #CCF;
}
.oddRow  tr td{
  background-color: #CCF;
  border: ridge 1px;
  text-align: center;
}
.required {
  color: red;
    font-weight: bold;
}
#description ul, #objectives ul, #schedule ul, #material ul, #communication ul,
#grading ul, #textbooks ul, #about ul, #footer ul, #assignments ul, #netiquette ul, 
#policies ul, #sites ul, 
#homePage ul, #cssPage ul, #tablePage ul, #divsPage ul, #cssAdvancedPage ul, #formPage ul, 
#multimediaPage ul, #html5Page ul,
#javascriptPage ul, #formValidatePage ul, #essayPage ul, #html5FinalPage ul {
  display: block; 
  list-style-type: disc;
}
#description ul li, #objectives ul li, #schedule ul li, #material ul li, #communication ul li,
#grading ul li, #textbooks ul li, #about ul li, #footer ul li, #assignments ul li, 
#netiquette ul li, #policies ul li, #sites ul li, 
#homePage ul li, #cssPage ul li, #tablePage ul li, #divsPage ul li, #cssAdvancedPage ul li, 
#formPage ul li, #multimediaPage ul li, #html5Page ul li,
#javascriptPage ul li, #formValidatePage ul li, #essayPage ul li, #html5FinalPage ul li {
  display: list-item;
}
#homePageTab ul, #cssPageTab ul, #tablePageTab ul, #cssAdvancedPageTab ul, #formPageTab ul, #multimediaPageTab ul, #html5PageTab ul,
#divsPageTab ul, #javascriptPageTab ul, #formValidatePageTab ul, #essayPageTab ul, 
#html5FinalPageTab ul {
  list-style-type: none;
}
#nav {
  margin: 0 4.5% auto;
  padding: 1% 1% 1% 1%;
  text-align: center;
}
#nav a {
  color: #fff;
  text-decoration: none;
}
#nav ul { 
  border: 0px;
  list-style-type: none; 
} 
#nav ul li {
  background-color: #000;
  border-right: 1px solid #000;
  color: #FFF;
  float: left;
  padding: .5% .25% .5% 1%
}
#nav ul li a {
  color: #FFF;
/*  display: block; */
  font-size: 10pt;
/*  text-align: center; */
  text-decoration: none;
}
#nav ul li a:active, nav ul li a:active {
  color: navy;
}
#nav ul li a:hover {
  color: #ccc;
}
} /* end screen */