/* Generic styles */
body {
  margin: 0; padding: 0;
}

* {
  font-family: Arial, sans serif;
}

h2 {
  color: #18bec6; font-family: Arial, san-serif; font-size: 24pt; text-transform: lowercase; font-weight: normal; padding: 0; margin: 0;
}

h3 {
  font-size: 10pt;
}

h4, h5, p, ul, ol {
  font-size: 9pt;
}

h5 {
  font-style: italic;
}

a {
  color: #18bec6;
}

a:hover {
  color: #ffffff; background-color: #8cdef7; text-decoration: none;
}

a img {
  border: 0;
}

.divider {
  clear: both;
}

/* Top level containers */
#page {
  width: 100%; text-align: center; padding: 0; margin: 0;
}

#container {
  width: 860px; margin-left: auto; margin-right: auto; padding: 0; text-align: left;
}

/* Header */
#header {
  padding-bottom: 0px; text-transform: lowercase;
}

#header h1 {
  display: none;
}

#header img {
  float: left;
}

/* Navigation */
#menu-bar {
  padding-top: 17px; border-bottom: 2px solid #18bec6; line-height: 28px;
}

#menu-bar ul {
  font-size: 13pt; float: right; list-style: none; padding: 0; margin: 0;
}

#menu-bar li {
  display: inline-block; float: left; padding: 0; margin: 0; margin-left: 5px; width: 95px; height: 28px; text-align: center;
}

#menu-bar li.tab-on {
  background: #18bec6 url(/images/dark-blue-tab.jpg);
}

#menu-bar li.tab-off {
  background: #8cdef7 url(/images/light-blue-tab.jpg);
}

#menu-bar li.tab-xmas {
  background: #8cdef7 url(/images/xmas-tab.jpg);
}

#menu-bar a {
  color: #ffffff; text-decoration: none;
}

#menu-bar a:hover {
  background: none; text-decoration: underline;
}

/* Splash page */
.splash-header {
  padding-bottom: 20px;
}

#top-banner-ad {
  width: 500px; margin-left: auto; margin-right: auto; padding-bottom: 40px;
}

/* Left + right menus */
#left-bar {
  float: left;
}

#right-bar, #right-sub-bar {
  float: right; clear: right;
}

.advertiser-bar {
  width: 145px; text-align: center;
}

.advertiser-bar ul {
  display: block; list-style: none; padding: 0; margin: 0;
}

.advertiser-bar li {
  padding-bottom: 10px;
}

.content-bar {
  width: 180px; padding: 0; margin: 0; background: #8cdef7 url(/images/light-blue-side-box-top.gif) no-repeat;
}

.content-bar-small {
  width: 140px; padding: 0; margin: 0; background: #8cdef7 url(/images/light-blue-side-box-small-top.gif) no-repeat;
}

.content-bar-content {
  padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 0;
}

.content-bar-content h4 {
  margin-bottom: 0; padding-bottom: 0;
}

.content-bar-content p {
  margin-top: 0; padding-top: 0; line-height: 14pt;
}

.content-bar-content a {
  color: #cc3300;
}

.content-bar-content a:hover {
  background: none; text-decoration: none;
}

.content-bar-logo {
  margin-top: 5px; margin-bottom: 10px;
}

.content-bar-footer {
  background: #8cdef7 url(/images/light-blue-side-box-bottom.gif) no-repeat; width: 180px; height: 10px; padding: 0; margin: 0;
}

.content-bar-small-footer {
  background: #8cdef7 url(/images/light-blue-side-box-small-bottom.gif) no-repeat; width: 140px; height: 10px; padding: 0; margin: 0;
}

.rss-bar {
  width: 120px; padding: 10px; background-color: #8cdef7; color: #ffffff;
}

.rss-bar p {
  margin-top: 0; padding-top: 0;
}

/* Middle content */
#mid-content {
  width: 446px; margin-left: auto; margin-right: auto;
}

#mid-content h2 {
  margin: 0; padding-left: 10px; background: #18bec6 url(/images/mid-content-header.jpg); color: #ffffff; font-size: 18pt; text-transform: lowercase;
}

#search-form {
  border: 2px solid #18bec6; margin: 0; padding: 0;
}

#search-form div {
  padding: 5px;
}

#search-form label {
  font-weight: bold; width: 120px; float: left; margin-right: 0.5em; padding-top: 4px; display: block;
}

.search-button {
  margin-left: 130px; color: #ffffff; background-color: #1d2a57;
}

.search-error {
  padding-left: 5px; color: #ff0000; font-weight: bold;
}

#mid-content-footer {
  background: #18bec6 url(/images/mid-content-footer.jpg); width: 446px; height: 22px;
}

#mid-banner-ad {
  padding-top: 20px;
}

/* Full-page width content */
#full-content {
  width: 860px;
}

#left-content {
  float: left; width: 670px;
}

.bottom-line {
  padding-bottom: 10px; border-bottom: 1px dashed #18bec6;
}

.list-vacancy {
  border-bottom: 1px dashed #18bec6; clear: both;
}

.list-vacancy h4 {
  padding: 0;
}

.logo-float-right {
  float: right; width: 160px; padding-top: 15px; margin-left: 15px;
}

#geo-map {
  border: 1px black solid; margin-bottom: 20px; width: 740px; height: 300px;
}

.apply-button {
  color: #ffffff; background-color: #1d2a57; width: 140px; height: 30px;
}

.a-to-z-column {
  float: left; display: block; clear: none; width: 170px; margin-top: 15px; margin-right: 15px; border-right: 1px #999999 dashed; min-height: 250px;
}

.a-to-z-column ul {
  padding: 0; margin: 0; list-style: none;
}

/* Contact Us */
#contact-address {
  float: left; padding-right: 200px;
}

#contact-list {
  float: left;
}

#contact-list ul {
  padding: 0; margin: 0; list-style-type: none;
}

#contact-list li {
  padding-left: 50px; height: 40px; line-height: 40px;
}

li#telephone-list {
  background: url(/images/contact-button.jpg) left center no-repeat;
}

li#fax-list {
  background: url(/images/fax-button.jpg) left center no-repeat;
}

li#sales-list {
  background: url(/images/support-button.jpg) left center no-repeat;
}

li#support-list {
  background: url(/images/support-button-2.jpg) left center no-repeat;
}

#contact-form {
  clear: both; padding-top: 20px;
}

#contact-form div {
  padding: 5px;
}

#contact-form label {
  font-size: 9pt; font-weight: bold; width: 120px; float: left; margin-right: 0.5em; padding-top: 4px; display: block;
}

.contact-button {
  margin-left: 130px; color: #ffffff; background-color: #1d2a57;
}

.required-field {
  color: #ff0000;
}

/* Footer */
#footer {
  clear: both; padding-top: 20px;
}

#footer-left {
  float: left; padding-bottom: 10px;
}

#footer-right {
  float: right; padding-bottom: 10px;
}

#footer-links {
  text-align: right; clear: both;
}

#footer-links a {
  font-size: 9pt; color: #999999; text-decoration: none;
}

#footer-links a:hover {
  background: none; text-decoration: underline;
}