@media all
{
/* » */
      *
      {
            font-family: Verdana, Tahoma, Arial;
      }

      a:link, a:visited
      {
            color: #161C70;
      }

      ul.NavigationView * a:link, ul.NavigationView * a:visited
      {
            text-decoration: none;
      }

      a:hover
      {
            color: #B01C16;
      }

      body
      {
            background-image: url('/css1/VerticalRepeater.gif');
            background-repeat: repeat-y;
            color: #000000;
            font-size: 13px;
            text-align: justify;
      }

      #PageMarginLayer
      {
      }

      #FrameLayer
      {
            background-image: url('/css1/RightColumn.png');
            background-position: right;
            background-repeat: repeat-y;
            min-width: 756px;
      }

      #Header
      {
            background-image: url('/css1/HorizontalRepeater.gif');
            position: relative;
            height: 196px;
      }

      #Footer
      {
            background-color: #FFFFFF;
            background-image: url('/css1/Footer.gif');
            background-position: 0px 16px;
            background-repeat: repeat-x;
            color: #909090;
            font-size: 11px;
            height: 96px;
            margin-left: 106px;
            margin-top: 32px;
            padding-left: 4px;
      }

      #FooterLeft
      {
            float: left;
            padding-top: 19px;
      }

      #FooterRight
      {
            background-image: url('/css1/RightColumnBottom.gif');
            float: right;
            height: 4px;
            width: 66px;
      }

      #HeaderLeft
      {
            background-image: url('/css1/HeaderLeft.gif');
            float: left;
            height: 196px;
            width: 320px;
      }

      #HeaderRight
      {
            background-image: url('/css1/HeaderRight.gif');
            float: right;
            height: 196px;
            width: 440px;
      }

      #Body
      {
            position: relative;
            top: 0px;
      }

      #Column1
      {
            background-image: url('/css1/LeftColumn.gif');
            background-repeat: no-repeat;
            min-height: 404px;
            width: 236px;
      }

      #Column1Content
      {
            background-image: url('/css1/NavigationBoxBackground.gif');
            margin-left: 54px;
            margin-top: 4px;
            width: 164px;
      }

      #Column3
      {
            margin-left: 236px;
            margin-right: 96px;
      }

      #Column2
      {
            background-image: url('/css1/RightColumnTop.gif');
            margin-top: 0px;
            width: 66px;
            height: 586px;
      }

      li.Download
      {
            list-style-image: url('/css1/DownloadIcon.png');
            line-height: 20px;
            margin-left: 20px;
            vertical-align: center;
      }

      ul.MultimediaBrowser li
      {
            background-image: url('/css1/Album.png');
            background-position: 0px 4px;
            background-repeat: no-repeat;
            height: 36px;
            margin: 12px 0px;
            padding-left: 36px;
      }

      ul.MultimediaBrowser li:first-line
      {
            font-size: 14px;
      }

      ul.PaperAlbumViewer
      {
            line-height: 17px;
            list-style-image: url('/MultimediaBrowserIndexItemType3Icon.png');
      }

      ul.PaperAlbumViewer li
      {
            margin-bottom: 4px;
            margin-left: 23px;
            padding-left: 2px;
            text-indent: -8px;
      }

      ul.NavigationView > li span
      {
            display: block;
            font-size: 19px;
            font-variant: small-caps;
            letter-spacing: 1px;
            line-height: 24px;
            list-style-type: none;
            margin-bottom: 0px;
            margin-left: 4px;
            margin-top: 0px;
            padding-left: 11px;
      }

      ul.NavigationView > li span:hover
      {
            background-color: #D0E0F0;
      }

      ul.NavigationView > ul > li
      {
            display: block;
            font-size: 13px;
            font-variant: normal;
            line-height: 17px;
            list-style-type: none;
            padding-left: 11px;
            margin-bottom: 0px;
            margin-left: 4px;
            margin-top: -3px;
      }

      ul.NavigationView > ul > li span:before
      {
            content: "» ";
      }

      ul.NavigationView > ul > li:hover
      {
            background-color: #E0E0E0;
      }

      ul.NavigationView > ul > li.Last
      {
            margin-bottom: 5px;
      }

      h1
      {
            border-bottom: 1px solid #303030;
            font-size: 23px;
            font-variant: small-caps;
            margin: 0;
            margin-bottom: 10px;
      }

      h2
      {
            border-bottom: 1px solid #606060;
            font-size: 18px;
            font-variant: small-caps;
            margin-bottom: 5px;
            margin-left: 20px;
            margin-top: 14px;
      }

      h2.PaperAlbumViewer-Title, h3.PaperAlbumViewer-Title
      {
            border: none;
            font-size: 21px;
            margin-bottom: 8px;
            margin-top: 20px;
            text-align: center;
      }

      h3
      {
            font-size: 15px;
            font-weight: bold;
            margin-bottom: 2px;
            margin-left: 40px;
            margin-top: 10px;
      }

      h3.PaperAlbumViewer-Subtitle, h4.PaperAlbumViewer-Subtitle
      {
            font-size: 15px;
            margin-bottom: 8px;
            margin-top: -6px;
            text-align: center;
      }

      h3.GuestbookMessageView
      {
            border-bottom: 1px dotted #808080;
      }

      .Header1Block
      {
            margin-left: 20px;
      }

      .Header2Block
      {
            margin-left: 40px;
      }

      .Header3Block
      {
            margin-left: 60px;
      }

      div.InfoBox, p.InfoBox
      {
            background-color: #D8D8D8;
            border: 1px dashed #303030;
            padding: 4px;
      }

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

      ul
      {
            list-style-type: none;
            margin-bottom: 0px;
      }

      ul.Index, ul.NewspostViewer-Index
      {
            background-color: #E0E0E0;
            border: 1px dotted #303030;
            list-style-type: decimal;
            margin-left: 40px;
            margin-top: 10px;
            padding: 4px;
            padding-left: 40px;
      }

      ul.NewspostViewer-Index
      {
            list-style-type: none;
            padding-left: 4px;
      }

      ul.IndexBrowserSubBlock
      {
            margin: 6px 0px 12px 12px;
      }

      p.CopyrightInfo
      {
            font-size: 11px;
      }

      p.PaperAlbumViewer-Creator, p.PaperAlbumViewer-Publisher
      {
            font-style: italic;
            font-weight: bold;
            text-align: center;
      }

      div.PaperAlbumViewer
      {
            margin-top: 20px;
      }

      em
      {
            font-style: italic;
      }

      div.PhotoThumbnailLayer
      {
            background-color: #D8D8D8;
            border: 1px solid #8098C0;
            float: left;
            margin-bottom: 10px;
            margin-right: 10px;
            padding: 8px;
            text-align: center;
      }

      div.StoryBookPreviewLayer
      {
            background-color: #D8D8D8;
            border: 1px solid #8098C0;
            margin: 10px auto;
            padding: 8px;
            text-align: center;
            width: 480px;
      }

      div.WallpaperThumbnailLayer
      {
            background-color: #D8D8D8;
            border: 1px dotted #101010;
            float: left;
            margin-bottom: 10px;
            margin-right: 10px;
            padding: 6px 12px 6px 12px;
            text-align: center;
      }

      div.WallpaperThumbnailLayer img, div.PhotoThumbnailLayer img
      {
            border: 1px solid #A0A0A0;
      }

      div.WallpaperThumbnailLayer img:hover, div.PhotoThumbnailLayer img:hover
      {
            border: 1px solid #B01C16;
      }

      img
      {
            vertical-align: middle;
      }

      img.Avatar
      {
            border: 1px solid #989898;
            border-bottom-width: 2px;
            border-right-width: 2px;
      }

      div.AwardLayer
      {
            margin: 0px auto;
            margin-bottom: 16px;
            padding: 8px;
            text-align: center;
            width: 440px;
      }

      div.ImageLayer img
      {
            border: 1px solid #A0A0A0;
            border-bottom-width: 2px;
            border-right-width: 2px;
      }

      div.WallpaperLayer
      {
            margin-top: 10px;
      }

      p.WallpaperFormat
      {
            font-size: 11px;
            font-weight: bold;
      }

      div.ImageLayer
      {
            text-align: center;
            margin-top: 10px;
            margin-bottom: 10px;
      }

      div#HeaderString
      {
            color: #A0A0A0;
            font-size: 9px;
            position: absolute;
            left: 222px;
            top: 58px;
      }

      div.GuestbookMessageView > div,
      div.NewspostMessageView > div,
      div.NewspostMessageView > p.Bottom,
      div.CommentMessageView > div,
      div.AwardLayer
      {
            background-color: #F0F0F0;
            border-bottom: 1px solid #D0D0D0;
            border-right: 1px solid #D0D0D0;
            margin-bottom: 4px;
            margin-top: 4px;
            padding: 4px 4px 4px 8px;
      }

      /* NewspostMessageView */

      div.NewspostMessageView > div > div.Author
      {
            background-color: #E0E0E0;
            border-color: #B0B0B0 #D0D0D0 #D0D0D0 #B0B0B0;
            border-style: solid;
            border-width: 1px;
            float: left;
            margin-right: 6px;
            padding: 6px 6px 4px 6px;
            text-align: center;
      }

      div.NewspostMessageView > div > div.Content
      {
            margin-left: 124px;
      }

      p.SmallInfo
      {
            background-color: #E0E0E0;
            font-size: 11px;
            margin-bottom: 8px;
            margin-top: 8px;
            padding: 2px;
      }

      span.StrongNote
      {
            font-size: 11px;
            font-weight: bold;
      }

      span.Italic
      {
            font-style: italic;
      }

      span.MessageTitle
      {
            font-size: 15px;
      }

      table
      {
            border: 1px solid #8098C0;
            width: 100%;
      }

      tr, div.MessageInputForm tr:hover
      {
            background-color: #D8D8D8;
      }

      tr:hover
      {
            background-color: #A8A8A8;
      }

      td, th
      {
            padding: 2px 6px 2px 4px;
      }

      th, td.TableFooter
      {
            font-weight: bold;
            background-color: #C0C0C0;
      }

      td.ButtonCell
      {
            height: 48px;
            text-align: center;
            vertical-align: center;
      }

      .Center
      {
            text-align: center;
      }

      td.Right
      {
            padding-right: 5px;
            text-align: right;
      }

      caption
      {
            border: 1px solid #506890;
            font-weight: bold;
            background-color: #C0C0C0;
            margin-bottom: 2px;
            padding: 2px;
            padding-left: 4px;
            text-align: left;
      }

      div.MessageInputForm input.Textfield
      {
            width: 100%;
      }

      input, select, textarea
      {
            background-color: #F4F4F4;
            color: #183868;
            font-size: 13px;
            padding: 1px;
            vertical-align: middle;
      }

      input.Button, input.TinyButton, input.SmallButton, input.MediumButton, input.LargeButton,
      input.HugeButton, input.GiantButton, input.OversizedButton, input.StretchButton
      {
            font-weight: bold;
            height: 24px;
      }

      input.TextField, input.TwoCharsTextField, select, textarea
      {
            width: 100%;
      }

      textarea
      {
            color: #082848;
            height: auto;
      }

      fieldset
      {
            border: 1px outset #808080;
            display: inline;
            margin: 2px;
            padding: 2px 4px 4px 4px;
            vertical-align: center;
      }

      div.BBCToolBar img:hover
      {
            background-color: #B8B8B8;
      }

      div.ToolBar
      {
            background-color: #D0D0D0;
            border: 1px inset #B0B0B0;
            margin: 6px 1px;
            padding: 2px 4px 4px 4px;
      }
}