body {
  font-family: arial;
  width: 1000px;
  background: url('/images/nav-background.jpg') repeat-y;
}

a img {
  border: 0;
}

#header {
  margin-top: 10px;
  width: 1000px;
  margin: auto;
  float: left;
}

#header div {
  float: right;
}

#nav {
  width: 186px;
  z-index: 0;
  clear: both;
  padding-top: 5px;
}

#nav .item {
 width: 167px;
  height: 25px;
 margin: 2px auto;
 padding-left: 4px;
 padding-top: 2px;
 font-size: 10pt;
}

#nav a:hover {
  cursor: pointer;
}

#nav .button {
  background: url('/images/nav-button.png') no-repeat;
}

#nav .nav_hover {
  background: url('/images/nav-button-hover.png') no-repeat;
}

#nav  a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 10pt;
}

#nav a .item {
	font-size: 10pt;
}

#content {
  position: absolute;
  left: 190px;
  top: 180px;
  padding-left: 5px;
  padding-top: 5px;
  width: 810px;
}

#content .right-pane {
  width: 525px;
  float: right;
}

#content .left-pane {
  width: 280px;
  float: left;
}

#content .right-pane .item { 
  float: right;
  margin: auto;
  width: 450px;
}

#content .right-pane .vehicles {
  margin: auto;
}

#content .right-pane .vehicles .item {
  width: 250px;
  margin: 2px;
}

#content .right-pane .what-truck {
  margin: auto;
  text-align: center;
}

#content .left-pane .reservations {
  width: 274px;
  margin: auto;
}

#content .left-pane .short-item .header {
  background: url('/images/small-banner.jpg') no-repeat;
  height: 24px;
  color: white;
  font-weight: bold;
  font-size: 14pt;
  padding-left: 4px;
  padding-top: 1px;
}

#content .left-pane .short-item .text {
  font-size: 10pt;
  color: #666666;
}

#content .left-pane .short-item {
  width: 274px;
  clear: both;
  margin: auto;
  margin-bottom: 13px;
}

#content .long-item {
  width: 450px;
  margin: auto;
  margin-bottom: 10px;
  margin-top: 5px;
}

#content .long-item .header {
  background: url('/images/long-header.jpg') no-repeat;
  color: white;
  font-weight: bold;
  font-size: 14pt;
  padding-left: 4px;
  padding-top: 1px;
  height: 24px;
  position: relative;
}

#content .long-item .learn-more {
  text-align: right;
  margin-right: 90px
}

#content .long-item .header .extra {
  position: absolute;
  right: 0px;
  top: 0px;
}

#content .long-item .text {
  font-size: 10pt;
  width: 360px;
  color: #666666;
}

.left {
  float: left;
}

.right {
  float: right;
}

#footer {
  clear: both;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

#footer .links {
  font-size: 10pt;
}

#footer .links a {
  text-decoration: none;
  color: black;
}

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

.learn-more {
  margin-top: 3px;
}



.buttons
{
    background-color: #6262A2;
    border: ridge thin #6262A2;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.buttons2
{
    background-color: #343788;
    border: solid thin #000000;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.resform_r
{
    background-color: #D23130;
}

.resform_l
{
    text-align: right;
}

.padded
{
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 1px;
    padding-right: 3px;
}

default
{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
}

body, table, tr, td, input, select, option, textarea, div
{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
}

.larger_text
{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:16px;
    font-style : normal;
}

.small_text
{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style : normal;
}

.white_text
{
    color: #FFFFFF;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style : normal;
}

.title, .bold_text
{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    color: #343788;
    font-weight: bold;
    text-decoration: none;
}

.orange_title
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    color: #343788;
    font-weight: bold;
    text-decoration: none;
}

.large_title
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    color: #6262A2;
    font-weight: bold;
    text-decoration: none;
}

.small_title
{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #343788;
    font-weight: normal;
}

a
{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    color: #343788;
    font-size: 12px;
}

input
{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

.bold_large
{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    color: black;
    font-weight: bold;
}

a.aheader
{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.lowbold
{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #343788;
    font-weight: normal;
    text-decoration: none;
}

li
{
    list-style : square;
}

.color_background
{
    background-color: #D23130
}

.footer
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
    color: #343788;
    font-weight: normal;
    text-decoration: none;
}

a.footer
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #444788;
    font-weight: normal;
    text-decoration: none;
}

a.footer:visited
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #444788;
    font-weight: normal;
    text-decoration: none;
}

a.footer:active
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #343788;
    font-weight: normal;
    text-decoration: underline;
}

a.footer:hover
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color:#D23130;
    font-weight: normal;
    text-decoration: underline;
}

.bkgd_primary
{
    background-color: #343788
}

.bkgd_secondary
{
    background-color: #D23130
}

.bkgd_tertiary
{
background-color: #
}

.bkgd_quaternary
{
background-color: #
}

.table_header_primary
{
    background-color: #343788;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #FFFFFF;
    font-weight: bold;
}

.crx_footer_link, a.crx_footer_link
{
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

#error_message
{
    background: transparent url('../images/warning.png') 10px 10px no-repeat;
    padding: 10px 0 10px 40px;
    width: 350px;
    text-align: left;
    border: 1px dashed #CC0000;
}

#error_message div
{
    font-size: 12px;
    font-weight: bold;
}