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

a
{ text-decoration: none;
}

a:link
{ color: #000;
}

a:visited
{ color: #000;
}

a:hover
{ text-decoration: underline;
  color: #000;
}

a:active
{ color: #000;
}

img
{ border: 0;
  margin: 0;
  padding: 0;
}

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

li
{ display: inline;
}

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

#container
{ position: absolute;
  top: 0;
  left: 0;
  width:800px;
  min-width: 800px; 
  margin-top: 10px;
  padding: 10px;
  text-align: center;  
}

#logo
{ position: relative;
  float: left;
  width: 625px;  
  text-align: center;
  font-size: xx-large;
  padding: 5px 0;
  border: 0;
  margin: 0;
}

#logo a:hover
{ text-decoration: none;
}

#address
{ position: relative;
  float: left;
  width: 175px;
  text-align: right;
  font-size: small;
  color: #fff;
  padding: 0;
  border: 0;
  margin: 0;
  padding-bottom: 60px;
}

#address a
{ color: #fff;
}

#address li
{ display: list-item;
}

#banner
{ position: relative;
  clear: both;
  float: left;
  width: 625px;
  text-align: center;
  padding: 5px 0;
  margin: 0;
  border: 0;
}

#content
{ position: relative;
  clear: both;
  float: left;
  width: 605px;
  text-align: left;
  background: #fff;
  padding: 10px;
  margin: 0;
  border: 0;
}

#content > h2
{ text-align: center;
}

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

#content h3 a:hover
{ text-decoration: underline;
}

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

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

#content a
{ /*font-style: italic;*/
  /*text-decoration: underline;*/
  color: blue; /*#069;*/
}

#content a[href="#top"]
{ clear: both;
  float: right;
  font-style: italic;
}

#content ul, ol
{ display: block;
}

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

#president, #vp, #fst, #bcebm, #abm, #sbm, #mbm, #obm, #maintenancebm, #tbm
{ padding-left: 80px;
  margin: 3px;
  border: 0;
  border-top: 1px solid #069;
}

#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 ul, #vp ul, #fst ul, #bcebm ul, #abm ul, #sbm ul, #mbm ul, #obm ul, #maintenancebm ul, #tbm ul,
.sublocals
{ margin: 0;
}

#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;
}

#president
{ background: url("images/president.png") no-repeat left top;
}

#vp
{ background: url("images/vp.png") no-repeat left top;
}

#fst
{ background: url("images/fst.png") no-repeat left top;
}

#bcebm
{ background: url("images/bcebm.png") no-repeat left top;
}

#abm
{ background: url("images/abm.png") no-repeat left top;
}

#sbm
{ background: url("images/sbm.png") no-repeat left top;
}

#mbm
{ background: url("images/mbm.png") no-repeat left top;
}

#obm
{ background: url("images/obm.png") no-repeat left top;
  border-bottom: 1px solid #069;
}

#maintenancebm
{ background: url("images/maintenancebm.png") no-repeat left top;
}

#tbm
{ background: url("images/tbm.png") no-repeat left top;
}

/*#president:hover
{ background: url("images/president.png") no-repeat left top #e0e0e0;
}

#vp:hover
{ background: url("images/vp.png") no-repeat left top #e0e0e0;
}

#fst:hover
{ background: url("images/fst.png") no-repeat left top #e0e0e0;
}

#bcebm:hover
{ background: url("images/bcebm.png") no-repeat left top #e0e0e0;
}

#abm:hover
{ background: url("images/abm.png") no-repeat left top #e0e0e0;
}

#sbm:hover
{ background: url("images/sbm.png") no-repeat left top #e0e0e0;
}

#mbm:hover
{ background: url("images/mbm.png") no-repeat left top #e0e0e0;
}

#obm:hover
{ background: url("images/obm.png") no-repeat left top #e0e0e0;
}

#maintenancebm:hover
{ background: url("images/maintenancebm.png") no-repeat left top #e0e0e0;
}

#tbm:hover
{ background: url("images/tbm.png") no-repeat left top #e0e0e0;
}*/

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

.sublocals li:hover
{ color: #069;
}

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

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

#otherboards
{ position: relative;
  clear: both;
  float: left;
  padding-top: 10px;
}

#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");
  /*background: url("images/mapleleaf.png") no-repeat left top;
  padding-left: 20px;*/
}

#atulocallinks, #uslinks
{ position: relative;
  clear: left;
  float: left;
  font-size: 0.9em;
  width: 292px;
  padding: 5px;
}

#atulocallinks
{ clear: both;
}

#transitlinks, .rightlinks
{ position: relative;
  float: right;
  font-size: 0.9em;
  width: 292px;
  padding: 5px;
}

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

/*.pdfdoc a:hover
{ background: url("images/openthedocument.png") no-repeat center right;
  padding-right: 75px;
}*/

#menu
{ position: relative;
  float: left;
  width: 175px;
  text-align: center;
  padding: 0;
  margin: 0;
  border: 0;
}

#bottom
{ position: relative;
  clear: both;
  float: left;
  width: 100%;
  font-size: x-small;
  text-align: center;
  padding: 10px 0;
  margin: 0;
  border: 0;
}

.main_menu, .main_menu_selected
{ display: block;  
  width: 150px;
  text-align: right;
  font-size: 1.1em;
  background: #fff;
  margin: 5px 10px;
  padding: 3px 5px;
  border: 1px #069 solid;
}

#menu a[href="employee_ap.html"], #menu a[href="grievances.html"]
{ font-size: 0.9em;
  font-weight: bold;
}

.main_menu:hover, .main_menu_selected:hover, #boardemail:hover
{ background: #f60;
  color: #069;
  border: 1px white solid;
}

.main_menu_selected
{ background: #f60;
}

#boardemail
{ width: 150px;
  font-size: 0.9em;
  font-style: italic;
  font-weight: bold;
  padding: 3px 5px;
  margin: 5px 10px;
  border: 1px white solid;
  background: #3bf;
}

.centered
{ text-align: center !important;
}

.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;
}

.disable:hover
{ color: #696969;
}