#date {
 color: #888;
 font-size: 80%;
 vertical-align: 50%;
}

.highlight {
 font-weight: bold;
}

a {
 color: #00a;
 text-decoration: none;
 font-weight: bold;
}

a:visited {
 color: #005;
}

a:hover, a:active {
 color: #00f;
}

body {
 font: 80% sans-serif;
 background: white;
 color: black;
 text-align: justify;
 margin: 0px;
 padding-bottom: 20px;
}

div.logo {
 text-align: center;
 margin-bottom: -8px;
 margin-top: 5px;
}

div.menuBar {
 text-align: center;
 padding: 3px 8px;
 color: black;
 margin: 10px 0px -5px 0px;
 white-space: pre;
 border-bottom: 1px solid #ccc;
}

div.menuBar a {
 font-weight: bold;
 font-size: 100%;
 padding: 3px 9px;
 text-decoration: none;
 color: black;
 margin: 0px 5px;
 border: 1px solid #ccc;
 border-bottom: 1px solid white;
}

div.menuBar a:hover, div.menuBar a.active {
 border: 1px solid black;
 padding: 3px 9px;
 color: black;
}

div.menu {
 border: 1px solid black;
 left: 0px;
 position: absolute;
 top: 0px;
 visibility: hidden;
}

div.menu a {
 font-weight: normal;
 font-size: 80%;
 color: black;
 line-height: 14px;
 display: block;
 text-decoration: none;
 white-space: nowrap;
 padding: 3px;
}

div.menuBar a:visited, div.menuBar a:active, div.menu a:visited, div.menu a:hover, div.menu a:active {
 color: black;
}

div.mAbout, .about {
 background-color: #ddf;
}

div.mAbout a:hover, div.mAbout a.active, #aboutButton:hover, a.active#aboutButton {
 background-color: #aaf;
}


div.mBusSys, .busSys {
 background-color: #fdb;
}

div.mBusSys a:hover, div.mBusSys a.active, #busSysButton:hover, a.active#busSysButton {
 background-color: #fb4;
}

div.mNetInt, .netInt {
 background-color: #ffd;
}

div.mNetInt a:hover, div.mNetInt a.active, #netIntButton:hover, a.active#netIntButton {
 background-color: #ff8;
}

div.mTrain, .train {
 background-color: #dfd;
}

div.mTrain a:hover, div.mTrain a.active, #trainButton:hover, a.active#trainButton {
 background-color: #9f9;
}

div.mNews, .news {
 background-color: #dff;
}

div.mNews a:hover, div.mNews a.active, #newsButton:hover, a.active#newsButton {
 background-color: #6ff;
}

div.mVacancies, .vacancies {
 background-color: #ecf;
}

div.mVacancies a:hover, div.mVacancies a.active, #vacanciesButton:hover, a.active#vacanciesButton {
 background-color: #caf;
}

.other {
 background-color: #ddd;
}

h1, h2, h3 {
 font: bold 100% sans-serif;
 text-align: center;
}

h1 {
 font-size: 150%;
 padding: 3px;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 margin-bottom: 4px;
}

h2 {
 font-size: 120%;
}

hr {
 color: #888;
 height: 1px;
 text-align: center;
 width: 80%;
}

input {
 border: 1px solid black;
 background-color: white;
 color: black;
 padding: 2px;
 margin: 1px;
 font: 100% sans-serif;
}

img {
 border: none;
 margin: 0px;
}

img.border, img.float {
 border-top: 1px solid black;
 border-bottom: 1px solid black;
}

img.float {
 float: right;
}

img.partner {
 margin: 15px 15px 0px 15px;
}

img.sshot {
 margin: 0px 5px 5px 5px;
 cursor: pointer;
}

li {
 padding: 2px;
}

p.center, p.footer {
 text-align: center;
}

p.footer, p.header {
 font-size: 10px;
 color: #888;
 margin: 0px;
}

p.footer a, p.header a {
 text-decoration: none;
 color: #bbb;
}

p.footer a:visited, p.header a:visited {
 color: #aaa;
}

p.footer a:hover, p.footer a:active, p.header a:hover, p.header a:active {
 color: #00d;
}

span.req {
 color: red;
}

sup {
 font-size: 10px;
}

textarea {
 border: 1px solid black;
 background-color: white;
 color: black;
 padding: 2px;
 margin: 1px;
 font: 100% sans-serif
}

table {
 border-collapse: collapse;
}

td {
 vertical-align: top;
}

thead, th {
 font-weight: bold;
 border-bottom: 1px solid black;
 border-top: 1px solid black;
}

tr {
 padding: 3px;
}

select {
 border: 1px solid black;
 background-color: white;
 color: black;
 margin: 1px;
 font: 100% sans-serif
}