div.imgSetText, div.imgSetImages
{
  margin: 0px;
  padding: 0px;
  border: none;
}

div.imgSetImages
{
  text-align:center;
}

div.imgSetLhs div.imgSetText
{
  float: right;
  width: 68%;
}

div.imgSetLhs div.imgSetImages
{
  float: left;
  width: 30%;
}


div.imgSetRhs div.imgSetText
{
  float: left;
  width: 68%;
}

div.imgSetRhs div.imgSetImages
{
  float: right;
  width: 30%;
  text-align: center;
}

a#linkJebelAli:link    { color: black}        /* unvisited links */
a#linkJebelAli:visited { color: black}        /* visited links   */
a#linkJebelAli:hover   { color: black} 
a#linkJebelAli   { text-decoration: none}

div#jebelAli {margin: 0px; padding: 1px;}
#linkJebelAli div#jebelAli p {font-size: 0.9em; margin: 0px; padding: 2px 3px; border: solid #cdcd15; border-width: 1px 1px 0px 1px;}
#linkJebelAli div#jebelAli p span.date {font-style: italic; font-weight: normal}


#linkJebelAli 
{ 
  text-align: left;
  font-size: 0.8em;
  padding: 10px; margin: 1px 0px;
}

div#jebelAli h1, div#jebelAli h2
{ 
  font-weight: bold;
  text-align: left;
  margin: 0px;
  padding: 0px 5px;
}

div#jebelAli h1
{ 
  color: black;
  font-size: 1em;
}

div#jebelAli h2
{ 
  color: black;
  font-size: 0.8em;
  padding-bottom: 5px;
}


#linkJebelAli div#jebelAli, 
#jebelFlashDiv-header {background-color: #ffff99;}

/* #jebelFlashDiv * {padding: 0px; margin: 0px} */

#jebelFlashDiv-inner {padding: 0px; margin: 0px}
#jebelFlashDiv-image, #jebelFlashDiv-header{margin: 0px 0px;}

/* Give fixed diemsions are not given, the image doesnt appear correctly. 
 * This is because the jquery code that measures the width of this div
 * executes before the image has been downloaded and when the image isnt
 * downloaded, the div size seems to be different. Giving a fixed width
 * solves the problem */ 
#jebelFlashDiv  {height: 180px;} 

#jebelFlashDiv-image img {width: 205px; height: 165px; margin: 0px 1px} /* 480 x 385 */
#jebelFlashDiv-header {height: 1.5em; text-align: center}
#jebelFlashDiv-header {display: none}
#jebelFlash1,
#jebelFlash2 {width: 1px; height: 1px}

