#bodytag {
  margin-top: 10px;
}

#connCapacityImage {
  float: right;
  margin-left: -30px;
}

#computerUserImage {
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  border: 2px dotted #909090;
}

#liveAssistImage {
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 33px;
}

h1 {
  font-family: arial;
  font-size: 220%;
  color: #800000;
  font-weight: bold;
  margin: 0px;
  text-align: center;
}

h2 {
  font-family: arial;
  font-size: 13pt;
  font-style: italic;
  color: #800000;
  margin:0px 0px 20px 0px;
  text-align: center;
}


.content-list {
  font-family: arial;
  font-size: 11pt;
  line-height: 150%;
  color: #303030;
}


table.sponser {
  width: 100%;
  margin-top: 10px; 
}

.dotted-underline {
  padding: 2px;
  border-bottom: 2px dotted #909090;
}

h3 {
  margin-top:25px;
  font-family: arial;
  font-size: 100%;
  color: #000000;
  font-weight: bold;
}


h3.list-leader {
  margin-top:0px;
  margin-bottom:4px;
  font-family: arial;
  font-size: 100%;
  color: #000000;
  font-weight: bold;
}


ul {
  margin: 0px;
}

.nobold {
  font-weight: normal;
}

li.tight {
  font-family: arial;
  font-size: 10pt;
  line-height: 135%;
  color: #303030;
}


li.loose {
  font-family: arial;
  font-size: 11pt;
  line-height: 175%;
  color: #303030;
}

.content-text {
  font-family: arial;
  font-size: 11pt;
  color: #303030;
  margin-left: 15px;
}


#container {
  margin: 0px auto 0px auto;
  text-align: left;
  width: 640px;
  border: 1px solid gray;
}


#header {
  background-color: #ffffff;
  color: #800000;
  font-size: 75%;
  font-family: "MS Sans Serif", Arial, sans-serif;
}

#handshakeImage {
  margin-top: 22px;
  margin-left: 25px;
  margin-right: 10px;
  float: right;
  border: 2px dotted #909090;
}

#parnersInProgress {
  margin-top: 5px;
  margin-left: 25px;
  margin-right: 10px;
  margin-bottom: 20px;
  clear: both;
  float: right;
  font-size: 75%;
  font-family: "MS Sans Serif", Arial, sans-serif;
  text-align: center;
}

#caravanLogo {
  display:block;
  margin: 5px;
}

#shipcommLogo {
  display:block;
  margin-right: 6px;
  margin-bottom: 6px;
}

#logoText {
  margin-right: 20px;
  margin-bottom: 5px; 
}


#footer {
  margin: 0px auto;
  text-align: center;
  width: 640px;
  padding: 3px;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: x-small;
}


#content {
  background-image:url("images/truck_bg.gif");
  background-position: 50% 50%;
  background-repeat:no-repeat;
  padding: 10px;
}

.login-box {
  /* Hide the log in box
  position:absolute;
  visibility:collapse;
  */
  
  text-align: center;
  background-color: #d0d0d0;
  font-family: verdana;
  font-size: x-small;
  margin-right: 10px;
  padding: 5px;
  border: 2px dotted #909090;
  float:right;
}

.login-textfield {
  border: 1px solid #909090; 
  font-family: verdana;
  font-size: x-small;
  padding: 1px;
  width: 80px;
  
}



.login-box form {
  margin-bottom: 0px;
}

.login-formfield {
  margin-bottom: 3px;
}

.login-submitbutton {
  margin-top: 3px;
  margin-bottom: 0px;
  padding: 0px;
  width: 70px;
  font-family:verdana;
  font-size: x-small;
  background-color: #b0b0b0;
}

.login-header {
  line-height: 50%;
  margin-bottom: 6px;
  text-align: center;
  text-transform:uppercase;
  font-weight: bold;
  color: #303030;
}




div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

div.menuBar {
  background-color: #d0d0d0;
  border-top: 1px solid #909090;
  border-bottom: 1px solid #909090;
  padding: 4px 2px 4px 2px;
  text-align: center;
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid #d0d0d0;
  color: #000000;
  cursor: default;
  left: 0px;
  margin: 1px 7px 1px 7px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

.back-link {
  text-align: center; 
  font-family: Arial;
  font-size: 11pt;
}

b.crimson {
  color: #800000; 
}

a.link {
  color: #303030;
  text-decoration: none;
}

a.link:hover {
  color: #800000;
  text-decoration: underline;
}


div.menuBar a.menuButton:hover {
  text-decoration: underline;
  color: #800000;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #a0a0a0;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #ffffff;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #d0d0d0;
  border: 2px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #000000;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu .menuItemDisabled {
  color: #808080;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}


div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #800000;
  color: #ffffff;
}

div.menu .menuItemDisabled:hover {
  background-color: #800000;
}


div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 1px solid #909090;
  border-bottom: 1px solid #f0f0f0;
  margin: 4px 2px;
}