@page_bg: #001030;
@left_bg: #ADF138;
@h1_col: #003466;
@h2_col: #4375B4;
@page_base_bg: #A1BAD9;
@strong_col: #676767;

@page_w: 760px;
@col_1_w: 180px;
@col_3_w: 220px;
@col_2_w: @page_w - @col_1_w - @col_3_w;

body {
  background: @page_bg;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom: 30px;
  overflow-y: scroll;
}

#header {
  height: 124px;
  background-image: url(header.jpg);
}

a {
  text-decoration: none;
  color: @h1_col;
  &:hover {
    color: @h2_col;
  }
}

strong {
  font-weight: bold;
  color: @strong_col;
}

#main_page {
  background: white;
  width: @page_w;
  margin: 0 auto;
}

#col_1, #col_2, #col_3 {
  float: left;
}

#col_1 {
  width: @col_1_w;
  background: @left_bg;
  ul.links {
    border-top: 1px solid white;
    li { 
      padding: 0px 0px;
      border-bottom: 1px white solid;
      display: block;
      a {
        padding: 3px 5px;
        font-size: 13px;
        font-weight: bold;
        display: block;
        &.active {
          color: @h1_col;
          &:hover { 
            color: @h2_col;
          }
        }
        &:hover {
          background-color: @left_bg * 1.0;
        }
      }
    }
  }
}

#col_2 {
  width: @col_2_w;
  h1 {
    font-weight: bold;
    font-size: 17px;
    color: @h1_col;
  }
  h2 {
    font-weight: bold;
    font-size: 12px;
    color: @h2_col;
  }
  .wrapper {
    padding: 10px;
  }
  .foot_rule {
    height: 30px;
    background: url(line_break.jpg) no-repeat 50% top;
  }
  tbody {
    border-top: 0px solid black;
  }
  td {
    padding: 5px 0;
  }
  ul {
    list-style-image: url(bullet.gif);
  }
}

#col_3 {
  width: @col_3_w;
  min-height: 220px;
  background: url(gradbg.png) repeat-x;
  .wrapper {
    margin: 10px;
  }
}

.clear {
  clear: both;
}

#page_base {
  background: @page_base_bg;
  height: 3px;
}

#call_us {
  margin: 10px;
  padding: 5px;
  background: white;
  color: @strong_col;
}