/***********************************************/
/* Company:         Baron Services             */
/* Author:          Craig Smoot                */
/* Version:         1.0                        */
/* Used For:        Vertical History Timeline  */
/***********************************************/

#timeline {
  width: 175px;
  height: 100%;
  border: none;
  padding: 0;
}
#timeline_nav {
  position: relative;
  margin: 0;
  padding: 0;
  font: 11px arial, sans-serif; 
  list-style-type: none;
  width: 175px;
  height: 100%;
  float: left; /* contain floated list items */
}
#timeline_nav li.top {
  position: relative;
  margin: 0;
  padding: 0;
  height: 10px;
  background: url(images/timeline2_top.gif) no-repeat;
  overflow: hidden; /* Corrects the IE whitespace bug */
  float: left; 
  width: 100%;
}
#timeline_nav li.node {
  position: relative;
  margin: 0;
  padding: 0;
  height: 35px;
  background: url(images/timeline2_node.gif) no-repeat;
  overflow: visible;
  float: left; /* Corrects the IE whitespace bug */
  width: 100%;
}
#timeline_nav li.bottom {
  position: relative;
  margin: 0;
  padding: 0;
  height: 11px;
  background: url(images/timeline2_bot.gif) no-repeat;
  float: left; /* Corrects the IE whitespace bug */
  width: 100%;
}
#timeline_nav li.spacer {
  position: relative;
  margin: 0;
  padding: 0;
  height: 3px;
  background: url(images/timeline2_spacer.gif) repeat-y;
  float: left; /* Corrects the IE whitespace bug */
  width: 100%;
}
#timeline_nav a {
  position: relative;
  display: block; /* To increase clickable area as a's default to inline */
  color: #003366;
  text-decoration: none;
  margin: 0px;
  padding: 0;
  line-height: .9;
  border: none;
  left: 22px;
  top: -2px;
}
#timeline_nav a:hover {
  color: #cc0000; 
}
#body_hom #timeline_nav_hom a, 
 #body_1 #timeline_nav_1 a,
 #body_2 #timeline_nav_2 a,
 #body_3 #timeline_nav_3 a,
 #body_4 #timeline_nav_4 a,
 #body_5 #timeline_nav_5 a,
 #body_6 #timeline_nav_6 a,
 #body_7 #timeline_nav_7 a,
 #body_8 #timeline_nav_8 a,
 #body_9 #timeline_nav_9 a,
 #body_10 #timeline_nav_10 a,
 #body_11 #timeline_nav_11 a,
 #body_12 #timeline_nav_12 a,
 #body_13 #timeline_nav_13 a,
 #body_14 #timeline_nav_14 a,
 #body_15 #timeline_nav_15 a,
 #body_16 #timeline_nav_16 a,
 #body_17 #timeline_nav_17 a {
   background: transparent;
   color: #FF0000;
   font-weight: bold;
}
/* Wrapper for iFrame */
#storywrapper {
  border: none;
  padding-left: 1em;
}
/* iFrame content pages */
#story {
  width: 500px;
}
/* Positions the "Previous" & "Next" page nav footers */
#pagenav div {
  width: 150px; 
  bottom: 0px;
  padding-top: 200px;
}
#pagenav a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5E6B8A;
  font-size: 11px; 
}
#pagenav a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #cc0000;
  font-size: 11px; 
}
/* Puts padding and a nice double border around the image */
img.dblborder {
  padding: 4px;
  border: 3px double #006699;
  background-color: #fff;
  margin: 0 1px;
}
/* Puts padding sans border around the Polarid style thumbnails */
img.polpadding {
  padding: 4px;
  border: 0;
  background-color: #fff;
  margin: 0;
}