#old_ie_err
{
font-size: 10pt; 
color: #FFFF00; 
background-color: red; 
text-align: center;
padding: 1em;
margin: 1em;
margin-left: 200px;
border: solid thick black;
}

#old_ie_err span.smaller {font-size: 7pt;}

#old_ie_err a { color: navy; }

#navcontainer  /* This is the div for the left-hand navigation bar */ 
{ 
width: 170px; 
background-color: #6B1010; /* brown */
padding-right: 1em;
height: 100%; 
position: fixed;
float: left;
left: 0px;
top: 0px;
overflow: auto;
}

/* For the picture and logo at the top of the bar */
#navcontainer p
{
text-align: center;
padding-left: 4px;
padding-right: 4px;
}

#navcontainer img
{
border: 0;
padding: 8px;
padding-right: 0;
}

/* The list of links in the bar, which will have the ID #navlist */
#navcontainer ul
{
margin-left: 1em;
padding-left: 0;
padding-right: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10pt;
font-weight: bold;
color: #F47117; /* orange */
}

/* This makes the links (and just the links, not plain text list items)
   show up as boxes */
#navcontainer ul a
{
display: block;
padding: 3px;
width: 125px;
background-color: #B06325; /* dark tan, near brown */
border: 1px solid #6B1010; /* brown */
margin-left: auto;
margin-right: auto;
}

/* Make visited and unvisited links look the same */
#navcontainer ul a:link, #navcontainer ul a:visited
{
color: white;
text-decoration: none;
}

/* But change the box's background color when the mouse passes over it */
#navcontainer ul a:hover
{
background-color: #F8D8BE;
color: black;
}

body{
font-size: 12pt;
font-family: Arial, Helvetica, Sans-Serif;
color: #630000;
background-color: white;
}

/* Set link colors as in Nate's original */
a:visited {color: #cc9933; }
a:link {color: #cc3333; }
a:hover { color: blue; }
a:active {color: #cc0000; }

hr {
  color: #630000;
  border: thin solid #630000;
}



/* Div for the page's main body, to separate it from the navbar */
div#mainbody
{
margin-left: 177px; 
border-left: 1px solid; 
padding-left: 1em;
background-image:url('images/sdcanc-caller-bg.png');
}

@media print {
  #navcontainer { visibility: hidden; }
  div#mainbody { margin-left: 0; border-left: 0; }
  tr, td { page-break-inside: avoid; }
}

/* Individual pages may have a top menu/jump bar */
ul.topbar {
  border: thin solid;
  padding-left: 0;
  margin-left: 0;
  background-color: #FFCC99;
  float: left;
  width: 100%;
  font-family: arial,helvetica,sans-serif;
}
ul.topbar li {
  display: inline;
}
ul.topbar li.heading {
  padding: 0.2em 1em 0.1em;
  float: left;
  font-weight: bold;
}
ul.topbar li a {
  padding: 0.2em 1em;
  color: #630000;
  text-decoration: none;
  float: left;
}
ul.topbar li a:hover {
  background-color: #6B1010;
  color: white;
}




/* Set borders for main body tables */
table {
  border: thin solid #630000;
  border-spacing: 0;
  padding: 0;
}

table thead, table tfoot{
  text-align: center;  /* Make header row text bigger, in reverse colors */ 
  font-weight: bold;
  font-size: larger; 
  color: white; 
  background-color: #630000; 
}

table td, table th {
  border: thin solid #630000;
  border-spacing: 0px 4px;
}





/* Common formatting for the Executive Board Members table */

table.boardtable { 
  width: 90%; 
  min-width: 450px; 
  background-color: white; /* So page background image won't show through */ 
  margin-left: auto; 
  margin-right: auto;
}
table.boardtable thead { 
  background-color: #DDF2FB;  /* Color is a light aqua */
  color: #630000; 
}
table.boardtable thead td {
  padding-top: 1em; padding-bottom: 1em;  /* To make the header row taller */
}
table.boardtable td { 
  width: 50%; 
  vertical-align: top; 
}
table.boardtable_subtable {   /* No borders on the sub tables */ 
  width: 100%;
  border: 0;
  border-spacing: 0; 
  padding-bottom: 1em; 
}
table.boardtable_subtable td { /* No borders on the sub tables */
  border: 0;
  border-spacing: 0;
}
table.boardtable_subtable thead {
  background-color: white; 
}
table.boardtable_subtable thead hr { 
  margin-left: 1em; margin-right: 1em; /* Make separator ends line up with column ends */ 
} 
table.boardtable_subtable thead td {
  padding-top: 1em;
}
table.boardtable_subtable td.left { 
  padding-left: 1em; 
  text-align: left; 
  font-weight: bold; 
}
table.boardtable_subtable td.right { 
  padding-right: 1em; 
  text-align: right; 
  font-weight: normal; 
}


/* BACC table formatting */
table.tbl_bacc {
  width: 100%;
  font-size: 11pt;
}

table.tbl_bacc td { padding: 4px; }
table.tbl_bacc td.name { font-weight: bold; }        /* All names */
table.tbl_bacc td.sdcanc { color: red; }             /* SDCANC member names */
table.tbl_bacc td a:link { font-weight: bold; }
table.tbl_bacc td a:visited { font-weight: bold; font-style: italic; }

#callkey { font-size: small; font-weight: normal; }
#callkey span.sdcanc { color: red; font-variant: small-caps; font-weight: bold; font-size: larger; }


/* Availability table formatting */
table.tbl_avail { width: 100%; text-align:center; }
table.tbl_avail img { border: 0; }

table.tbl_avail tr.tbl_avail_tblhead {color: white; background-color: #6B1010; font-weight: bold;}
table.tbl_avail td.tbl_avail_name { width: 30%; text-align: left;}
table.tbl_avail td.tbl_avail_weekday { width: 10%; }
table.tbl_avail tbody td.tbl_avail_weekday { font-size: small; line-height: 50%; }
table.tbl_avail td.tbl_avail_weekday img { height: 3em; width: auto; }

/* Overall formatting for the roster table */
table.tbl_roster {
  width: 100%; 
  font-size: 11pt; 
  background-color: white; /* Keep background image from showing through */
}
table.tbl_roster td { 
  padding: 4px;
}

/* Formatting for the header rows */
table.tbl_roster tr.tbl_roster_tblhead  { background-color: #ddf2fb; color: #630000; font-size: xx-large; }
table.tbl_roster tr.tbl_roster_colhead  { background-color: #bdffff; color: #630000; font-style: italic;}
p.tbl_roster {text-align: center;}

/* Formatting for the name column (including special formatting for spans on subsequent lines) */
table.tbl_roster td.tbl_roster_name     { font-weight: bold; }
table.tbl_roster td.tbl_roster_name div.tbl_roster_indent { margin-left: 0.25in; }
table.tbl_roster td span.tbl_roster_office   { font-style: italic; }
table.tbl_roster td span.tbl_roster_pastpres { font-size: x-small; }

/* Formatting for the other three columns */
table.tbl_roster td.tbl_roster_address  {  }
table.tbl_roster td.tbl_roster_phone    { font-size: smaller;}
table.tbl_roster td.tbl_roster_status   { font-size: x-small; }


/* Past president list formatting -- three columns (made with divs and definition lists) */
div#PastPres { min-width: 750px; }
div#PastPres p { font-size: x-small;  text-align: center; }
div#PastPres p.pphead { border-bottom: thin solid #630000; }
div#PastPres p.pphead span.pptitle { font-size: x-large; font-weight: bold; }
div#PastPres p.ppfoot { border-top: thin solid #630000; padding-top: 4px; font-size: x-small; text-align: center; clear: both; }
div.PPlist { width: 31%; min-width: 220px; float: left; }
div.PPlist#ppcenter { border-left: thin solid #630000; border-right: thin solid #630000; }

div.PPlist dl { margin: 0; }
div.PPlist div {  /* This is the "life memberships discontinued" box */
    margin: 4px 20px; 
    padding: 4px; 
    border: thin dotted #630000;
    font-size: small; 
    font-style: italic; font-weight: bold; 
    text-align: center; 
    clear: both;
}
div.PPlist dt { 
    clear: left;
    float: left;
    width: 75px;
    margin: 0;
    margin-right: 4px;
    padding: 4px;
    font-weight: bold;
    text-align: right;
}
div.PPlist dd {
    float: left;
    margin: 0;
    width: 135px;
    padding: 4px;
}

/* special text formatting for deceased and active, rather than putting a 
   character or note in the text */
div.PPlist dd.deceased,
div#PastPres p span.deceased { color: black; font-style: italic; font-variant: small-caps; }
div.PPlist dd.stillactive,
div#PastPres p span.stillactive { color: navy; font-style: italic; text-transform: uppercase; }

/* But put the black ribbon graphic at the end of the deceased name */
div.PPlist dd.deceased:after, 
div#PastPres p span.deceased:after { content:url("images/blackribbon.png")} 





/* Common formatting for photo divs */
div.photos {
  clear: both;
}
div.photos ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.photos li {
  padding: 1em;
  float: left;
  text-align: center;
}
div.photos li img {
  border-style: groove;
  border-color: #630000;
}


/* Class for the footer text/images at the bottom of each page */
div.pagefooter {
  text-align: center;
  font-size: 8pt;
  padding-top: 1em;
  margin-top: 1em;
  border-top: thin solid #630000;
  clear: both;
}
div.pagefooter img {
  vertical-align: middle;
  border: 0;
}

div.pagefooter hr {
  width: 85%;
}