

body		{
		  background-image: url('pics/background01.jpg');
		  background-repeat: repeat-x;
		  background-color: #996633;
		  font-family: arial, serif;
		  color: #FFCC99;
		  border: 0px;
		  margin-top: 0px;
		  margin-left: 0px;
		  margin-right: 0px;
		  margin-bottom: 0px;
		  padding-top: 0px;
		  padding-bottom: 0px;
		  padding-left: 0px;
		  padding-right: 0px;
		  border-style: none;
		  border-top-width: 0px;
		  border-right-width: 0px;
		  border-bottom-width: 0px;
		  border-left-width: 0px;
		  border-collapse: collapse;
		  font-size: 1.1em;
                  line-height: 1.4em; /*to help with subscript and superscript spacing*/
		}






a		{
		  font-family: arial, serif;	
		  font-size: 1.2em;
		  font-weight: bold;
		  text-decoration: none;
		}


a img 		{border: none;}


a:link		{
		  background-color: inherit;
		  color: #99CCFF;
		}


a:active	{
		  background-color: inherit;
		  color: #66FFFF;
		}


a:visited	{
		  background-color: inherit;
		  color: #FF9999;
		}


a:hover		{
		  background-color: inherit;
		  color: #CCFF00;
		}


span.superscript {
	          font-weight: bold;
		  background-color: inherit;
		  color: #FFFFCC;
		  font-size: 0.8em;
                  /*line-height: 0;To help with subscript and superscript spacing*/ 

		 }


span.footnote	{
		  background-color: inherit;
		  color: #FF9966;
		  font-size: 0.9em;
                  font-weight: bold;
		}


span.copyright	{
		  background-color: inherit;
		  color: #330000;
		  font-size: 0.7em;
		}


span.diaryHeader {
		  background-color: inherit;
		  color: #669933;
		  font-weight: bold;
		  text-decoration: underline;
		}



span.usedLink	{
		  font-family: arial, serif;	
		  font-size: 1.2em;
		  font-weight: bold;
		  text-decoration: none;
		  color: #669933;
		}

span.usedLinkBack	{
		  font-family: arial, serif;	
		  font-size: 17px;
		  font-weight: bold;
		  text-decoration: none;
		  color: black;
		}



span.picText	{
		  background-color: inherit;
		  color: #FFCC99;
		  font-size: 0.9em;
		  font-weight: bold;
		}


span.standOut01	{
		  background-color: inherit;
		  color: #FF9966;
		  font-size: 1.5em;
		  font-weight: bold;
		}



span.standOut02	{
		  background-color: inherit;
		  color: #FFFFCC;
		  font-size: 1.3em;
                  font-style: italic;
		  font-weight: bold;
		}


#environBground	{
		  background-color: inherit;
		  background-image: url(pics/landscape01.jpg);
		  position: absolute;
		  left: 0px;
		  top: 0px;
		  width: 773px;
		  height: 550px;
		  /*Z-Index sets layer of div */
		  z-index: 0;
		}


#opacityBackground01 	{
 			  background-color: black;
		 	  position: absolute;
		 	  left: 0px;
		 	  top: 0px;
		 	  right: 29px;
			  height: 100%;
		  	  /*Z-Index sets layer of div */
		  	  z-index: 1;
			  /*For opacity, done to ensure extra compatibility */
			  filter:alpha(opacity=55);
			  -moz-opacity:.55;
			  opacity:.55;
			}


#opacityContainer	{
		 	  position: absolute;
		 	  left: 118px;
		 	  top: 120px;
		 	  width: 84%;
			  bottom: 90px;
		  	  /*Z-Index sets layer of div */
		  	  z-index: 1;
			}


#borderRight	{
		  background-image: url(pics/borderRight.gif);
		  position: absolute;
		  right: 0px;
		  top: 0px;
		  width: 29px;
		  bottom: 0px;
		  /*Z-Index sets layer of div */
		  z-index: 2;
		  /*For opacity, done to ensure extra compatibility */
		  filter:alpha(opacity=55);
		  -moz-opacity:.55;
		  opacity:.55;
		}



#borderLeft	{
		 	  background-image: url(pics/borderLeft.gif);
		 	  position: absolute;
		 	  left: 89px;
		 	  top: 115px;
		 	  width: 29px;
			  bottom: 88px;
		  	  /*Z-Index sets layer of div */
		  	  z-index: 2;
			  /*For opacity, done to ensure extra compatibility */
			  filter:alpha(opacity=55);
			  -moz-opacity:.55;
			  opacity:.55;
			}


#borderBottom	{
		  background-image: url(pics/borderBottom.gif);
		  position: absolute;
		  left: 118px;
		  height: 29px;
		  width: 82%;
		  bottom: 61px;
		  /*Z-Index sets layer of div */
		  z-index: 2;
		  /*For opacity, done to ensure extra compatibility */
		  filter:alpha(opacity=55);
		  -moz-opacity:.55;
		  opacity:.55;
		}

#borderTop	{
		  background-image: url(pics/borderTop.gif);
		  position: absolute;
		  left: 118px;
		  height: 29px;
		  width: 82%;
		  top: 91px;
		  /*Z-Index sets layer of div */
		  z-index: 2;
		  /*For opacity, done to ensure extra compatibility */
		  filter:alpha(opacity=55);
		  -moz-opacity:.55;
		  opacity:.55;
		}


#mainText	{
		  padding-top: 5px;
                  padding-left: 5px;
                  padding-right: 20px;
		  position: absolute;
		  left: 125px;
		  top: 120px;
		  width: 79%;
		  bottom: 90px;
		  /*For scrollbar if text too much to fit*/
		  overflow: auto;
		  /*Z-Index sets layer of div */
		  z-index: 2;
		}


#orangShadow   {
 			  background-color: inherit;
		 	  background-image: url(pics/orangShadow.png);
		 	  position: absolute;
		 	  left: 0px;
		 	  width: 115px;
		 	  height: 500px;
			  top: 0px;
		  	  /*Z-Index sets layer of div */
		  	  z-index: 1;
			  /*For opacity, done to ensure extra compatibility */
			  filter:alpha(opacity=55);
			  -moz-opacity:.55;
			  opacity:.55;
			} 	

#copyrightText	{
		  font-size: 0.7em;
		  position: fixed;
		  left: 410px;
		  right: 1px;
		  bottom: 5px;
                  height: 71px;
		  /*For scrollbar if text too much to fit*/
		  overflow: auto;
		  /*Z-Index sets layer of div */
		  z-index: 2;
                  line-height: 1.4em;
		}


#contents	{
		  font-size: 14px;
		  position: absolute;
		  left: 9px;
		  top: 90px;
		  width: 110px;
		  height: 345px;
		  /*For scrollbar if text too much to fit*/
		  overflow: auto;
		  /*Z-Index sets layer of div */
		  z-index: 4;
		  line-height: 20pt;
		}


#contentsBack   {
                  font-family: arial, serif;	
		  font-weight: bold;
		  text-decoration: none;
		  font-size: 17px;
		  position: absolute;
		  left: 7px;
		  top: 92px;
		  width: 110px;
		  height: 345px;
		  /*For scrollbar if text too much to fit*/
		  overflow: auto;
		  /*Z-Index sets layer of div */
		  z-index: 3;
		  color: #000000;
		  line-height: 20pt;
		}


#logo		{
		  background-image: url(pics/JWlogo.gif);
		  position: absolute;
		  left: 0px;
		  top: 0px;
		  width: 111px;
		  height: 91px;
		  /*Z-Index sets layer of div */
		  z-index: 2;
		}


#peekOrangutan	{
		  background-image: url(pics/peekingOrangutan.gif);
		  position: fixed;
		  left: 0px;
		  bottom: 0px;
		  width: 500px;
		  height: 212px;
		  /*Z-Index sets layer of div */
		  z-index: 1;
		}

#linkContainer
{
		position: relative;
		background-image: url(pics/fundBranch.gif);
		/*Z-Index sets layer of div */
		z-index: 4;
		left: 115px;
		top: 30px;
		width: 82%;
		height: 80px;

}

#target
{
		position: absolute;
		background-image: url(pics/target.gif);
		top: 30px;
		right: 0px;
		width: 106px;
		height: 60px;
		/*Z-Index sets layer of div */
		z-index: 5;
}



#fundOrang
{
		position: absolute;
		background-image: url(pics/fundOrang.gif);
		top: 9px;
		left: 40%;
		width: 148px;
		height: 80px;
		/*Z-Index sets layer of div */
		z-index: 5;		
}



td.shopMid      {  
                 background-color: #333300;
                 text-align:center;
                 padding-left: 10px;
                 padding-right: 10px;
			  /*For opacity, done to ensure extra compatibility */
			  filter:alpha(opacity=80);
			  -moz-opacity:.80;
			  opacity:.80;
                }
