body { font-family: "Cochin", "Palatino"; line-height: 140%;
       background: #dddddd; padding: 0; margin: 0; }
body#gateway { background: white; }
a { text-decoration: none; color: black;
    background-color: #cccccc; padding: 2px; }
a:hover { background-color: #999999; }
img { border: 0; }


/* Styles for disclaimer page. */

#disclaimer { width: 50%; text-align: center;
              margin: 150px auto 0 auto; font-size: 150%;
              line-height: 130%; }


/* Styles for content. */

#content { width: 800px; margin: auto; background-color: white;
           border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }


/* Styles for site banner. */

#englishvicebanner { padding: 10px 0 10px 30px; }
#englishvicebanner a { background-color: white; padding: 0; }


/* Styles for sidebar text. */

#sidebartext { float: left; width: 320px;
               font-size: 100%; line-height: 125%; padding-left: 40px; }
#sidebartext p,
#sidebartext h1,
#sidebartext h2,
#sidebartext h3,
#sidebartext h4 { margin-top: 0.5em; margin-bottom: 0.5em; }

#sidebartext img { margin: auto; }


/* Styles for gallery summaries. */

.gallerysummary { margin: 0.5em 0.5em 0.5em 400px; }
.gallerysummary td { vertical-align: top; padding: 3px; }
.gallerysummary .gallerythumb { background-color: white; padding: 0; }
.gallerysummary .gallerythumb img { border: 6px solid #cccccc; }
.gallerysummary .gallerythumb img:hover { border: 6px solid #999999; }
.gallerysummary .galleryname { font-size: 140%; font-weight: normal;
                               color: black; background-color: white; padding: 0; }
.gallerysummary .galleryname:hover { text-decoration: underline; }
.gallerysummary .imagecount { font-size: 110%; color: #333333; }


/* Styles for navigation crumbs. */

#navigation { margin: 0.5em 40px 1em 40px; font-size: 110%;
              border-bottom: 1px dotted #cccccc; }
#navigation a { background-color: white; padding: 0; }
#navigation a:hover { text-decoration: underline; }


/* Styles for gallery text. */

#gallerytext { float: left; width: 320px;
               font-size: 100%; line-height: 125%; padding-left: 40px; }
#gallerytext #galleryname { font-size: 120%; }
#gallerytext p { margin-top: 0.5em; margin-bottom: 0.5em; }


/* Styles for gallery thumbnails. */

#gallerythumbs { margin: 0.5em 0.5em 0.5em 400px; }
#gallerythumbs a { background-color: white; padding: 0; }
#gallerythumbs img { border: 6px solid #cccccc; }
#gallerythumbs img:hover { border: 6px solid #999999; }


/* Styles for slideshow. */

#slideshowname { font-size: 110%; margin: 0 0 0.5em 70px; }

#currentslide { float: left; width: 520px; margin-left: 70px;
                margin-bottom: 2em; text-align: center; }
#currentslide img { border: 6px solid #cccccc; }

#navigationslides { margin-left: 620px; text-align: left; }
#navigationslides img { border: 6px solid #cccccc; }
#navigationslides img:hover { border: 6px solid #999999; }
#navigationslides p { margin: 0; }


/* Styles for footer. */

#footer { clear: both;
          margin: 2em auto 2em auto; padding: 1em 0 2em 0;
          border-top: 1px dotted #cccccc;
          width: 90%; font-size: 85%; line-height: 120%;
          text-align: center; }

#footer a { background-color: #cccccc; padding: 2px; }
#footer a:hover { background-color: #999999; }