/* notice that IE has several bugs, some of these:
   - do not interpret position correctly
   - do not interpret fixed keyword correctly
   work-arounds for these problems are to use the > tag (meaning child)
   which IE does not understand (and hence ignore) 
   
   source: http://www.w3.org/Style/Examples/007/menus.html 
           http://w3development.de/css/hide_css_from_browsers    
*/

BODY {
  margin: 50 100 50 150;
  padding: 0;
  background-image: url(icons/zebra_skin_background.jpg);
  font-family: Arial, sans-serif;
  font-size: 90%;
}

div.shaddow { /* IE sees only this */
}


/************ work around to be ignored by IE ***********/
body>div.shaddow, div>div.shaddow, td>div.shaddow{ 
  margin: 20px -10px 0px 10px;
  padding: 0 10px 10px 0px;
  background: #222;
  border: thin solid #333;
}

/* all child elements of shaddow must be drawn back to position */
div.shaddow>h1, div.shaddow>p, div.shaddow>div.page {
  margin: -10px 0 0 -10px;
  padding-right: 10px
}


td>div.shaddow{ 
  padding-right: 0px;
  margin-right: 10px
}

/************ end work around ****************************/


div.page {
  background: #fff url(icons/safari-bar.JPG) repeat-x bottom;
  padding: 20px 20px 40px 20px;
  border: thin outset #B87333;
}

h1, h2, h3, h4 {
  text-transform: lowercase;
}

h1 {
  background: #731;
  border: thin outset #731;
  color:white;
  padding: 0 0 3px 20px;
  margin-top: 0;
}

h2 {
  background: url(icons/zebra_icon21.gif) no-repeat left;
  padding-left: 30px;
}

/*
h3 {
  background: url(icons/lion_icon10.gif) no-repeat left;
  padding-left: 20px;
}
*/

ul { 
  list-style: outside url(icons/lion_icon13white.gif) bullet;
}

ul ul { 
  list-style: outside url(icons/zebra_icon11white.gif) circle;
}




/********* fixed menu banner *********/

div.banner {
  margin: 0;
  font-size: 80% /*smaller*/;
  font-weight: bold;
  line-height: 1.1;
  position: absolute;
  top: 50;
  left: auto;
  /*width: 100px;*/
  left: 10px;
  text-transform: lowercase;
}

body>div.banner {position: fixed}   /* IE work-around */
body>div.banner {top: 30}           /* IE work-around */

div.banner p {
  /*margin: 0 0 10 0; */
  padding: 0;
  background: #847308 ;
  border: thin outset #847308;
  color: white;
}

div.banner a, div.banner em, div.banner span { 
  display: block; 
  margin: 2 ;
}

div.banner a.noblock, div.banner span.noblock {
  display: inline; 
}

div.banner a, div.banner span { 
  padding-left: 6;
}

div.banner em { 
  border-bottom: thin groove silver; 
  font-size: 100%;
}

div.banner em, div.banner span { 
  color: #524A18; 
}

div.banner span { 
  color: #731; 
}

div.banner a:link, div.banner a:visited { 
  text-decoration: none; 
  color: #fff;
}

div.banner a:hover { 
  background: white; 
  color: #731;
}




/********* fixed box for the tracking device *********/

div.fixbox {
  margin: 0;
  position: absolute;
  top: 350;
  left: auto;
  left: 10px;
}

body>div.fixbox {position: fixed}   /* IE work-around */

div.fixbox p {
  padding: 0;
}


/*******************************************/

/*
.BoxedLink, .MenuSelected
{
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bolder;
	text-decoration	: none;
	white-space		: nowrap;
	width			: 5em;
	margin-bottom	: 5;
	margin-right	: 20;
	padding			: 5 4 4 2;
	border			: solid 1 #aaaaaa;
	font-size		: xx-small;
}

.BoxedLink
{
	color			: white;
	background-color: #0f238c;
}

.BoxedLink:hover, .MenuSelected
{
	background-color:#c0e0ff;
	color			: #0f238c;
}
*/

/******************* box with shaddow **************************/

div.back {
  background: #576;
  padding: 1.5em;
  margin: 3em 0 3em 5em;
}

div.section {
  background: #ffd;
  margin: -3em 0 0 -3em;
  border: thin solid #999; padding: 1.5em;
}


div.frameshaddow {
  background: #777;
  padding: 10px;
  margin: 20px 0 20px 10px;
}

div.frame {
  background: #ffd;
  margin: -20px 0 0 -20px;
  border: thin solid #999; 
  padding: 10px;
}



/******************* hr with safari look **************************/

/*hr {
  background: url(icons/safari-bar.JPG) scroll; 
  height: 10px;
  border: 1px solid #000;
}*/

div.hr {
  height: 5px;
  background: #fff url(icons/safari-bar.JPG);
  border: 1px solid #000;
}

div.hr hr {
  display: none;
}

/******************* list table **************************/

table.listtable {
  font-size: 100% /*smaller*/;
  border: 1px solid #000;
  border-collapse: collapse;
  
}

table.listtable tr.header1, thead {
  font-weight: bold;
  background: #CCC;
}

table.listtable tr.header2 {
  font-weight: bold;
  background: #888;
}

table.listtable tr.header3 {
  font-weight: bold;
  background: #333;
  color: #ccc;
}

table.listtable tr.bring {
  background: #af4;
}

table.listtable td {
  border: 1px solid #000;
  padding: 3px;

}

table.listtable td.mid {
  text-align: center;

}

/******************* progress bar table **************************/

table.progressbartable {
  font-size: 40% /*smaller*/;
  border: 1px solid #000;
  border-collapse: collapse; 
  width: 100%; 
}

table.progressbartable td {
  border: 1px solid #000;
  padding: 0;
}


/******************* images **************************/

div.Lbox { 
  text-align: center; 
  font-size: 85%;
  font-family: Times Roman;
  font-style: italic;
  float: left;
  margin-right: 15;
}

div.Cbox { 
  text-align: center; 
  font-size: 85%;
  font-family: Times Roman;
  font-style: italic;
  float: center; 
}

div.Rbox { 
  text-align: center;
  font-size: 85%;
  font-family: Times Roman;
  font-style: italic;
  float: right; 
  margin-left: 15;
  margin-right: 5;
}

td.caption {
  text-align: center;
  font-size: 85%;
  font-family: Times Roman;
  font-style: italic;
}

img {
  border: 0;
  vertical-align: top;
}

img.imgR {
  margin-left: 5;
  float: right;
}

img.imgL {
  margin-right: 10;
  float: left;
}

div.Rbox, div.Lbox, img.imgR, img.imgL {
  margin-top: 5;
  margin-bottom: 5;
}




a.nolink:link, a.nolink:visited { 
  text-decoration: none; 
}

a.nolink:hover { 
  background: none; 
}