@media all {
  body, input, textarea {
    font-family: 'Trebuchet MS', Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
    color: #666666;
  }

  img {
    border: none;
  }

  .break {
  	clear: both;
  }
  
  .hidden {
  	display: none;
  }
  
  td {
  	vertical-align: top;
  }
    
}


@media screen {
  
  /*
  	1em = 16px;
  */
  
  html {
  	width: 100%;
  	height: 100%;
  }
  body {
  	margin: 0px;
  	padding: 0px;
  	width: 100%;
  	height: 100%;
  }
  select, textarea, input {
  	font-size: 100%;
  }
  
  code, pre {
  	font-family: "Courier New", Courier, monospace;
  	font-size: 100%;
  	background-color: #f0f0f0;
  }
  
  #canvas {
  	position: absolute;
  	top: 0px;
  	width: 100%;
  	height: 100%;
  	min-height: 100%;
  	font-size: 70%;
  }
  html>body #canvas {
  	height: auto;
  }
  
  
  #block0 {
  	position: relative;
  	width: 100%;
  	min-width: 910px;
  	overflow: hidden;
  }
  
  #block1 {
  	position: relative;
  	width: 910px;
  	left: 50%;
  }
  
  #block2 {
  	position: relative;
  	width: 910px;
  	left: -455px;
  	min-height: 644px;
  	z-index: 2;
  }
  
  #block3 {
  	position: absolute;
  	left: -995px;
  	width: 1279px;
  	height: 644px;
  	background-image: url(../images/canvas_background.gif);
  	background-repeat: no-repeat;
  	background-position: 0px 0px;
  	z-index: 1;
  }
  
  #bottom {
  	bottom: -1px;
  	position: absolute;
  	width: 910px;
  }
  
  
  
  body {
    background-color: #e8e8e8;
    background-image: url(../images/body_background.gif);
    background-repeat: repeat-x;
    background-position: left top;
  }
  
  #header {
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 3;
  }
  
    #address {
      float: left;
      padding: 0px 0px 0px 11px;
    }
  
      #address p {
        margin: 0px;
        padding: 0px;
        color: #333333;
      }
      
        #address a {
          color: #333333;
          padding: 0px 25px 0px 0px;
          text-decoration: underline;
          background-image: url(../images/header_route.gif);
          background-repeat: no-repeat;
          background-position: 100% 2px;
        }
        
        #address a:hover {
          color: #ffffff;
          text-decoration: underline;
        }
      
  
    #logo {
      float: right;
      overflow: hidden;
      display: block;
      width: 410px;
      height: 160px;
    }
    
      #logo img {
        margin: 53px 0px 0px 0px;
        width: 366px;
        height: 101px;
      }  
      
    #menu {
      position: relative;
      float: left;
      width: 910px;
      overflow: hidden;
      margin: 0px;
      padding: 0px;
      line-height: 1em;
    }
  
      #menu .bar {
        position: relative;
        float: left;
        width: 910px;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
      }
  
        #menu .back {
          position: absolute;
          width: 910px;
          margin: 0px;
          padding: 0px;
        }
  
        #menu .front {
          position: relative;
          margin: 0px;
          padding: 10px 0px 0px 0px;
        }
    
        #menu ul {
          display: block;
          margin: 0px;
          padding: 0px;
          list-style-type: none;
        }
  
        #menu ul.level1 {
          font-size: 125%;
          text-align: center;
          font-weight: bold;
        }
    
        #menu ul.level2 {
          position: relative;
          text-align: right;
          float: right;
          width: 600px;
        }
  
          #menu li {
            display: inline;
            margin: 0px 10px;
            padding: 0px;
          }
      
            #menu li a {
              text-decoration: none;
              color: #666666;
              white-space: nowrap;
              line-height: 1.25em;
            }
  
            #menu li a:hover {
              text-decoration: underline;
            }
        
            #menu li.selected a {
              color: #37a7cc;
            }
  
        #menu .bottom {
          position: relative;
          float: left;
          width: 910px;
          height: 10px;
          overflow: hidden;
          font-size: 0px;
        }
  
          #menu .bottom img {
            width: 910px;
            height: 10px;
          }
      
      #main {
      }
      
        #content {
          width: 390px;
          float: right;
          margin: 50px 0px 0px 0px;
          padding: 0px;
          color: #666666;
        }
        
          #content h1 {
            margin: 5px 0px 40px 0px;
            padding: 0px 0px 0px 0px;
            font-size: 22px;
            line-height: 33px;
            font-weight: bold;
          }
        
            #content h1 img {
              vertical-align: top;
              margin: -5px 0 0 0;
            }
  
            #content h1 span {
              display: none;
            }
  
          #content h2 {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            font-size: 17px;
            line-height: 22px;
            font-weight: bold;
          }
  
          #content h3 {
            margin: 13px 0px;
            padding: 0px 0px 0px 0px;
            font-size: 13px;
            line-height: 18px;
            font-weight: bold;
          }
  
          #content h4 {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            font-size: 11px;
            line-height: 17px;
            font-weight: bold;
          }
  
          #content h5 {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            font-size: 11px;
            line-height: 17px;
            font-weight: bold;
          }
  
          #content h6 {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            font-size: 11px;
            line-height: 17px;
            font-weight: bold;
          }
  
          #content p {
            font-size: 11px;
            line-height: 17px;
            margin: 11px 0px;
            padding: 0px 0px 0px 0px;
          }
  
          #content p.intro {
            font-weight: bold;
          }
          
          #content .column {
            float: left;
            width: 195px;
            overflow: hidden;
            display: block;
          }
          
          #content .nobr {
            white-space: nowrap;
          }
          
          #content a {
            font-weight: bold;
            color: #89b500;
            text-decoration: underline;
          }
  
            #content a:hover {
              color: #35b9e5;
              text-decoration: none;
            }
  
          #content a.minor {
            color: #666666;
          }
  
            #content a.minor:hover {
              color: #666666;
            }
  
          #content ul {
            margin: 1em 0px 1em 1em;
            padding: 0px 0px 0px 1em;
            list-style-type: square;
          }
  
            #content li {
              margin: 0.5em 0px;
              padding: 0px;
            }
          
          #content table {
            width: 368px;
            border: 1px solid #333333;
            padding: 0px 10px 10px 10px;
          }
           
            #content table th,
            #content table td {
              text-align: left;
              vertical-align: top;
            }
  
            #content table th {
              padding: 10px 0px 0px 0px;
              border-bottom: 1px solid #cccccc;
            }
  
            #content table td {
              padding: 0px 0px 0px 0px;
            }
            
            #content table .right {
              float: right; 
              text-align: right;
              padding: 0px 10px 0px 0px;
            }

            #content .hover {
              border-bottom: 1px dashed #333333;
            }
  
        
        #photos {
          float: left;
          width: 500px;
          height: 510px;
          position: relative;
          overflow: hidden;
          font-size: 0px;
        }
  
          #photos .photos {
            width: 500px;
            height: 510px;
            position: relative;
            overflow: hidden;
            font-size: 0px;
          }
  
  
          .photos .photo {
            position: absolute;
            
          }
  
            .photos .photo .front {
              position: relative;
            }
  
            .photos .photo .back {
              position: absolute;
              width: 194px;
              height: 200px;
              overflow: hidden;
            }
  
            .photos .photo .overlay {
              position: absolute;
              width: 194px;
              height: 45px;
              overflow: hidden;
            }
        
  
            .photos .photoFrame1 .front
            .photos .photoFrame1 .front img {
              width: 249px;
              height: 293px;
              overflow: hidden;
            }
  
            .photos .photoFrame1 .back {
              left: 29px;
              top: 31px;
            }
  
            .photos .photoFrame1 .overlay {
              left: 30px;
              bottom: 23px;
            }
  
            .photos .photoFrame2 .front
            .photos .photoFrame2 .front img {
              width: 255px;
              height: 297px;
              overflow: hidden;
            }
  
            .photos .photoFrame2 .back {
              left: 29px;
              top: 31px;
            }
  
            .photos .photoFrame2 .overlay {
              left: 40px;
              bottom: 27px;
            }
  
            .photos .photoFrame3 .front
            .photos .photoFrame3 .front img {
              width: 249px;
              height: 292px;
              overflow: hidden;
            }
  
            .photos .photoFrame3 .back {
              left: 29px;
              top: 31px;
            }
  
            .photos .photoFrame3 .overlay {
              left: 22px;
              bottom: 23px;
            }
  
            .photos .photoFrame4 .front
            .photos .photoFrame4 .front img {
              width: 249px;
              height: 292px;
              overflow: hidden;
            }
  
            .photos .photoFrame4 .back {
              left: 33px;
              top: 31px;
            }
  
            .photos .photoFrame4 .overlay {
              left: 24px;
              bottom: 27px;
            }
  
            
  
      #footer {
        margin: 0px;
        padding: 0px 11px 10px 11px;
        color: #666666;
      }
        
        #design {
          float: right;
        }
  
          #design a {
            color: #666666;
            text-decoration: underline;
          }
        
          #design a:hover {
            color: #666666;
            text-decoration: none;
          }
  
        #copyright {
          float: left;
        }
        
          #copyright span {
            display: none;
          }
          
        
}

@media print {
  a {
   color: #666666;
   text-decoration: none;
  }

  #menu, 
  #logo, 
  .photos .front,
  .photos .photo br,
  #content h1 span {
    display: none;
  }
  
  
  .photos, 
  .photo,
  .photo .back,
  .photo .front,
  .photo .back img,
  .photo br {
    float: left;
  }

  #content .table {
    margin: 0 0 1em 0;
    padding: 0;
  }
   
    #content table th,
    #content table td {
      text-align: left;
      vertical-align: top;
    }

    #content table th {
      padding: 10px 0px 0px 0px;
      border-bottom: 1px solid #cccccc;
    }

    #content table td {
      padding: 0px 0px 0px 0px;
    }
    
    #content table .right {
      float: right; 
      text-align: right;
      padding: 0px 10px 0px 0px;
    }

  .photo .back img {
    margin: 0 1em 1em 0;
  }
  
  #footer {
    font-size: 75%;
  }
  
  #copyright {
    float: left;
  }
  
  #design {
    float: right;
  }
}