body { color: #dd9a22; /*Color of the fonts*/ font-family: "comic sans MS", sans-serif; background-color: #0f0f2d; font-size: 100%; } h1 { width: 800px; text-align: center; opacity: 100; font-family: "academy engraved let","palatino", "palatino linotype", serif; font-size: 3em; line-height: normal; margin-top: 20px; margin-bottom:0px; font-weight: normal; font-style: italic; } h2 { width: 800px; font-size: 2em; font-style: italic; margin-top: 0px; margin-bottom: 0px; font-family: "times new roman","Helvetica" ,serif; text-align: center; } h3 { width: 800px; font-weight: 100; font-size: 0.8em; font-style: italic; margin-top: 0px; margin-bottom: 0.5in; font-family:"Footlight MT Light"; text-align: center; } h4 { width: 800px; font-size: 1.2em; font-style: italic; margin-top: 0px; margin-bottom: 0px; margin-left: 0.2in; } h4, h5, h6 { width: 800px; font-family: "times new roman","Helvetica" ,serif; } p,td,th { opacity: 100; font-family: "comic sans MS", sans-serif; font-size: 1em; line-height: normal; font-weight: normal; font-style: italic; } a{ opacity: 100; font-family: "comic sans MS", sans-serif; font-size: 1em; line-height: normal; font-weight: normal; font-style: italic; } /*These are link states*/ a:link{ color:#00ffff;} /*Normal link*/ a:visited{color:#ffaaff;} /*A link that has been visited*/ a:hover{ color:#cccc33;} /*A link which is under the cursor*/ a:active{ color:#cccc33;} /*A selected link*/ /*A link class which contains nothing but an image*/ a.imageLink{ text-decoration: none; /*Removes the underscore phantom from the lower right of the image*/ padding-top: 0.25in; } span.link_box {/*position: absolute;*/ margin-left: auto; } /*A row on a page which contains image links*/ div.link_row { width: 800px; /*The width of the row is the same as the width of h1 and h2. This allows centering alignment of the thumbnails relative to the headings of the page.*/ text-align: center; /*Centers all of the thumbnails under the headings of the page. Makes the thumbnails stationary relative to the left side of the page.*/ } table, tr, td, th { border-width: 1px; border-style: none; /* Turns the table borders on (solid) and off (none). */ } /*The size of a portrait thumbnail. Width 120px*/ .thumb_portrait { height: 127px; width: 100px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 10px; } /*The size of a landscape thumbnail. Width 147px*/ .thumb_landscape { height: 100px; width: 127px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 10px; } /*thumb_row is the parent container for thumb_box. It has a width of 800px and a height equal to that of thumb_box*/ div.thumb_row { width: 800px; background-color: aqua; background-color: #0f0f2d; } /*thumb_box is a container for thumbnails which creates a row. It provides padding for the top and bottom of the row. It has the same background color as the making its background invisible. It automatically centers in its parent box.*/ div.thumb_box { padding-top: 10px; padding-bottom: 10px; /*background-color: #0f0f2d;*/ background-color: white; margin-left: auto; margin-right: auto; } /*landscape_frame is a container for landscape images which are displayed 1 image per page. It is used in the html pages that display the enlarged images.*/ div.image_frame { text-align: center; margin-top: 100px; margin-bottom: 100px; width: 800px; } /*portrait_frame is a container for landscape images which are displayed 1 image per page. It is used in the html pages that display the enlarged images.*/ div.portrait_frame { text-align: center; margin-top: 100px; margin-bottom: 100px; width: 800px } .mycaptions { font-style: oblique; margin-top: 0.25in; margin-bottom: 0.25in; font-size: 1.5em; } .comment_box { position: relative; left: 10px; margin: 20px; width: 700px; } .list_box { position: relative; left: 10px; margin: 20px; height: 400px; width: 100px; } .padding1 { padding: 0px 20px 0px 20px; }