@media print {
  h1, title, footer, img, nav, #myHeader, #myFooter, #myDivFooter, #intro {
    display: none;
  }
  #recipe {
    border: 1px solid #000;
  }
}
@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;
  line-height: 24pt;
}
a, a :link {
  color: #005BBB;
  font-family: Verdana, Arial, sans-serif;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  border: 1px solid #005bbb;
  border-radius: 22px;
  padding: 2px 2px 2px 2px;
}
h1 {
  /* text-align: center; */
  color: #005BBB;
}
h3 {
  color: #005BBB;
}
table {
  margin: 2px;
  padding: 2px;
}
td, tr {
  vertical-align: top;
}
#main {
  background: #005BBB;
  background-size: 100%;
/*  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  */
  text-align: center;
  margin: 1% 5% auto;
  padding: 2% 1%;
  /* width: 90%; */
}
#leftcol {
  float: left;
  margin: 0 10% 0 0;
}
#middlecol {
  float: left;
  margin: 0 10% 0 0;
}
#rightcol {
  float: right;
}
#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, #badges {
  background: #FFF; 
  clear: both;
  color: #000;
  display: block;
  margin: 1% 1% 1% 1%;
  padding: 2% 2% 2% 2%; /* top right bottom left */ 
  text-align: left;
} 
#nav, #tabs {
  background: none !important;
  background-color: #005BBB;
  clear: both;
  color: #000;
  display: block;
  margin: 2% 0 0 0;
  padding: 0 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;
}
.skip-to-content-link {
  left: -999px; 
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}

.skip-to-content-link:focus {
  color: #fff;
  background-color: #000;
  left: auto;
  top: auto;
  width: 15%;
  height: auto;
  overflow: auto;
  padding: 2px;
  text-align: center;
  font-size: 1em;
  z-index: 10;
}
.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;
/*  border-top: solid 1px #005BBB;
  border-right: solid 1px #005BBB !important;
  border-bottom: none;
  border-left: solid 1px #005BBB;
  */
  color: #005BBB !important;
}
.tab-selected a {
  color: #005BBB !important;
}
.tab-not-selected {
  background-color: #005BBB;
/*  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;
  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;
}
.ulNone li {
  list-style-type: none;
}
/* 
  begin jquery-ui overwrites 
*/
.ui-state-default a, .ui-state-default a:link, .ui-state-default {
    color: #FFF !important; 
    text-decoration: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #005BBB; /* url("http://wings.buffalo.edu/images/backgrounds/sky.jpg;"); */
  /*  border: 1px solid #005BBB; */
    color: #FFF !important;
    font-weight: normal;
}
.ui-widget-header {
    background: none !important; /* url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC; */
    border: none !important;
    color: #222222;
    font-weight: bold;
}
.ui-corner-all, .ui-corner-right, .ui-corner-br {
    border: 0px !important; 
}
.ui-corner-all, .ui-corner-left, .ui-corner-bl {
    border: 0px !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-state-active {
    background: #005BBB repeat scroll 0 0 !important;
    margin: 5px 0 -2px 0;
    padding-bottom: 5px;
}
.ui-state-active .ui-state-active a, .ui-state-active a:link, .ui-state-active {
    background: #FFF; /*  repeat scroll 0 0 !important; */
    border-bottom: 2px solid #FFF;
    color: #005BBB !important;
    text-decoration: none;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: .75em !important; /* 1.1em; */
}
.ui-widget-content {
    background: none; /* url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF; */
    border: none !important; /* 1px solid #AAAAAA; */
    color: #222222;
}
.ui-widget-content a {
    color: #005BBB; /* #000080; */
}
.ui-tabs {
    margin: 0 0 0 0;
    padding: 2% 0 0 0;
    position: relative;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    border-collapse: collapse;
    content: "";
    display: block; 
}
.ui-tabs .ui-tabs-nav {
    font-size: 14pt;
    margin: 0;
    padding: 0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    color: #FFF;
    padding: 0;
    text-decoration: none;
}

/* end jquery-ui overwrites */
}
#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 !important; 
  list-style-type: disc !important;
}
#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 !important;
}
#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 !important;
}
#nav {
  margin: 0;
  padding: 1%;
}
#nav ul { 
  border: 0px;
  list-style-type: none !important; 
} 
#nav ul li {
  background-color: #005BBB;
  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: #005BBB !important;
}
#nav ul li a:hover {
  color: #ccc;
}
  .gridDiv {
    background-color: white;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 2px;
    padding: 0 10px 10px 10px;
	  vertical-align: top;
  }
  .gridDiv > div {
    /* background-color: #005BBB; */
    /* border-radius: 22px; */
    /* font-size: 12px; */
    margin: 0 auto ;
    padding: 20px 0;
    text-align: left;
    /* width: 80%; */
  }
  
#avatar, #changeFont, #changeColors {
  background-color: #005BBB;
  color: #fff;
  border-radius: 40%;
  display: block;
  /* font-size: 1em; */
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  text-align: center;
  vertical-align: middle;
  margin-right: 1em;
}
#changeFont, #changeColors { 
   margin: .5vw 0 auto;
}
#accessibility { 
   margin: 0 0 1% 0;
   position: fixed;
}
#cgText, #bgText {
    display: none;
}