body
{ font-family: arial, helvetica, sans-serif;
  background: none;
  color: #000;
  text-align: left;
  width: 100%;
  margin: 0;
  border: 0;
  padding: 0;
}

a
{ text-decoration: none;
}

a:link, a:visited, a:hover, a:active
{ color: #000;
}

ul, ol
{ list-style-type: none;
  display: inline;
}

li
{ display: inline;
}

h1, h2, h3, h4, h5, h6
{ font-family: verdana, arial, helvetica, sans-serif;
}

img, #container, #logo, #banner, #address, #content, #president, #vp, #fst, #bcebm, #abm, #sbm, #mbm, #obm, #maintenancebm, #tbm
{ border: 0;
  margin: 0;
  padding: 0;
}

#container
{ position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#logo img, #logo br, #content a[href^="#"], #otherboards, #menu, #bottom, #atudocs,
#content a[id="bylaws"], #content a[id="grievance"], #content a[id="collective"], #content a[id="expenses"], #content a[id="seniority"]
{ display: none;
}

#logo
{ position: relative;
  clear: both;
  float: left;
  display: list-item;
  list-style-type: none;
  list-style-image: url("images/atu1374print.png");
}

#logo, #banner 
{ margin-left: 50px;
}

#banner, #content
{ position: relative;
  clear: left;
  float: left;
  padding-bottom: 10px;
}

#banner, #address
{ font-style: italic;
  font-size: small;
}

#address
{ position: relative;
  float: right;
  text-align: right;
}

#content
{ position: relative;
  clear: both;
  float: left;
  width: 100%;
}

#content h3 a
{ font-style: italic;
}

#content a img
{ padding: 0 10px;
}

#content p
{ text-indent: 0.5em;
  text-align: justify;
}

#content ul, ol
{ display: block;
}

#content li
{ display: list-item;
  list-style-type: square;
}

#content a
{ color: blue;
  text-decoration: underline;
}

#content a:after
{ content: "  >>>(http://www.atu1374.com/temp/" attr(href) ")"; /*This doesn't work on IE. */
  color: black;
  text-decoration: none;
}

#content a[href^="http"]:after
{ content: "  >>>" attr(href) ")"; /*This doesn't work on IE. */
  color: black;
  text-decoration: none;
}

#content a[href^="mailto"]:after, #content a[href^="#"]:after
{ content: ""; /*This doesn't work on IE. */
}

#president, #vp, #fst, #bcebm, #abm, #sbm, #mbm, #obm, #maintenancebm, #tbm
{ display: list-item;
  list-style-type: none;
  margin-left: 20px;
  list-style-image: url("images/favicon.png");
}

#president h4, #vp h4, #fst h4, #bcebm h4, #abm h4, #sbm h4, #mbm h4, #obm h4, #maintenancebm h4, #tbm h4
{ text-decoration: underline;
}

#president h4, #vp h4, #fst h4, #bcebm h4, #abm h4, #sbm h4, #mbm h4, #obm h4, #maintenancebm h4, #tbm h4,
#president p, #vp p, #fst p, #bcebm p, #abm p, #sbm p, #mbm p, #obm p, #maintenancebm p, #tbm p,
.sublocals ul,
#bcebm h5, #abm h5, #sbm h5, #mbm h5, #obm h5, #maintenancebm h5, #tbm h5
{ line-height: 60%;
}

#president p, #vp p, #fst p, #bcebm p, #abm p, #sbm p, #mbm p, #obm p, #maintenancebm p, #tbm p
{ text-indent: 1em;
}

#president li, #vp li, #fst li, #bcebm li, #abm li, #sbm li, #mbm li, #obm li, #maintenancebm li, #tbm li 
{ display: list-item;
  list-style-type: none;
}

.sublocals li
{ display: list-item;
  list-style: none;
  list-style-type: none;
  font-size: 90%;
}

#morelinks, #atulocallinks, #uslinks, #transitlinks, .rightlinks
{ border-top: 1px solid #069;
}

#atulocallinks li, #uslinks li, #transitlinks li, .rightlinks li
{ list-style-image: url("images/mapleleaf.png");
}

#atulocallinks, #uslinks, #transitlinks, .rightlinks
{ font-size: 0.9em;
}

.pdfdoc
{ list-style-image: url("images/pdfdoc.png");
}

.makebold
{ font-weight: bold;
}

.pic-description
{ font-size: x-small;
  font-style: italic;
  font-variant: small-caps;
}

.italics
{ font-style: italic;
  font-size: 0.8em;
}