/*** MAIN STYLES ***/

    body, h1, h2, h3, p, td, th, a {
      font-family: Arial, Helvetica, sans-serif;
      color: white;
    }

    body, p, td, th, a {
      font-size: 10pt;
    }

    body {
      height: 100%;
      margin: 0px;
      padding: 0px;
      background-color: #163345;
      text-align: left;
    }

    h1 {
      font-size: 14pt;
      text-align: left;
      border-bottom: 1px solid;
      padding: 1px 0px 1px 0px;
      margin: 2px 0px 20px 0px;
    }

    p {
      text-align: justify;
      margin: 3px 0px 3px 0px;
      padding: 0px;
    }

    a:link {
      color: white;
    }

    a:visited {
      color: white;
    }

    a:hover {
      color: #eee30f;
    }

    a:active {
      color: white;
    }

    ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 30px;
      list-style-type: disc;
      color: white;
    }

    li {
      margin: 0px 0px 5px 2px;
      padding: 0px;
    }


/*** IMAGE WITH LINK, HOVER EFFECT ***/

    div.ImageLink, div.Thumb {
      background-color: #eee30f;  /* For the hover effect */
    }

    div.Thumb {
      padding: 0px;
      margin: 4px 0px 4px 0px;
      border-spacing: 0px;
    }

    div.ImageLink a, div.Thumb a {
      background-color: #eee30f;  /* For the hover effect */
      margin: 0px;
      padding: 0px;
      border-spacing: 0px;
    }

    div.ImageLink a img, div.Thumb a img {
      border: none;
      border-spacing: 0px;
      margin: 0px;
      padding: 0px;
      vertical-align: middle;
      opacity: 1.0;               /* Newer Mozilla         */
      -moz-opacity: 1.0;          /* Mozilla 1.6 and below */
      filter: alpha(opacity=100); /* Internet Explorer     */
    }

    div.ImageLink a:hover img, div.Thumb a:hover img {
      opacity: 0.7;               /* Newer Mozilla         */
      -moz-opacity: 0.7;          /* Mozilla 1.6 and below */
      filter: alpha(opacity=70);  /* Internet Explorer     */
    }


/*** MAIN BODY TABLE ***/

    table.Body {
      height: 100%;
      width: 100%;
      margin: 0px;
      padding: 0px;
      border-spacing: 0px;
      border: none;
    }
    
    table.Body td {
      padding: 0px;
    }

/*** ALBUM ***/

    div.Album {
      text-align: left;
      width: 400px;
      margin: 20px;
      padding: 15px;
      background-color: #1f4861;
      border: 10px solid #2d688c;
    }

    div.Album table {
      width: 400px;
      border: none;
      padding: 0px;
      margin: 0px;
    }

    div.Album table td {
      vertical-align: top;
      text-align: left;
      padding: 0px;
      margin: 0px;
    }


/*** HTML ALBUM ***/


    div#Menu {
      position: absolute;
      top: 5px;
      left: 0px;
      height: auto;
      margin: 0px;
      padding: 0px;
      border-spacing: 0px;
      width: 100%;
    }
    
    div#Menu a {
      margin: 5px;
    }
    
    div#Menu table {
      width: 100%;
      border: none;
      border-spacing: 0px;
      margin: 0px;
      padding: 0px;
    }

    div#Menu table td {
      padding: 0px;
      margin: 0px;
    }

    td#Previous {
      text-align: left;
      width: 120px;
    }
  
    td#Previous a {
      padding: 0px 3px 0px 20px;
      background: url(previous.gif) no-repeat center left;  
    }

    td#Home {
      text-align: center;
      min-width: 120px;
    }
  
    td#Home a {
      padding: 0px 3px 0px 20px;
      background: url(home.gif) no-repeat center left;  
    }
    
    td#Next {
      text-align: right;
      width: 120px;
    }
  
    td#Next a {
      padding: 0px 20px 0px 3px;
      background: url(next.gif) no-repeat center right;
    }

    div.Image {
      margin-top: 25px;
    }

    div.Image img {
      border: 10px solid #2d688c;
    }
    
    /* Set all to 0px but NOT to hidden, because it's used to preload images in background. */
    div.HiddenImage, div.HiddenImage img {
      width: 0px;
      height: 0px;
      margin: 0px;
      padding: 0px;
    }
    
    div.HiddenImage img {
      border: none;
    }

    div#Download {
      margin-top: 10px;
      text-align: center;
    }
		
		div#Download p {
			text-align: center;
		}
  
    div#Download a {
      padding-left: 20px;
      background: url(save.gif) no-repeat center left;  
    }

/*** FOR SIMPLEVIEWER AND POSTCARDVIEWER ***/

    /* hide from ie on mac \*/
    html {
      margin: 0px;
      padding: 0px;
      height: 100%;
      overflow: hidden;
      text-align: center;
    }

    #flashcontent {
      height: 100%;
    }
    /* end hide */