.h4 {
    color: red;
}



.timeline
{   
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left top;
    COLOR: Red;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
      
}

/*   .timeline-band-0 .timeline-band-layer-inner { 
       background: url("../Media/AusHistory/HMS_Endeavour (1800).jpg") no-repeat fixed center center;  
         position:   relative;
}           */

DIV.simileAjax-bubble-contentContainer {
    BACKGROUND-COLOR: Silver;
}

;
/*-------------------------------- DATE LABELS --------------------------------*/
.timeline-date-label {
    position: absolute;
    border: solid #aaa;
    color: Red;
    width: 5em;
    height: 1.5em;
} 
.timeline-date-label-em{color:Red;} 

/* Alignment for images  */
.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }

.timeline-event-bubble-time 
       {
       display: block;
       }        
       
.timeline-event-bubble-title
{
    LINE-HEIGHT: 28px;
    MARGIN-TOP: 16px;
    margin-left: 16px;
    margin-right:46px;
    FONT-SIZE: 1.0em
}   

.timeline-event-bubble-body
{
   /* min-width: 300px;  
    /*LINE-HEIGHT: 16px;  */
    MIN-HEIGHT: 220px; 
/*    max-height: 500px; 
    width:600;
   /* height:auto;   */
    MARGIN-BOTTOM: 10px;
    margin-left: 16px;
    MARGIN-RIGHT: 16px;   
   OVERFLOW: hidden;  
  /*  BORDER-BOTTOM: 32px solid; 
    BORDER-LEFT: medium none;
    COLOR: #333;  */
    /*BORDER-TOP: medium none;
    BORDER-RIGHT: medium none  */
}    

.timeline-event-bubble-image
{
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 30px;
    MARGIN: 0px;    
    TOP: 16px;
    PADDING-TOP: 0px;
    LEFT: 16px;
}    

.oscar-bubble1
{
   font-size:14px; 
   color: red;
}

.cat-bg-bubble1 /* This section deines the bottom section of the popup. Needs to be referenced in data stream */ {
    BACKGROUND-COLOR: #B0E0E6; /* #B0E0E6 = PowderBlue */ /* #FF0000 = red;*/
    /*  POSITION: absolute;    */
    MARGIN-TOP: 10px;
    WIDTH: 100%;
    BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: right bottom;
    HEIGHT: 40px;
    LEFT: 0px
}    

.timeline-event-bubble-time {
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;  
    color: blue;
    BOTTOM: 10px;
    position: absolute;
    margin-left: 16px;
    MARGIN-BOTTOM: 1px; 
}

.timeline-event-bubble {
    position: absolute;
    left: 16px;
    BOTTOM: 1px;
}

.timeline-event-icon
{
    /* MARGIN-TOP: -11px;
    BACKGROUND:  none transparent scroll repeat 0% 0%;
    MARGIN-LEFT: 16px;
    BORDER-BOTTOM: #fff 2px solid;
    BORDER-LEFT: #fff 2px solid;
    BORDER-TOP: #fff 2px solid;
    BORDER-RIGHT: #fff 2px solid;
    HEIGHT: 28px;
    width:38px;
    PADDING-BOTTOM: 0px;    */
}   
.timeline-event-label
{
 /*   BORDER-BOTTOM: #fff 2px solid;
    BORDER-LEFT: #fff 2px solid;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 0px;
    HEIGHT: 23px;
    border-color: White;
    /*background-color:Silver;  
    FONT-SIZE: 1.1em;
    BORDER-TOP: #fff 2px solid;
    FONT-WEIGHT: bold;
    BORDER-RIGHT: #fff 2px solid;
    PADDING-TOP: 5px   */ 
}                    

                    
ul #list-nav {
list-style:none;
width:525px;
margin: 20px;
padding: 0;
}

/* #87CEEB = SkyBlue     
/* #FF0000 = red;
/* #B0E0E6 = PowderBlue
/* #F5FFFA = MintCream
/* #FFFFFF = White
;