body {
background: #51504E;
background-image: url(img/content/lbj100_background.jpg);
background-repeat: repeat-x;
margin: 0;
font-family: Times New Roman, Garamond, serif;
text-align: center;
}

#container {
width: 800px;
margin: 0 auto;
text-align: left;
}

#header {
display: block;
width: 800px;
height: 170px;
margin: 0;
}

#logo {
background-image: url(img/content/lbj100_logo.jpg);
width: 224px;
height: 170px;
margin: 0;
float: left;
}

#swf {
width: 575px;
height: 170px;
margin: 0px;
float: left;
}

#lbjpicture {
background-image: url(img/content/header.jpg);
width: 575px;
height: 170px;
margin: 0px;
float: left;
}

#navigation {
width: 800px;
height: 43px;
}

.history a {
display: block;
width: 160px;
height: 43px;
background: url(img/navigation/history.jpg) no-repeat;
float: left;
}

.partners a {
display: block;
width: 160px;
height: 43px;
background: url(img/navigation/partners.jpg) no-repeat;
float: left;
}

.calendar a {
display: block;
width: 160px;
height: 43px;
background: url(img/navigation/calendar.jpg) no-repeat;
float: left;
}

.media a {
display: block;
width: 160px;
height: 43px;
background: url(img/navigation/media.jpg) no-repeat;
float: left;
}

.contact a {
display: block;
width: 160px;
height: 43px;
background: url(img/navigation/contact.jpg) no-repeat;
float: left;
}

.history {
display: block;
width: 160px;
height: 43px;
background: url(img/navigation/history.jpg) no-repeat;
background-position: -160px;
float: left;
}

.partners {
display: block;
width: 160px;
height: 43px;
background: url(img/navigation/partners.jpg) no-repeat;
background-position: -160px;
float: left;
}

.calendar {
display: block;
width: 160px;
height: 43px;
background: url(img/navigation/calendar.jpg) no-repeat;
background-position: -160px;
float: left;
}

.media {
display: block;
width: 160px;
height: 43px;
background: url(img/navigation/media.jpg) no-repeat;
background-position: -160px;
float: left;
}

.contact {
display: block;
width: 160px;
height: 43px;
background: url(img/navigation/contact.jpg) no-repeat;
background-position: -160px;
float: left;
}

.cola a {
display: block;
width: 100px;
height: 100px;
background: url(img/logos_hover/cocacola.gif) no-repeat;
margin: auto;
text-align: center;
padding-top: 20px;
}

.amys a {
display: block;
width: 150px;
height: 83px;
background: url(img/logos_hover/amys.gif) no-repeat;
margin: auto;
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
}

.klbj a {
display: block;
width: 125px;
height: 84px;
background: url(img/logos_hover/klbj.gif) no-repeat;
margin: auto;
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
}

.rudys a {
display: block;
width: 103px;
height: 98px;
background: url(img/logos_hover/rudys.gif) no-repeat;
margin: auto;
text-align: center;
padding-bottom: 5px;
padding-top: 10px;
}

.mighty a {
display: block;
width: 198px;
height: 75px;
background: url(img/logos_hover/mighty.gif) no-repeat;
margin: auto;
text-align: center;
padding-bottom: 10px;
padding-top: 5px;
}

.history a:hover, .partners a:hover, .calendar a:hover, .media a:hover, .contact a:hover {
background-position: -160px 0;
}

.cola a:hover {
background-position: -100px 0;
}

.amys a:hover {
background-position: -150px 0;
}

.klbj a:hover {
background-position: -125px 0;
}

.mighty a:hover {
background-position: -198px 0;
}

.rudys a:hover {
background-position: -103px 0;
}

#content {
background-image: url(img/content/lbj100_content.jpg);
background-repeat: repeat-y;
width: 800px;
float: left;
}

#sidebar {
background-image: url(img/sidebar/lbj100_paper.jpg);
background-repeat: repeat-y;
width: 258px;
float: left;
}

#links {
padding: 5px;
}

#links p {
text-align: center;
font-size: 65%;
}

#fray {
background-image: url(img/sidebar/lbj100_fray.jpg);
width: 258px;
height: 21px;
}

#otdtext {
background-image: url(img/sidebar/lbj100_paper.jpg);
width: 240px;
padding: 2px;
margin-bottom: 5px;
margin-left: 10px;
}

#email {
background-image: url(img/sidebar/lbj100_paper.jpg);
width: 250px;
text-align: center;
padding: 2px;
margin-bottom: 5px;
}

#text {
background: transparent;
width: 500px;
margin-right: 20px;
margin-bottom: 10px;
padding: 5px;
float: right;
}

#homebanner {
background: transparent;
width: 500px;
margin-top: 10px;
margin-right: 20px;
margin-bottom: 5px;
padding: 5px;
float: right;
}

#lbjtext {
background: transparent;
width: 540px;
float: right;
}

#partner {
width: 450px;
padding: 25px;
text-align: center;
}

.library a {
display: block;
width: 250px;
height: 103px;
background: url(img/logos_hover/library.jpg) no-repeat;
margin: auto;
text-align: center;
}

.school a {
display: block;
width: 125px;
height: 131px;
background: url(img/logos_hover/school.jpg) no-repeat;
margin: auto;
text-align: center;
}

.grey {
color: #5B5E5D; font-weight: bold; 
}

.foundation a {
display: block;
width: 250px;
height: 86px;
background: url(img/logos_hover/foundation.jpg) no-repeat;
margin: auto;
text-align: center;
}

.nps a {
display: block;
width: 125px;
height: 163px;
background: url(img/logos_hover/nps.jpg) no-repeat;
margin: auto;
text-align: center;
}

.txparks a {
display: block;
width: 125px;
height: 126px;
background: url(img/logos_hover/txparks.jpg) no-repeat;
margin: auto;
text-align: center;
}

.txstate a {
display: block;
width: 250px;
height: 122px;
background: url(img/logos_hover/txstate.jpg) no-repeat;
margin: auto;
text-align: center;
}

.wildflower a {
display: block;
width: 250px;
height: 87px;
background: url(img/logos_hover/wildflower.jpg) no-repeat;
margin: auto;
text-align: center;
}

.museum a {
display: block;
width: 100px;
height: 180px;
background: url(img/logos_hover/museum_sanmarcos.jpg) no-repeat;
margin: auto;
text-align: center;
}

.library a:hover, .foundation a:hover, .txstate a:hover, .wildflower a:hover {
background-position: -250px 0;
}

.museum a:hover {
background-position: -100px 0;
}

.school a:hover, .nps a:hover, .txparks a:hover {
background-position: -125px 0;
}

#description {
width: 450px;
text-align: justify;
padding: 16px;
}

#footer {
background-color: #342F2B;
width: 800px;
text-align: center;
}

#footer p {
text-align: center;
font-size: 65%;
color: white;
}

#footer a, #footer a:hover, #footer a:visited{
color: #FFFFFF;
text-decoration: underline;
}

a {
color: #342F2B;
text-decoration: underline;
}

a:hover {
color: #342F2B;
text-decoration: none;
}

a:visited {
text-decoration: underline;
color: #342F2B;
}

p {
font-size: 95%;
line-height: 1.4em;
}