/* standard elements */
body
{
  background:  #FAf1D7; 
  /* #cc0066; #FFFFFF; */
  /*    background: #3399FF; */
  font-family: Times New Roman, Helvetica, Verdana, Arial, sans-serif;
  /*    font-weight: normal; */
  font-weight: small

  /*scrollbar-base-color:#FAf1D7;*/
  /*  scrollbar-base-color:black;*/
  /* scrollbar-arrow-color:purple;*/
  /* scrollbar-track-color:#FAf1E7;*/
  /* scrollbar-shadow-color:8F887B;*/
  /* scrollbar-face-color:#CC3337;*/
  /* scrollbar-highlight-color:ffffff;*/
  /* scrollbar-darkshadow-color:cccccc;*/
  /* scrollbar-3dlight-color:black*/
  
}


table
{
  font-family: Times New Roman,  Veranda;
  /* font-weight: normal; */
  text-decoration: none;
  font-weight: small;
}

td
{
  /* font-family: Helvetica, Verdana, Arial, sans-serif; */
  font-family: Times New Roman, Veranda;
  /* font-weight: normal; */
  text-decoration: none;
  font-weight: small;
}

td.menu    {
  /* font-family: Helvetica, Verdana, Arial, sans-serif; */
  font-family: Times New Roman,  sans-serif;
  /* font-weight: normal; */
  /* text-decoration: none; */
  font-weight: bold;
  /* align="center";*/
  /* background: #ff0099; */
  /* foreground: #FFFFFF;*/
  col-align=right;
  text-align: right;	
  color: white;	
}

input
{
}
select
{
}
p.smaller
{
  color: #000000;
 font-family: Times New Roman,  Arial, Verdana, Helvetica, sans-serif;
 font-weight: small;
 font-size: 85%;
}
      
p
{
  color: #000000;
  font-family: Times New Roman,  Arial, Verdana, Helvetica, sans-serif;
  font-weight: normal;
}

blockquote
{
  color: #000000;
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-weight: normal;
}
dl
{
  color: #000000;
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-weight: small;
  /*    font-weight: normal; */
}

dt
{
  color: #000000;
  /*    font-family: Helvetica, Verdana, Arial, sans-serif; */
  font-family: Times New Roman,  sans-serif;
  /*    font-weight: normal; */
  font-weight: small;
}

ul
{
  color: #000000;
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-weight: normal;
  list-style-type: disc;
}
ol
{
  color: #000000;
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-weight: normal;
}


h1 
{ 
  border-top-style:solid;
  border-bottom-style:solid;
  border-left-style:0;
  border-right-style:0;
  border-top-width:1px;
  border-bottom-width:1px;
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-size: 150%;
  /*  	font-weight: 900; */ 
  /*    font-size: larger; */ 
  font-weight: bold;
  /*    color: #B82619; */ 
  /* 	color: #000099; */ 
  color: #6666FF;
  /*    background-color: #3399FF; */ */
  background-color: #FFFF33;
}


h2
{
  border-bottom-style:solid;
  border-left-style:0;
  border-right-style:0;	
  border-bottom-width:1px;
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-variant: small-caps;
  /* font-size: normal;*/
  /* 	font-size: 180%; */
  font-weight: bold;
  
  color:  #CC3337;
  /* background-color: #EAE2BB; */
}

h3
{
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  /*font-weight: lighter;*/
  font-size: 180%;	
  /* text-decoration: underlined */
  color: #CC3337;
}
h4
{
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #B82619;
}
pre
{
  border-top-style:solid;
  border-bottom-style:solid;
  border-left-style:0;
  border-right-style:0;	
  border-top-width:1px;
  border-bottom-width:1px;
  font-family: Times New Roman,  courier;
  font-weight: bold;
  background-color: #CCCCFF;
  color: #333333;
  
}
address 
{
  border-top-style:solid;
  border-bottom-style:none;
  border-left-style:0;
  border-right-style:0;	
  border-top-width:1px;
  border-bottom-width:1px;
  font-style:italic; /*normal; */
  font-size:80%;
  font-family: Times New Roman,  Arial, Helvetica, Windsor, sans-serif;
  font-weight: smaller;
  background-color: #FAf1D7;
  color: #6666FF;
}

p.footer
{
  border-top-style:solid;
  border-left-style:0;
  border-right-style:0;	
  border-top-width:1px;
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-size: smaller;
  color:  #000000; /* #0000CC; #3399FF;  #CCCCFF; #EAE2BB; #000000; */
  text-decoration: none;
}

img.photo
{
  font-family: Verdana, Times New Roman,  Helvetica, Arial, sans-serif;
  font-size: smaller;
  color: black;
  font-style:italic;
  text-decoration: none;
}

p.chapter
{
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-size: smaller;
  color: black;
  /* font-style:italic; */
  font-weight: bold; 
  text-decoration: none;
}

p.chapter2
{
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-size: smaller;
  color: black;
  /* font-style:bold; */
  font-weight: bold;
  text-decoration: none;
}


/* default links */
a:photo
{
  font-family: Verdana, Times New Roman,  Helvetica, Arial, sans-serif;
  font-size: smaller;
  color: red;
  font-style:italic;
  text-decoration: none;

 /*  color:   #3399FF; /*#ffcc33; white;*/ */
/*   /* color: #B82619; */ */
/*   text-decoration: underline; */
}
a:link
{
	color:   #006600;

  /* color: #B82619; */
  text-decoration: underline;
}

a:visited
{
  color:   #CC3337; /* #3399FF; /*#cc0066; white;*/
		       text-decoration: underline;
		       }
a:hover
{
  /*    color: #CC3337; /*#ffcc33; #000000;*/
     color: #009999;
     /*    font-style:italic;*/	
     text-decoration: underline;
     }
a:active
{
  color: #B82619;
  text-decoration: underline;
}

/* general styles */
.heading
{
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-size: larger;
  font-weight: bold;
  color: #B82619;
}
.headingwhite
{
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-size: larger;
  font-weight: bold;
  color: #FFFFFF;
}
.subheading
{
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #B82619;
}
.subheadingsmall
{
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #B82619;
}
.subheadingblack
{
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #000000;
}
.subheadingwhite
{
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
}
.docsubheading
{
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #B82619;
  background-color: #EAE2BB;
}
.docsubheadinggrey
{
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #B82619;
  background-color: #cccccc;
}
.error
{
  color: #B82619;
}
.err
{
  color: #B82619;
}

/* deco */
.lineColour
{
  background: #999999;
}

/* unordered list without bullets */
ul.sans
{
  list-style-type: none;
}

td.block
{
  background: #EaE2BB;
}

/*  footer  */
td.footer
{
  font-family: Times New Roman,  Helvetica, Verdana, Arial, sans-serif;
  font-size: smaller;
  color:  #EAE2BB; /* #000000; */
  text-decoration: none;
}


ul.navbar {
  position: relative;
  top: 2em;
  left: 1em;
  width: 9em
}

div.banner {
  margin: 0;
  font-size: 80% /*smaller*/;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  position: absolute;
  top: 2em;
  left: auto;
  width: 8.5em;
  right: 2em
}
div.banner p {
  margin: 0; 
  padding: 0.3em 0.4em;
  font-family: Arial, sans-serif;
  background: #900;
  border: thin outset #900;
  color: white
}

div.banner a, div.banner em { display: block; margin: 0 0.5em }
div.banner a, div.banner em { border-top: 2px groove #900 }
div.banner a:first-child { border-top: none }
div.banner em { color: #CFC }


div.banner a:link    { text-decoration: none; color: white }
div.banner a:visited { text-decoration: none; color: #CCC }
div.banner a:hover   { background: black; color: white }
body>div.banner,
body>div.banner { position: fixed }




.cssnav	{
  position:relative;
  font-family: arial, helvetica, sans-serif;
  background-image:  url(img/about-zarab.png);
  background-repeat: no-repeat;
  white-space: nowrap;
  display: block;
  width: 211px;
  height: 63px;
  margin: 0; 
  padding: 0; 
}
.cssnav a {
  display: block;
  color: #000000;
  font-size: 11px;
  width: 211px;
  height: 63px;
  display: block;
  float: left;
  color: black; 
  text-decoration: none;
}

.cssnav img {width: 211px; height: 63px; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}

.cssnav span {
  position: absolute;
  left: 30px;
  top: 15px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  width: 149px;
  height: 14px;
  text-align: center;
}

p.bg a, p.bg2 a {
  padding: 0 2px 1px 15px;
  /* background: #fff url(/img/about-zara.png) left center no-repeat;*/
  background:  url(img/about-zara.png) left center no-repeat;
  /* color: #c00; */
}
p.bg2 a:hover {
  padding: 0 2px 1px 15px;
  background:  url{img/about-zarab.png) left center no-repeat;
  visibility:visible;
  color: #c00;
}
p.bg2 a:active {
  padding: 0 2px 1px 15px;
  background:  url(img/about-zarab.png) left center no-repeat;
  color: #c00;
}

img:about { 
  hover: url{/img/about-zarab.png);
}