/**************************************************************************
 STYLE SHEET FOR ECEG 470/670 WEB SITE
 =====================================

 Designer: David Kelley
           Electrical & Computer Engineering Dept.
           Bucknell University
           Lewisburg, PA 17837
           dkelley@bucknell.edu
           (570) 577-1313

 Updated: August 26, 2025

***************************************************************************/

/* Hex color codes:
   ffffff = white
   000000 = black
   66aaff = sky blue
   77aacc = slate blue
   0000aa = dark blue
   ff8800 = orange
   808 = purple
   990000 = maroon/brick red
   90a = fuschia/purple
   009966 = shamrock green
*/

/*       1        2        3        4        5        6        7        8 */
/*34567890123456890123456890123456890123456890123456890123456890123456890 */

/* Body style
--------------------------------------------------------------------------*/
body {
  margin: 10px;
  padding: 0;
  border: 0;
  background-color: #333;
  background-image: url(../images/GreySand_background.gif);
  background-repeat: repeat;
  font-size: 100%;
  text-align: center;
  }

/* h1 Heading style
--------------------------------------------------------------------------*/
h1 {
  font-size: 2em;
  font-family: "Gill Sans", "Helvetia Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #00a;
  }

/* h2 Heading style
--------------------------------------------------------------------------*/
h2 {
  font-size: 1.5em;
  font-family: "Gill Sans", "Helvetia Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #00a;
  }

/* h3 Heading style
--------------------------------------------------------------------------*/
h3 {
  font-size: 1em;
  font-family: "Gill Sans", "Helvetia Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #09f;
  }

/* Hyperlink styles
--------------------------------------------------------------------------*/
a:link {
  color: #00f;
  }

a:visited {
  color: #808;
  }

a:hover {
  color: #00a;
  }

a:active {
  color: #f00;
  }

/*========================================================================
  ID Definitions and Associated Contextual Selectors
  ========================================================================*/


/* Container style
--------------------------------------------------------------------------*/
#elec470container {
  padding: 0;
  margin: 0 auto 0 auto;
  border: 1px solid #000;
  width: 1000px;
  background-color: #fff;
  text-align: left;
  }

/* Masthead style
--------------------------------------------------------------------------*/
/* #ddd = gray */
/* #eec = cream */
/* #eed = subtle (grayish) cream */
#elec470masthead {
  padding: 20px 10px 20px 10px;
  margin: 0;
  border: 0;
  background-color: #ddf;
  background-image: url(../images/BucknellLogo_homemade.gif);
  background-position: left;
  background-repeat: no-repeat;
  text-align: left;
  }

#elec470masthead h1 {
  margin: 0 0 0 210px;
  font-family: Georgia, Courier, serif;
  font-weight: bold;
  font-style: normal;
  }

#elec470masthead h2 {
  margin: 0 0 0 210px;
  font-family: Georgia, Courier, serif;
  font-weight: bold;
  font-style: normal;
  }

/* Menu/Content Upper Border Bar style
--------------------------------------------------------------------------*/
#elec470upperborder {
  padding: 1px;
  margin: 0;
  border: 0;
  background-color: #00a;
  text-align: center;
  }

/* Upper Border h2 Heading style
--------------------------------------------------------------------------*/
#elec470upperborder h2 {
  margin: 0;
  font-size: 1em;
  font-family: "Gill Sans", "Helvetia Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  }

/*------------------------------------------------------------------------
  Menu/Content table style
  ------------------------------------------------------------------------*/
#elec470mctable {
  padding: 0;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  width: 100%;
  }

/*------------------------------------------------------------------------
  Menu style (for the menu table cell)
  ------------------------------------------------------------------------*/
#elec470menu {
  margin: 0;
  border: 0;
  padding: 40px 0 40px 0;
  width: 180px;
  vertical-align: top;
  background-color: #eef;
  }

/* Menu Unordered List style
--------------------------------------------------------------------------*/
#elec470menu ul {
  list-style-type: none;
  margin: 0;
  border: 0;
  padding: 0;
  font-size: 0.8em;
  font-family: "Gill Sans", "Helvetia Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  background-color: #fff;
  }

/* Menu Unordered List Item style (sky blue is 6af)
--------------------------------------------------------------------------*/
#elec470menu li {
  margin: 0;
  border-top: 2px solid #acc;
  border-left: 2px solid #8bc;
  border-right: 2px solid #69c;
  border-bottom: 2px solid #58c;
  background-color: #7ac;
  }

/* Menu Link styles
--------------------------------------------------------------------------*/
#elec470menu ul a:link, #elec470menu ul a:visited, #elec470menu ul a:hover, #elec470menu ul a:active {
  padding: 2px 5px 2px 5px;
  display: block;
  text-decoration: none;
  }

#elec470menu ul a:link {
  color: #fff;
  }

#elec470menu ul a:visited {
  color: #fff;
  }

#elec470menu ul a:hover {
  color: #58a;
  background-color: #bdf;
  }

#elec470menu ul a:active {
  color: #000;
  background-color: #bdf;
  }

/*------------------------------------------------------------------------
  Content styles (for the content table cell)
  ------------------------------------------------------------------------*/
#elec470content {
  margin: 0;
  border-left: 1px dotted #6af;
  padding: 1em 40px 1em 40px;
  width: auto;
  vertical-align: top;
  }

#elec470content h3 {
  margin: 2em 0 1em 0;
  }

#elec470content p {
  font-size: 1em;
  font-family: "Gill Sans", "Helvetia Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  color: #000;
  }

#elec470content ul {
  list-style-type: disc;
  padding: 0px 0px 0px 30px;
  font-size: 1em;
  font-family: "Gill Sans", "Helvetia Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  }

#elec470content ol {
  padding: 0px 0px 0px 30px;
  font-size: 1em;
  font-family: "Gill Sans", "Helvetia Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  }

/* Table styles in content section
--------------------------------------------------------------------------*/
#elec470content table {
  margin: 1em 0 1em 0;
  border: 0;
  padding: 0;
  font-size: 1em; 
  font-family: "Gill Sans", "Helvetia Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  background-color: #eef;
  border-collapse: collapse;
  width: 100%
  }

#elec470content table caption {
  padding: 5px 0 5px 0;
  font-size: 1em;
  font-family: "Gill Sans", "Helvetia Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #09f;
  text-align: left;
  }

#elec470content table th {
  margin: 0;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border-bottom: 1px solid #00a;
  font-weight: bold;
  color: #00a;
  }

#elec470content table td {
  margin: 0;
  padding: 0.25em 0.5em 0.25em 0.5em;
  vertical-align: top;
  color: #00a;
  }

/*------------------------------------------------------------------------
  Menu/Content Lower Border Bar style
  ------------------------------------------------------------------------*/
#elec470lowerborder {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  background-color: #00a;
  }

/* Footer style
--------------------------------------------------------------------------*/
#elec470footer {
  padding: 10px;
  margin: 0;
  border: 0;
  background-color: #ddf;
  font-size: 0.8em;
  font-family: "Gill Sans", "Helvetia Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  color: #00a;
  }

/*========================================================================
  Class Definitions
  ========================================================================*/

/* Style for long text strings in tables
--------------------------------------------------------------------------*/
.long_text {
  text-align: left;
  }

/* Style for headers in tables in the left-most column
--------------------------------------------------------------------------*/
.left_header {
  font-weight: bold;
  color: #00a;
  text-align: left;
  }

/* Style for cells in tables containing homework assignment numbers
--------------------------------------------------------------------------*/
.assign_cell {
  width: 110px;
  text-align: center;
  }

/* Style for cells in tables containing due dates/times for homework
--------------------------------------------------------------------------*/
.HWdue_cell {
  width: 175px;
  text-align: center;
  }


/* Style for cells in tables containing textbook sections
--------------------------------------------------------------------------*/
.sections_cell {
  width: 190px;
  text-align: left;
  }

/* Style for cells in tables containing dates
--------------------------------------------------------------------------*/
.weekof_cell {
  width: 120px;
  text-align: left;
  }

/* Style for cells in tables containing lab dates
--------------------------------------------------------------------------*/
.labdates_cell {
  width: 120px;
  text-align: left;
  }

/* Style for cells in tables containing due dates/times for deliverables
--------------------------------------------------------------------------*/
.deldue_cell {
  width: 210px;
  text-align: left;
  }

/* Style for unordered lists to eliminate top and bottom margins
--------------------------------------------------------------------------*/
.novertspace_list {
  margin-top: 0;
  margin-bottom: 0;
  }