body {
font-family: arial, helvetica, sans-serif;
background: black url("./images/dinpattern-stripe.gif") repeat top left; /* http://www.dinpattern.com */
text-align: center;
color: #fff;
width: 100%;
}

body, img,
#container, #logo, #banner, #address, #content, #menu,
#president, #vp, #fst, #bcebm, #abm, #sbm, #mbm, #obm, #maintenancebm, #tbm,
#otherboards, #morelinks, #atulocallinks, #uslinks, #transitlinks, .rightlinks,
#list_gallery, #current_gallery, .newsletter {
margin: 0;
border: 0;
padding: 0;
}

a {
text-decoration: none;
}

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

a:hover {
text-decoration: underline;
}

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

li, ul, ol {
display: inline;
}

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

#container {
width: 90%;
min-width: 890px; 
margin: 10px auto;
}

#logo {
position: relative;
clear: both;
float: left;
width: 80%;
min-width: 650px;
font-size: xx-large;
padding-bottom: 10px;
}

#banner {
font-size: medium;
}

#logo a, #address a {
color: #fff;
}

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

#address {
position: relative;
float: left;
width: 20%;
min-width: 175px;
/*text-align: left;*/
font-size: small;
padding-top: 20px;
}

#content {
position: relative;
clear: both;
float: left;
width: 77%;
min-width: 650px;
min-height: 480px;
text-align: left;
color: #000;
background: #fff;
padding: 10px;
}

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

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

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

#content a {
color: blue; /* blue #069;*/
}

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

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

#president, #vp, #fst, #bcebm, #abm, #sbm, #mbm, #obm, #maintenancebm, #tbm {
position: relative;
float: left;
width: 345px;
height: 150px;
padding-left: 80px;
margin: 3px;
border-bottom: 1px solid #069;
}

#about {
position: relative;
clear: both;
width: 100%;
}

#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_ebm.png") no-repeat left top;
}

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

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

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

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

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

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

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

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

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

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

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

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

#morelinks {
border-top: 1px solid #069;
}

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

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

#atulocallinks {
position: relative;
clear: left;
float: left;
font-size: 0.9em;
width: 47%;*/
/*width: 292px;*/
padding: 5px;
}

#atulocallinks {
clear: both;
}

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

#list_gallery {
position: relative;
float: left;
}

#menu {
position: relative;
float: left;
width: 20%;
min-width: 175px;
}

.main_menu, .main_menu_selected, .boardemail, #adobeacrobat, .logo_menu {
display: block;
position: relative;
clear: both;
float: center;
width: 150px;
/*height: 30px;*/
font-size: 1.1em;
background: gray;
margin: 5px auto;
padding: 3px 5px;
}

#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: #069;
text-decoration: none;
}

.main_menu_selected {
background: transparent url("./images/pattern_11.gif") repeat top left;
}

.boardemail {
font-size: 1em;
font-style: italic;
font-weight: bold;
background: #3bf;
}

#adobeacrobat {
background: transparent;
}

.logo_menu {
background: white;
}

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

.centered {
text-indent: 0 !important;
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;
}

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

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

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

.newsletter {
position: relative;
float: left;
/*width: 50%;*/
margin-left: 40px;
margin-right: auto;
}