/**********************************************************
* General settings
**********************************************************/

html, body, div, form, table, ul, input, textarea, dl, dt, dd, li, h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
	font-family: Trebuchet MS, Helvetica, sans-serif;
   font-size: 12px;
}

img {
	border: 0;
}

a {
   color: #0a3d9d;
   text-decoration: none;
   cursor: pointer;
}
   a:hover {
      text-decoration: underline;
   }
   .bottomMessage a,
   .content a {
      text-decoration: underline;
   }
      .bottomMessage a:hover,
      .content a:hover {
         text-decoration: none;
         color: #ff5c00;
      }

.clear {
   display: block;
   height: 1px;
   overflow: hidden;
   margin-top: -1px;
   clear: both;
   font-size: 1px;
   line-height: 1px;
}


/**********************************************************
* Global site blocks
**********************************************************/

body {}

.siteContainer {
   width: 840px;
   position: relative;
   margin: 0 auto;
}
   #top {
      height: 120px;
      position: relative;
      margin-top: 20px;
      background: url(../gfx/bgHeader.gif) bottom center no-repeat;
   }
      #logo {
         display: block;
         margin-top: 4px;
         margin-left: 9px;
         width: 219px;
         height: 71px;
      }
      #mainMenu {
         position: absolute;
         right: 8px;
         top: 10px;
         width: 523px;
         text-align: right;
         font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
         font-size: 22px;
         color: #888;
      }
         #mainMenu a {
            color: #0a3d9d;
            text-decoration: underline;
         }
            #mainMenu a:hover {
               text-decoration: none;
            }
            #mainMenu a.active {
               color: #ff5c00;
               text-decoration: none;
            }
         #about {
            margin-top: 10px;
            text-align: right;
         }
            #about a {
               font-style:italic;
            }
         
      #subMenu {
         margin-bottom: 20px;
         background: url(../gfx/bgSubMenuBottom.gif) bottom left no-repeat;
      }
         #subMenu ul {
            background: url(../gfx/bgSubMenuTop.gif) top left no-repeat;
            padding-top: 6px;
            padding-bottom: 4px;
         }
         #subMenu li {
            position: relative;
            display: block;
            float: none;
            background: none;
         }
            #subMenu li.seperator {
               height: 1px;
               font-size: 1px;
               line-height: 1px;
               background: url(../gfx/bgSubMenuSeperator.gif) top left no-repeat;
            }
         #subMenu a {
            display: block;
            font-size: 13px;
            padding: 4px 9px 4px 9px;
            /*color: #676767;*/
            font-weight: bold;
         }
            #subMenu .active a {
               color: #fe5c00;
            }
      
      .tabMenu {
         position: relative;
         height: 36px;
         padding-left: 8px;
         background: url(../gfx/bgTabMenuContainer.gif) bottom center repeat-x;
      }
         .tabMenuLeft {
            position: absolute;
            top: 0;
            left: 8px;
            width: 8px;
            height: 36px;
            background: url(../gfx/bgMainmenuLeft.gif) top left no-repeat;
         }
         .tabMenu ul {
            float: left;
            height: 36px;
            padding-right: 7px;
            background: url(../gfx/bgMainmenuRight.gif) top right no-repeat;
         }
         .columnList li .tabMenu li {
            float: left;
            display: inline;
            height: 36px;
            background: url(../gfx/bgMainmenu.gif) top left repeat-x #ffffff;
         }
            .columnList li .tabMenu li.seperator {
               width: 1px;
               background: url(../gfx/bgMainmenuSeperator.gif) top right no-repeat;
            }
         .tabMenu a {
            float: left;
            display: inline;
            font-size: 13px;
            font-weight: bold;
            padding: 14px 20px 9px 20px;
         }
            .tabMenu .active a {
               color: #fe5c00;
            }
  
   #header {
      position: relative;
      margin-bottom: 5px;
   }
      #header img {
         display: block;
      }
      li.wide #header {}
   
   #main {
      padding-top: 10px;
   }

   #footer {
      margin-top: 10px;
      padding: 16px 0;
      text-align: center;
      background: url(../gfx/bgFooter.gif) top center no-repeat;
   }
      
      #contactInfo {
         color: #454545;
         letter-spacing: 1px;
      }



/**********************************************************
* Default content
**********************************************************/

.columnList {}
   .columnList li {
      list-style: none;
      float: left;
      display: inline;
      width: 276px;
      margin-right: 6px;
      padding-bottom: 11px;
      background: url(../gfx/columnListBottom.gif) bottom left no-repeat;
   }
      .columnList li.wide {
         width: 558px;
         background: none;
      }
      .columnList li.noMargin {
         margin: 0;
      }
      .columnList li.noBG {
         background: none;
      }
   .columnList li ul li {
      width: auto;
      margin: 0;
      padding: 0;
      background: none;
   }
      .columnList li .content ul.contentList {
         margin-left: 1em;
         margin-bottom: 0.5em;
      }
         .columnList li .content ul.contentList li {
            display: list-item;
            list-style: disc;
            float: none;
            margin-left: 1em;
         }
   #columnList3 li {
      width: 176px;
      float: left;
      display: inline;
      margin-right: 6px;
   }
      #columnList3 li.noMargin {
         margin: 0;
      }
      #columnList3 li ul {
         padding-bottom: 10px;
      }
      #columnList3 li ul li {
         display: list-item;
         float: none;
         width: 176px;
         margin: 0;
         padding: 3px 0;
         background: url(../gfx/seperatorReferences.gif) bottom left no-repeat;
      }
      #columnList3 h4 {
         color: #fe5c00;
      }
      #columnList3 .keywords,
      #columnList3 .keywords a {
         color: #929292;
         font-size: 10px;
         text-align: left;
      }

.itemList {}
   .itemList .seperator {
      clear: both;
      width: 100%;
      height: 1px;
      background-color: #e4e4e4;
   }
   .itemList li.active a {
      color: #fe5c00;
   }
   .columnList li .reference li {
      width: 258px;
      height: 80px;
      text-align: left;
      overflow: visible;
   }
      .columnList li #recentOnline li {
         width: auto;
      }
   body .columnList li
   .newsList li {
      display: list-item;
      float: none;
      width: auto;
   }


.content {
   padding: 4px 9px;
   text-align: justify;
   color: #454545;
   overflow: hidden;
}
   .columnList .wide .content {
      overflow: hidden;
      width: 540px;
   }
   

p,
table {
   margin: 7px 0 14px 0;
   padding: 0;
}
   .reference p {
      margin: 0;
   }
   form table {
      margin: 0;
   }


.reference {}
.reference img {
   float: left;
   margin: 7px 7px 4px 0;
}
   .reference li.noMargin img {
      margin: 7px 0 4px 0;
   }
   #homePage .reference {
      margin-left: 3px;
   }
      #homePage .reference img {
         margin: 7px;
      }
   
.moreLink {
   clear: left;
   padding-top: 8px;
   padding-right: 7px;
   text-align: right;
}
   .moreLink a {
      font-style: italic;
   }

img.right {
   float: right;
}
img.left {
   float: left;
}
   .content img.right {
      margin-left: 18px;
   }
   .content img.logo {
      margin-top: 7px;
   }

.date {
   font-size: 11px;
   color: #777777;
}


h1,
h3 {
   padding: 12px 9px 7px 9px;
   color: #0a3d9d;
}
h1 {
   font-size: 18px;
   font-weight: normal;
   letter-spacing: 1px;
}
h2 {
   font-size: 16px;
   font-weight: bold;
}
h3 {
   font-size: 13px;
}
   li h3 {         background: url(../gfx/bg-h3.gif) top left no-repeat; }
   li.wide h3 {    background: url(../gfx/bg-h3_wide.gif) top left no-repeat; }

h4 {
   margin-top: 7px;
   color: #0a3d9d;
   font-weight: bold;
   text-align: left;
}
   .wide .content h4 {
      margin-top: 20px;
      clear: both;
   }
   .newsList p {
      margin-top: 0;
   }
   
.content h1 a,
.content h2 a,
.content h3 a {
   text-decoration: none;
}


.intro {
   font-size: 13px;
}

/**********************************************************
* Page content
**********************************************************/

#headerHome {
   position: relative;
   clear: both;
   height: 227px;
   margin: 10px 0 12px 0;
}
   #headerHome li {
      display: none;
      list-style: none;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 8;
   }
      #headerHome li.active  {
         display: block;
         z-index: 10;
      }
      #headerHome li.last-active  {
         display: block;
         z-index: 9;
      }
      
#homePage .content {
   width: 510px;
   padding: 0 20px 0 10px;
   font-size: 15px;
   line-height: 1.7em;
}

.bottomMessage {
   margin-top: 10px;
   padding: 14px 0 8px 0;
   text-align: center;
   line-height: 1.7em;
   background: url(../gfx/siteSeperator.gif) top center no-repeat;
}


a.referenceUrl  {
   display: block;
   clear: both;
   float: left;
   margin: 10px 0;
   padding: 3px 24px 3px 6px;
   color: #000000;
   border: 1px solid #999999;
   background: url(../gfx/icon-go.gif) 98% 5px no-repeat #f3f7fb;
}
   a:hover.referenceUrl  {
      color: #0a3d9d;
      background: url(../gfx/icon-go.gif) 99% 5px no-repeat #ffffff;
   }

td {
   vertical-align: top;
}

#route {
   overflow: auto;
   margin-top: -8px
}
   #route * {
      font-size: 11px;
      text-align: left;
   }
/*
#routeTitle {
   background: none;
}
*/

#drawingContent,
#map {
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 10;
}
	#mapRouteText {
	   position: absolute;
	   top: 15px;
	   left: 1px;
	   z-index: 20;
	   width: 176px;
	}