html, body { background-color: #000000; margin: 0; padding: 0; text-align: center; border-style: solid }
 
#container { width: 825px; text-align: center; margin: auto }

#small { width: 125px; background-color: #FFFFFF; text-align: center; margin: auto }

#large { width: 825px; background-color: #FFFFFF; text-align: left; float: left; position: relative }
 
#navigation { width: 265px; text-align: left; float: left; position: fixed; background-color: #FFFFFF }

#content { width: 550px; text-align: left; float: right; position: relative; background-color: #FFFFFF }

#content_counter { background-color: #FFFFFF }
 
body { font-family: times, serif; line-height: 120% }

p { margin-left: 15px; margin-right: 15px }

hr { width: 95% }

table { border-color: #000000; border-style: solid; }

h1 { font-size: x-large; font-weight: 700 }
h2 { font-size: large; font-weight: 700; margin-left: 15px; margin-right: 15px }
h3 { font-size: medium; font-weight: 700 }
h4 { font-size: small; font-weight: 700 }
h5 { font-size: x-small; font-weight: 700 }
h6 { font-size: xx-small; font-weight: 700 }

a:link { color: #660033; text-decoration: none; font-weight: 700 }
a:visited { color: #660033; text-decoration: none; font-weight: 700 }
a:active { color: #660033; text-decoration: none; font-weight: 700 }
a:hover { color: #0033FF; text-decoration: underline; font-weight: 700 }

.utm { color: #40289C; font-weight: 700 }

.utm_small { color: #40289C; font-weight: 700; font-size: 90% }

.blue_bold { font-weight: 700; color: blue }

.bold { font-weight: 700 }

.bold_italic { font-weight: 700; font-style: italic }

.button { padding: 8px; border-color: #660033; border-width: thin; font-size: small; font-family: times, serif; color: #660033; font-weight: 700; background-image: url(../images/background_gray.gif); cursor: pointer }

.button_small { padding: 3px; border-color: #660033; border-width: thin; font-size: small; font-family: times, serif; color: #660033; font-weight: 700; background-image: url(../images/background_gray.gif); cursor: pointer }

.button_large { padding: 5px; border-color: #660033; border-width: thin; font-size: medium; font-family: times, serif; color: #660033; font-weight: 700; background-image: url(../images/background_gray.gif); cursor: pointer }

.button_subscribe { padding: 8px; border-color: #660033; border-width: thin; font-size: small; font-family: times, serif; color: #660033; font-weight: 700; background-image: url(../images/background_gray.gif); cursor: pointer }

.center_align { text-align: center; }

.center_div { margin-left: auto; margin-right: auto }

.copyright { font-size: 70%; color: #666666 }

.fees { margin-left: 100px }

.fees_text_margin { font-size: 90%; margin: 15px; line-height: 160%; }

.gray_background, .gray_background td
{ background-image: url('../images/background_gray.gif'); background-color: #FFFFFF }

.gray_text { color: #666666 }

.gray_text_medium { font-size: 95%; color: #666666 }

.gray_text_nav { font-size: 90%; color: #666666 }

.gray_text_small { font-size: 80%; color: #666666 }

.indented_text { margin-left: 40px; margin-right: 40px; }

.indented_text_justify_small { margin-left: 40px; margin-right: 40px; text-align: justify; font-size: 90%; }

.right_indented_text { margin-right: 25px; }

.right_indented_text_small { margin-right: 25px; font-size: 90% }

.indented_text_bold { margin-left: 40px; margin-right: 40px; font-weight: 700; }

.indented_text_small { margin-left: 40px; margin-right: 40px; font-size: 90% }

.left_indented_text_small { margin-left: 40px; font-size: 90% }

.indented_text_bold_small { margin-left: 40px; margin-right: 40px; font-weight: 700; font-size: 90% }

.indented_text_gray { margin-left: 40px; margin-right: 40px; color: #666666; font-size: 90% }

.justify { text-align: justify; margin-left: 15px; margin-right: 15px }

.justify_small { text-align: justify; font-size: 90%; margin-left: 15px; margin-right: 15px }

.list { font-size: 90%; line-height: 150%; margin: 15px }

.margin_small { margin: 8px }

.margin { margin: 15px }

.margin_left { margin-left: 15px }

.margin_logo { margin: 5px }

.more { font-size: 80%; margin-right: 15px }

.names { font-size: 90%; margin-left: 75px; }

.names_bold { font-size: 90%; font-weight: 700; margin-left: 75px; }

.nav_credit { font-size: 80%; color: #666666 }

.nav_links { font-size: 90%; line-height: 160%; }

.nav_links_bold { font-size: 90%; line-height: 160%; font-weight: 700 }

.opening_text { margin-left: 50px; margin-right: 50px; }

.opening_text_small { font-size: 90%; margin-left: 50px; margin-right: 50px }

.opening_text_bold { font-weight: 700; margin-left: 50px; margin-right: 50px; }

.path { font-size: 80% }

.photo_caption { margin-left: 75px; margin-right: 75px; }

.photo_caption_2 { margin-left: 80px; margin-right: 80px; }

.photo_caption_bold { margin-left: 75px; margin-right: 75px; font-weight: 700; }

.photo_caption_small { margin-left: 80px; margin-right: 75px; font-size: 90%; }

.photo_caption_small_400 { margin-left: 50px; margin-right: 50px; font-size: 90%; }

.photo_caption_small_400_bold { margin-left: 50px; margin-right: 50px; font-size: 90%; font-weight: 700; }

.photo_caption_small_300 { margin-left: 125px; margin-right: 50px; font-size: 90%; }

.photo_caption_small_300_2 { margin-left: 75px; margin-right: 75px; font-size: 90%; }

.photo_caption_small_2 { margin-left: 25px; margin-right: 75px; font-size: 90%; }

.photo_caption_small_bold { margin-left: 75px; margin-right: 75px; font-size: 90%; font-weight: 700; }

.photos_index { font-size: 90%; margin-left: 80px; margin-right: 80px; line-height: 180% }

.photos_index_2 { margin-left: 80px; margin-right: 80px; line-height: 180% }

.daily_log { margin-left: 50px; margin-right: 75px; font-size: 90%; }

.poem { margin-left: 100px }

.poem_small_text { margin-left: 100px; font-size: 90% }

.red_bold { font-weight: 700; color: red }

.red_bold_small { font-weight: 700; color: red; font-size: 90% }

.small_gray_text { font-size: 80%; color: #666666 }

.small_text { font-size: 90% }

.small_text_nav { font-size: 80% }

.small_text_bold { font-weight: 700; font-size: 90% }

.center { text-align:center; }

.title { font-weight: 700; line-height: 160% }

#progress { width: 250px; border: 1px solid black; position: relative; left: 8%; padding: 0px; }

#percent { position: absolute; left: 50%; }

#bar { height: 20px;  background-color: #FF0000; width: 17%; }