#accessibility {
display: none;
}

body {
background-color: #dcdcd5;
font-family: Trebuchet MS, verdana, helvetica, sans-serif;
line-height: 140%;
}

#background {
background-color: #fff;
left: 50%;
margin-left: -480px;
padding: 10px;
position: absolute;
width: 940px;
top: 15px;
}

#maincontainer {
background: url(/history/timeline/textpattern/images/maincontainer_bg.gif) repeat-x #fff;
width: 940px;
padding-top: 35px;
}

h1 {
display: block;
font-size: 30px;
height: 103px;
width: 940px;
}

h1 span{
background: url(/history/timeline/textpattern/images/main_header.png) no-repeat;
display: block;
height: 103px;
position: absolute;
width: 940px;
top: 44px;
}

h2 {
display: block;
font-size: 30px;
height: 105px;
margin: 55px 0 0 0;
padding-left: 5px;
width: 940px;
}


h2 span{
background: url(/history/timeline/textpattern/images/centenial_header.png) no-repeat;
display: block;
height: 105px;
position: absolute;
width: 935px;
}

/*---filmstrip---*/
#filmstrip {
background: url(/history/timeline/textpattern/images/filmstrip.gif) no-repeat;
width: 940px;
}

#filmstrip a:link, #filmstrip a:visited {
text-decoration: none;
}

#filmstrip ul {
background: url(/history/timeline/textpattern/images/timeline_bg.png) no-repeat 5px 116px;
height: 120px;
padding: 19px 0 0 4px;
width: 940px;
}

#filmstrip ul li{
display: block;
float: left;
height: 100px;
padding-bottom: 35px;
width: 94px;
}

#filmstrip img {
padding-bottom: 20px;
}

#filmstrip ul li .point {
background: #fff;
display: block;
height: 10px;
width: 10px;
margin-left: 37px;
}

#filmstrip ul li a:hover .point,
#filmstrip ul li a:active .point {
background: #313c77;
}

#filmstrip ul li .title {
display: none;
left: 0;
margin-top: 10px;
padding-left: 15px;
position: absolute;
width: 940px;
}

#filmstrip ul li a:hover .title,
#filmstrip ul li a:active .title {
color: #5c503a;
display: block;
left: 0;
margin-top: 10px;
padding-left: 15px;
position: absolute;
width: 940px;
}

#filmstrip ul li .front_title {
display: none;
left: 0;
margin-top: 10px;
padding-left: 15px;
}

#filmstrip ul li a:hover .front_title,
#filmstrip ul li a:active .front_title {
color: #5c503a;
display: block;
left: 0;
margin-top: 10px;
padding-left: 10px;
}

/*---post---*/
.post {
float: left;
margin: 40px 0 15px 40px;
width: 700px;
}

.post img {
margin-bottom: 20px;
}

.post .bottom_article_image {
clear: both;
padding-top: 15px;
}

.post .bottom_article_image img {
padding: 0;
margin: 0
}

.post .right_article_image {
float: right;
margin: 10px 0 0 10px;
padding-bottom: 0;
}

.post .right_article_image img {
padding: 0;
margin: 0;
}

.post .left_article_image {
float: left;
margin: 11px 10px 5px 0;
}

.post .left_article_image img {
padding: 0;
margin: 0;
}

.post .top_article_image {
margin: 8px 10px 0 0;
}

.post .top_article_image img {
padding: 0;
margin: 0;
}

.post ul {
margin: 5px 25px;
list-style: disc;
}

.post h3 {
color: #5c503a;
font-size: 25px;
font-weight: bold;
line-height: 150%;
margin-bottom: 5px;
}

.post .section_title {
font-size: 75px;
font-family: helvetica, sans-serif;
line-height: 150%;
margin-bottom: -10px;
}

.post h4 {
color: #313c77;
float: left;
font-size: 20px;
margin: 4px 5px 0 0;

}

.post .top_article_image + h4 {
margin-top: 10px;
}

.post p {
margin-top: 10px;
}

/*---Nav---*/
#decade_nav {
float: right;
margin: 40px 20px 20px 10px;
}

#decade_nav ul {
border-bottom: 1px solid #c0bcb7;
font-size: 16px;
padding: 10px 10px 5px 10px;
}

#decade_nav a:link, #decade_nav a:visited {
background: url(/history/timeline/textpattern/images/bullet.gif) no-repeat left;
color: #5c503a;
padding-left: 23px;
text-decoration: none; 
}

#decade_nav a:hover, #decade_nav a:active {
background: url(/history/timeline/textpattern/images/bullet_hover.gif) no-repeat left;
color: #313c77;
padding-left: 23px;
}

/*---comment---*/
h5 {
clear:left;
font-weight: bold;
margin: 0 0 20px 40px;
}

table {
clear: left;
margin-left: 40px;
}

table label {
margin-right: 10px;
}

table input {
margin-bottom: 10px;
}

/*---footer---*/
#footer {
clear:both;
display: block;
height: 30px;
width: 940px;
padding-bottom: 10px;
position: relative;
}

#uflogo {
background: url(/history/timeline/textpattern/images/uflogo.png) no-repeat;
clear:both;
display: block;
float: right;
height: 30px;
margin-right: 2px;
width: 159px;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}