/* DIV FOR BOX EXCLOSING WHOLE PAGE */
  DIV.wideframe 	{position: absolute; margin: auto;
                 	vertical-align: center; top: 0px; 
	  				height: 100%; max-height: 880px;
	             	left: 0%; width: 100%; right: 0%;
	  				overflow-y: hidden;
	  				background-color: transparent;
                 	z-index: 2; border: 4px none #DDDDDD}



/* STYLES FOR PICTURE AND CAPTION */
   DIV.capbox  {position: absolute; margin: auto;
                  top: 0; left: 0; right: 0; 
                  height: 40px; width: 100%;
                  align: center; text-align: center; 
                  visibility: visible;
                  background-color: inherit;
                  border: 1px solid transparent}

   DIV.imagebox  {position: absolute; margin: auto;
                  top: 0px; left: 0px; right: 0px; 
                  height: 660px; width: 960px;
                  align: center; text-align: center; 
                  background-color: inherit; z-index: 1;
                  border: 5px solid transparent}

   DIV.capbelow  {position: absolute; margin: auto;
                  height: 40px; width: 100%;
                  align: center; text-align: center; 
                  background-color: transparent; 
                  border: 1px solid transparent}

   DIV.leftbelow  {position: absolute; margin: auto;
                  height: 20px; width: 98%;
                  align: left; text-align: left; 
                  background-color: transparent; z-index:1;
                  border: 1px solid transparent}

   DIV.rightbelow  	{position: absolute; margin: auto;
                  	height: 20px; width: 98%;
                  	align: right; text-align: right; 
                  	background-color: transparent; z-index:1;
                  	border: 1px solid transparent}


/* BOXES FOR ARROWS */
   DIV.arrowbar  {position: absolute;  margin: auto;
                  height: 24px; width: 100%; 
                  visibility: visible; align: center;
                  background-color: transparent; z-index: 3;
                  border: 1px none red}

   DIV.arrowbox  {position: absolute;  margin: auto;
                  top: 0px; top: 0px; left: 460px; right: 160px; 
                  height: 24px; width: 40px; 
                  visibility: visible; align: center;
                  background-color: inherit; cursor: pointer;
                  border: 3px solid transparent}
   DIV.arrowbox:hover {border: 3px dotted darkblue}

   A.forarrows {font-size: 24px; border: none}


/* DIV FOR BOX EXCLOSING MANDALA */
   DIV.mandalalinks  {position: absolute;  margin: auto;
                      top: 40px; left: 0%; right: 0%; 
                      height: 50px; width: 900px; 
                      visibility: visible; z-index: 3;
                      background-color: inherit;
                      border: 3px none orange}

/* STYLE FOR MANDALA LINKS AT TOP OF PAGE */
   .mandalalink  {color: darkblue;
                      font-size: 12px;   
                      font-weight: bold;
                      line-height: 1.6;
                      letter-spacing: 0px; 
                      text-decoration: none;
                      background-color: inherit;
	   				  margin: 0px 10px 0px 10px;
					  padding: 0px 2px}

/* FOR IMAGE CAPTIONS */
   P.imagecap   {font-size: 14px; 
                 font-weight: 300; 
                 line-height: 1.4} 

   P.numbcap 	{font-size: 12px; 
                 font-weight: 300; 
                 line-height: 1.2} 


/* DIV TYPES FOR BUTTONS */
   DIV.bothbutts    {position: absolute; margin: auto;
                     top: 765px; left: 0; right: 0; 
                     height: 48px; width: 720px; z-index: 3;
                     border: 3px none orange}
   DIV.buttleft     {position: absolute;
                     top: 0; left: 0px; right: 630px;
                     height: 48px; width: 70px;
                     border: 3px none yellow}
   DIV.buttright    {position: absolute;
                     top: 0; left: 630px; right: 0px; 
                     height: 48px; width: 70px;
                     border: 3px none yellow}

P.lastnext { color: mediumblue;
	         text-decoration: none;
             font-size: 16px;
	         font-style: italic;
             line-height: 1.0;
	         cursor: pointer;
             border: 2px solid transparent;
             padding: 2px }
P.lastnext:hover {border: 2px dotted mediumblue }