body {
          background : #d9e1e8;
          margin : 0 auto;
          background-image : url(../images/macrossant-bg.gif);
          background-repeat : repeat-x;
      }
     #container {
          width : 810px;
          margin : 0 auto;
          border-left : 1px solid white;
          border-right : 1px solid white;
      }
     #white {
          background-color : #ffffff;
          clear : both;
      }
     #header-top {
          background-color : #003366;
          color : #59ACFF;
          height : 25px;
          font-family : Arial, Verdana;
          font-size : 12px;
          border-bottom : 1px solid white;
      }
     .left {
          float : left;
          padding-top : 5px;
          padding-left : 10px;
      }
     .right {
          float : right;
          padding-top : 5px;
          padding-right : 10px;
      }
     .left2 {
          float : left;
      }

      .t{
        font-size: 12px;
     /*   font-weight: bold; */
        color: #535353/*#003366*/;
        list-style-type: circle;
		list-style-type:square;
        line-height: 22px;

}

.lside{
  font-size: 11px;
  padding-right: 10px;
  color: #3F3F3F;
  list-style-image: url(../images/a.gif);
  line-height: 22px;
}


     .fees td{
      border-top: solid 1px #9F9F9F;
      font-size: 11px;
      color: #1F1F1F;

}

     .strong{
       font-weight: bold;
       text-align: center;
     }


     .right2 {
          float : right;
          text-align: right;
      }
     #logo {
          width : 110px;
          float : left;
      }

      #download{
        background: #FFFFCC;
        text-align: center;
        padding: 12px;
        border: 1px dotted #FFCC66;
      }

     #tagline {
          height : 37px;
          color : white;
          font-family : Trebuchet MS, Verdana, Arial;
          font-weight : bold;
          font-size : 17px;
          text-align : right;
          padding : 11px 30px 0 0;
      }
     #tagline h1 {
          margin-top : 10px;
          font-size : 12px;
          font-weight : bold;
      }
     .clear {
          clear : both;
      }
     #Rcolumn h3 {
          margin : 0;
          font-size : 14px;
          color : #409fff;
      }
     p.description {
          padding : 0;
          margin-top : 0;
          margin-bottom : 7px;
      }
     #topnav {
          float : right;
          text-align : right;
          margin-top : -14px;
          font-family : Trebuchet MS, Verdana, Arial;
      }
     #topnav ul {
          height : 75px;
          position : relative;
      }
     #topnav ul li {
          display : inline;
          list-style : none;
          line-height : 55px;
      }
     #topnav ul li a:link {
          border-left : 1px solid white;
          color : #409fff;
          text-decoration : none;
          padding : 17px 35px 32px;
      }
     #topnav ul li a:hover {
          border-left : 1px solid white;
          color : #fff;
          background-color : green;
          text-decoration : none;
          padding : 17px 35px 32px;
      }
     #current ul li a:hover {
          border-left : 1px solid white;
          color : #fff;
          text-decoration : none;
          padding : 17px 35px 32px;
      }
     #Lcolumn {
          color : #808080;
          width : 196px;
          float : left;
          margin-left : 10px;
          padding-left : 8px;
          font-family : Trebuchet MS, Verdana, Arial;
      }

    #Lcolumn a:visited {
          color : #0066cc;
          border-bottom : 1px dotted #0066cc;
          text-decoration : none;
      }
     #Lcolumn a:link {
          color : #409fff;
          border-bottom : 1px dotted #409fff;
          text-decoration : none;
      }
     #Lcolumn a:hover {
          color : #003366;
          background : #ffffcc; }

  #Lcolumn h2 {
          color : #669966;
          font-size : 16px;
          padding-right: 10px;
      }

 #Lcolumn h3 {
          color : #409FFF;
          font-size : 15px;
          padding-right: 10px;
      }
     #Lcolumn p {
          font-size : 12px;
          line-height : 17px;
          padding-right: 10px;
      }
     #Mcolumn {
          float : left;
          color : #808080;
          font-family : Trebuchet MS, Verdana, Arial;
          width : 381px;
          margin : 8px 0 0 12px;
      }
     #Mcolumn h1 {
          font-family : Trebuchet MS, Verdana, Arial;
          font-weight : bold;
          color : #409fff;
          font-size : 20px;
      }

      .bh{
        color : #409fff;
      }

     #Mcolumn p {
          font-size : 13px;
          padding-right: 12px;
          line-height : 22px;
      }
     #Mcolumn h2 {
          font-family : Trebuchet MS, Verdana, Arial;
          font-weight : bold;
          color : #003366/*#999*/;
          font-size : 16px;
      }

      #Mcolumn h3 {
          font-family : Trebuchet MS, Verdana, Arial;
          font-weight : bold;
          color : #003366;
          font-size : 16px;
      }
     #Mcolumn a {
          color : #409fff;
      }

      #Mcolumn a:hover {
          color : #003366;
      }
     ul.services {
          list-style-image : url(../images/arrow.gif);
          line-height : 28px;
          font-family : Arial;
          font-weight : bold;
          font-size : 14px;
      }
     #Rcolumn {
          color : #808080;
          font-family : Trebuchet MS, Verdana, Arial;
          width : 172px;
          float : right;
          padding : 8px;
      }
     #Rcolumn h2 {
          color : #669966;
          font-size : 15px;
      }
     #Rcolumn p {
          font-size : 12px;
      }
     #Rcolumn a:visited {
          color : #0066cc;
          border-bottom : 1px dotted #0066cc;
          text-decoration : none;
      }
     #Rcolumn a:link {
          color : #409fff;
          border-bottom : 1px dotted #409fff;
          text-decoration : none;
      }
     #Rcolumn a:hover {
          color : #003366;
          background : #ffffcc;
      }



      #Rcolumn ul{
          margin: 0;
          font-size: 10px;
          padding-left: 0;
      }

        #Rcolumn ul li{
        margin-top: 0;
        padding-left: 10px;
        font-size: 11px;
        list-style-type: none;
}

     #gradient-top {
          background-image : url(../images/gradient-top.jpg);
          height : 18px;
      }
     #gradient-bottom {
          background-image : url(../images/gradient-bottom.jpg);
          height : 28px;
      }
     #footer {
          background-color : #003366;
          padding : 15px;
          height : 45px;
          font-size : 11px;
          color : white;
          font-family : Arial, Helvetica, sans-serif;
      }
     #footer a:link, #footer a:visited {
          color : #99ccff;
          text-decoration : none;
      }
     #footer a:hover {
          color : #669966;
          text-decoration : none;
      }
     .im1 {
          padding : 5px;
          border : 1px solid #ccc;
      }
     .im2 {
          padding : 5px;
          border : 1px solid #409fff;
      }

      .im3{
           padding : 5px;
          border : 1px solid #ccc;
          float: left;
          margin-right: 10px;
      }

     #nav {
          margin : 0;
          padding : 0;
          background : #808259;
          float : right;
          border-bottom : 1px solid #fff;
          border-left : 1px solid #fff;
          border-width : 1px 0;
      }
     #nav li {
          font-size : 14px;
          display : inline;
          padding : 0;
          margin : 0;
      }
     #nav a:link, #nav a:visited {
          color : #409fff;
          background : #003366;
          padding : 29px 32px 28px;
          float : left;
          width : auto;
          border-left : 1px solid #fff;
          text-decoration : none;
          font : bold 1em/1em Arial, Helvetica, sans-serif;
          text-transform : lowercase;
          text-shadow : #555 2px 2px 2px;
      }
     #nav a:hover {
          color : #fff;
          background : #003a74;
      }
     #nav li:first-child a {
          border-left : 1px solid #fff;
      }
     #home #nav-home a, #about #nav-about a, #services #nav-services a, #conatct #nav-conatct a, #reviews #nav-reviews a, #contact #nav-contact a {
          background : #003366;

          color : #fff;
          text-shadow : none;
      }
     #home #nav-home a:hover, #about #nav-about a:hover, #archive #nav-archive a:hover, #lab #nav-lab a:hover, #reviews #nav-reviews a:hover, #contact #nav-contact a:hover {
          background : #003366;
      }
     #nav a:active {
          background : #003366;
          color : #fff;
      }
     #nav2 {
          margin-top : 0;
          margin-bottom : 0;
          float : right;
          display : inline;
          border-bottom : 1px solid #fff;
          border-left : 1px solid #fff;
          border-width : 1px 0;
      }
     #nav2 li {
          font-size : 11px;
          display : inline;
          padding : 0;
          margin : 0;
      }
     #nav2 a:link, #nav2 a:visited {
          color : #a6d2ff;
          background : #0066cc;
          padding : 13px 30px;
          float : left;
          width : auto;
          border-left : 1px solid #fff;
          text-decoration : none;
          font : normal 1em/1em Arial, Helvetica, sans-serif;
          text-transform : lowercase;
      }
     #nav2 a:hover {
          color : #fff;
          background : #409fff;
      }
     #nav2 li:first-child a {
          border-left : 1px solid #fff;
      }
     #nav2 a:active {
          background : #e35a00;
          color : #fff;
      }

       #nav2.highlight {
          color : #fff;
          background : #409fff;
      }

      .none{
        border: 0;
      }

      .newsletter-list{
            float: left;
      }

      .newsletter-image{
       float: left;
      }


      .thumbnail{
        float: left;
        width: 150px;
        border: 1px solid #999;
        margin: 0 15px 15px 0;
        padding: 5px;
        padding-left: 15px;
       }

       .clearboth { clear: both; }

      .thumbnail p{
        font-size: 9px;
      }