body {
  margin: 0;
  padding: 0;
  font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
  color: #000;
  background-color: #F4DDB5;
}

#wrapper {
  width:900px;
  margin: 20px auto;
  text-align: left;
  padding:0;
  background-repeat: repeat-y;
}

#wrapper p { /* Counteract css for the scripts -- DS */
  margin-bottom: 10px;
}

a:link, a:visited, a:hover, a:active {
  color:#000;
}

img {
  border: none;
}

#splashwrap {
  background-color: #E1F0F7;
}  

#splashwrap #contents {
}

#splashwrap img {
  float: right;
}

#splashwrap ul {
  float: left;
  width: 430px;
  list-style-type: none;
  margin: 0; padding: 0;
  margin: 20px 0 0 20px;
  padding: 120px 0 0 0;
  background-image: url(http://iml.jou.ufl.edu/oandb/obLogo.png);
  background-repeat: no-repeat;
}

#splashwrap ul h1 {
  font-size: 2em;
  margin-bottom: 1em;
  display: none;
}

#splashwrap li {
  margin-bottom: 1.5em;
}

#splashwrap li a {
  text-decoration: none;
  font-size: 1em;
  line-height: 2em;
  border-left: 5px solid #e1f0f7;
}

#splashwrap li a:hover {
  border-left: 5px solid #5dc2e1;
}

#splashwrap li#tagline {
  margin: -20px 0 40px 0;
  font-size: .87em;
}

#splashwrap li#tagline a {
  line-height: 1.2em;
  border-bottom: 1px solid #5dc2e1;
  border-left: 0;
}

#splash_foot {
  border-top: 1px solid #f6e535;
  padding-left: 20px;
  font-size: .66em;
  line-height: 2em;
}

#splash_foot a {
  text-decoration: underline;
  color:#000;
}

#splash_foot a:hover {
  text-decoration: underline;
  color:#000;
}

/*section front*/

#head {
  padding-left:120px;
  margin:0;
  font-size: 24px;
  text-align:right;
  color: #fff;
}

#head img {
  margin-top: 5px;
  margin-right: 5px;
}

#subhead {
  width: 120px;
  float: left;
  margin:0;
  padding:0;
}

#subhead img {
  width: 100px;
  padding: 200px 10px 0 10px;
}

#section_nav {
  padding-left:120px;
  margin:0;
}

#sectionfront_content {
  width:580px;
  float:left;
  margin:15px 0;
  padding:0;
  background-color:#fff;
}

#story_nav {
  width:200px;
  float:left;
  margin:0;
  padding-top: 5px;
  font-size: 14px;
  letter-spacing: 1px;
}

#story_nav ul {
  margin-left: 0;
  margin-bottom: 12px;
}

#story_nav li {
  list-style-type: none;
  margin: 2px 0;
}

#story_nav a:link, #story_nav a:visited, #story_nav a:active {
  display: block; /* makes the entire width clickable */
  font-size: 12px;
  letter-spacing:0;
  padding: 4px 0 4px 19px;
  text-decoration: none;
}

.clear {
  clear: both;
}

/* SECTION AND ARTICLE CONTENT */

.more {
  padding-left:10px;
  font-weight: bold;
}

.sectionWrap {
  padding: 0 15px 10px 15px;
  width: 250px;
  height: 100px;
  float: left;
}

.sectionWrapNoThumb {
  padding: 0 15px 10px 15px;
  width: 250px;
  height: 75px;
  float: left;
}

.sectionTitle {
  font-size: 18px;
  padding-bottom: 3px;
}

.sectionTitle a:link, .sectionTitle a:visited {
  border-bottom: 1px solid #000;
  text-decoration: none;
}

.sectionExcerpt {
  font-size: 12px;
}

.sectionExcerpt img {
  float: left;
  margin-right: 10px;
  border: 1px solid #000;
}

.articleTitle {
  font-size: 40px;
  padding-left: 15px;
}

.articleSubhead {
  font-size: 18px;

  padding: 0 30px 15px 30px;
}

.articleCredits {
  font-size:11px;
  font-weight:bold;
  margin: 0 0 15px 15px;
}

.articleImage {
  float: right;
  margin: 0 15px 15px 15px;
  padding:0; 
}

.articleBody {
  font-size: 13px;
  padding: 0 15px;
}

.articleImage img {
  border: 1px solid #000;
}

.articleBody h3 {
  padding-bottom: 4px;
}

.lightbox img {
  border: 1px solid #000;
}

#jpgrotator {
  padding: 0 0 10px 15px;
}

#gallery {
  margin: 0 0 20px 20px;
  float: right;
  width: 170px;
}

#slideshow {
  margin: -25px 0 0 20px;
  float: right;
}

#audioPlayer {
  margin: 0 0 10px 20px;
  float: right;
  font-style: italic;
}

#gallery h3, #slideshow h3, #audioPlayer h3 {
  font-size:14px;
}


/* TOP NAV */

#navlist {
  margin: 0;
  padding: 4px 0 2px 5px;
  font-size: 12px;
  letter-spacing:2px;
}

#navlist ul, #navlist li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
}

#navlist a:link, #navlist a:visited {
  line-height: 14px;
  padding-bottom:2px;
  margin: 0 10px 4px 10px;
  text-decoration: none;
  color: #fff;
}

#navlist a:link#current, #navlist a:visited#current {
  border-bottom: 6px solid #000;
  background: transparent;
}

#navlist a:hover {
  border-bottom: 6px solid #000; 
}

#foot {
  width:570px;
  margin-left:120px;
  padding:4px 0 4px 10px;
  font-size: 11.2px;
}

#foot a:link, #foot a:visited {
  color: #fff;
  text-decoration: none;
}

#foot a:hover {
  color: #F4DDB5;
}

/* FEATURES */

#features #story_nav a:link, #features #story_nav a:visited, #features #story_nav a:active {
  border-left:6px solid #FFCC66;
                              /* light orange */
}

#features .lightbox img:hover {
  border: 1px solid #D9501A;
                              /* medium orange */
}

#features .articleSubhead {
  color: #B05700;
                              /* dark orange */
}

#features #wrapper {
  background-image: url(/pubs/onb/F06/images/65.gif);
  border: 2px solid #B05700;
                              /* dark orange */
}

#features #head {
  background-color: #D9501A;
                              /* medium orange */
}

#features #subhead {
  background-color: #D9501A;
                              /* medium orange */
}

#features #section_nav {
  background-color: #D9501A;
                              /* medium orange */
}

#features #story_nav {
  background-color:#FFCC66;
                              /* light orange */
}

#features #story_nav a:hover {
  background: #D9501A;
                              /* medium orange */
  color:#fff;
  border-left:6px solid #000;
}

#features .sectionTitle a:hover {
  border-bottom: 1px solid #D9501A;
                              /* medium orange */
}

#features #navlist {
  border-bottom: 6px solid #FFCC66;
                              /* light orange */
}

#features #foot {
  background-color: #D9501A;
                              /* medium orange */
  color: #FFCC66;  
                              /* light orange */
}

#features .sectionExcerpt img:hover {
  border: 1px solid #D9501A;
                              /* medium orange */
}

/* CONCERNS */

#concerns #story_nav a:link, #concerns #story_nav a:visited, #concerns #story_nav a:active {
  border-left:6px solid #C97843;
                              /* light brown */
}

#concerns .lightbox img:hover {
  border: 1px solid #C97843;
                              /* light brown */
}

#concerns .articleSubhead {
  color: #522B17;
                              /* medium brown */
}

#concerns #wrapper {
  background-image: url(/pubs/onb/F06/images/89.gif);
  border: 2px solid #29160C;
                              /* dark brown */
}

#concerns #head {
  background-color: #522B17;
                              /* medium brown */
}

#concerns #subhead {
  background-color: #522B17;
                              /* medium brown */
}

#concerns #section_nav {
  background-color: #522B17;
                              /* medium brown */
}

#concerns #story_nav {
  background-color:#C97843;
                              /* light brown */
}

#concerns #story_nav a:hover {
  background: #522B17;
                              /* medium brown */
  color:#fff;
  border-left:6px solid #000;
}

#concerns .sectionTitle a:hover {
  border-bottom: 1px solid #C97843;
                              /* light brown */
}

#concerns #navlist {
  border-bottom: 6px solid #C97843;
                              /* light brown */
}

#concerns #foot {
  background-color: #522B17;
                              /* medium brown */
  color: #C97843;  
                              /* light brown */
}

#concerns .sectionExcerpt img:hover {
  border: 1px solid #C97843;
                              /* light brown */
}

/* PEOPLE */

#people #story_nav a:link, #people #story_nav a:visited, #people #story_nav a:active {
  border-left:6px solid #CC6666;
                              /* light red */
}

#people .lightbox img:hover {
  border: 1px solid #CC6666;
                              /* light red */
}

#people .articleSubhead {
  color: #8E0000;
                              /* medium red */
}

#people #wrapper {
  background-image: url(/pubs/onb/F06/images/88.gif);
  border: 2px solid #641313;
                              /* dark red */
}

#people #head {
  background-color: #8E0000;
                              /* medium red */
}

#people #subhead {
  background-color: #8E0000;
                              /* medium red */
}

#people #section_nav {
  background-color: #8E0000;
                              /* medium red */
}

#people #story_nav {
  background-color:#CC6666;
                              /* light red */
}

#people #story_nav a:hover {
  background: #8E0000;
                              /* medium red */
  color:#fff;
  border-left:6px solid #000;
}

#people .sectionTitle a:hover {
  border-bottom: 1px solid #CC6666;
                              /* light red */
}

#people #navlist {
  border-bottom: 6px solid #CC6666;
                              /* light red */
}

#people #foot {
  background-color: #8E0000;
                              /* medium red */
  color: #CC6666;  
                              /* light red */
}

#people .sectionExcerpt img:hover {
  border: 1px solid #CC6666;
                              /* light red */
}

/* PLACES */

#places #story_nav a:link, #places #story_nav a:visited, #places #story_nav a:active {
  border-left:6px solid #99cc66;
                              /* light green */
}

#places .lightbox img:hover {
  border: 1px solid #699A26;
                              /* medium green */
}

#places .articleSubhead {
  color: #5a7c2a;
                              /* dark green */
}

#places #wrapper {
  background-image: url(/pubs/onb/F06/images/90.gif);
  border: 2px solid #5a7c2a;
                              /* dark green */
}

#places #head {
  background-color: #699A26;
                              /* medium green */
}

#places #subhead {
  background-color: #699A26;
                              /* medium green */
}

#places #section_nav {
  background-color: #699A26;
                              /* medium green */
}

#places #story_nav {
  background-color:#99cc66;
                              /* light green */
}

#places #story_nav a:hover {
  background: #699A26;
                              /* medium green */
  color:#fff;
  border-left:6px solid #000;
}

#places .sectionTitle a:hover {
  border-bottom: 1px solid #699A26;
                              /* medium green */
}

#places #navlist {
  border-bottom: 6px solid #99cc66;
                              /* light green */
}

#places #foot {
  background-color: #699A26;
                              /* medium green */
  color: #99cc66;  
                              /* light green */
}

#places .sectionExcerpt img:hover {
  border: 1px solid #699A26;
                              /* medium green */
}

/* STAFF */

#staff #wrapper {
  background-image: url(/pubs/onb/F06/images/75.gif);
  border: 2px solid #039;
                              /* dark blue */
}

#staff #head {
  background-color: #4277ae;
                              /* medium blue */
}

#staff #subhead {
  background-color: #4277ae;
                              /* medium blue */
}

#staff #section_nav {
  background-color: #4277ae;
                              /* medium blue */
}

#staff #story_nav {
  background-color:#9FC5ED;
                              /* light blue */
}

#staff #story_nav a:hover {
  background: #4277ae;
                              /* medium blue */
}

#staff .sectionTitle a:hover {
  border-bottom: 1px solid #4277ae;
                              /* medium blue */
}

#staff h2 {
  font-size: 22px;
  font-weight: normal;
  padding-left: 15px;
  color: #039; 
                              /* dark blue */
}

#staff #navlist {
  border-bottom: 6px solid #9FC5ED;  
                              /* light blue */
}

#staff #foot {
  background-color: #4277ae;
                              /* medium blue */
  color: #9FC5ED;  
                              /* light blue */
}

#staff .more {
  color: #039;
                              /* dark blue */
}

#staff #story_nav ul {
  padding-left: 19px;
  font-size: 11px;
}

#staff #story_nav ul strong {
  font-size: 12px;
}

#staff #story_nav ul li {
  padding-bottom: 10px;
}

/* SEARCH BOX AND RESULTS */

#searchForm {
  margin-left: 10px;
  font-weight: bold;
}

#searchForm input {
  margin: 5px 0 0 15px;
  float: left;
}

#searchResults p {
  margin-left: 10px;
}  

#searchResults a:link, #searchResults a:hover, #searchResults a:active {
  color: #039;
}

#searchResults a:visited {
  color: #641313;
}

#issue {
  float:right;
  color: #F4DDB5;
}