/* DEFAULT BODY */
   BODY   {color: #444444;
           background-color: #F0F0F0;
           font-family: FrutigerLTPro-Roman, Helvetica, Arial, sans-serif;
           font-size: 8px; 
           font-style: normal; 
           font-weight: 300; 
           line-height: 1.0; 
           letter-spacing: 1px;
	       align: left;
           text-decoration: none;
           text-align: center;
           vertical-align: middle;
           max-width: 1200px}

/* BODY FOR PAGES TO POPULATE IFRAME */
   BODY.iframepage   {position: absolute;  margin: auto;
                      height: 720px; width: 960px; 
                      align: center; text-align: center;
                      border: 1px solid red}

/* BODY FOR PAGES TO POPULATE IFRAME */
   BODY.iphonepage   {position: absolute;  margin: auto;
                      height: 400px; width: 400px; 
                      align: center; text-align: center;
                      font-family: FrutigerLTPro-Roman, Helvetica, Arial, sans-serif;
                      font-size: 12px; 
                      border: 1px solid red}

/* DEFAULT DIV */
   DIV   {position: absolute; margin: auto;
	      left: 0px; right: 0px;
          background-color: transparent;
          visibility: visible;
          padding: 0%;
          border: 2px none orange}

#content {height: 100%}


/***************************/
/* THIS REMOVES SCROLLBARS */
/***************************/

   DIV::-webkit-scrollbar {
      display: none;
}

/*****************************/
/* ADD FONTS */
/****************************

@font-face {
	font-family: Frutiger;
	SRC: local ("../Frutiger/FrutigerLTPro-Roman.woff" ) format("woff"); 
	font-weight: normal; }

@font-face {
	font-family: Frutiger;
	src: local ("../Frutiger/FrutigerLTPro-Light.woff" ) format("woff"); 
	font-weight: lighter;  }

@font-face {
	font-family: Frutiger;
	src: local ("../Frutiger/FrutigerLTPro-Bold.woff" ) format("woff"); 
	font-weight: bold;  }

*/


/*****************************/
/* FOR NAV PANELS (COMPUTER) */
/*****************************/

   DIV.navbox        {position: absolute; margin: auto;
                      top: 30px; height: 520px; 
                      left: 10px; width: 210px; right: 980px; z-index: 2;
                      visibility: visible; text-align: left; 
                      background-color: inherit;
                      border: 1px none #BBBBBB}

   DIV.navlinks      {top: 0px; left: 0px; height: 30px; width: 100%; 
                      visibility: visible; text-align: left;
                      background-color: transparent; display: inline;
                      padding: 0; border: 1px none red}

   DIV.navname      {top: 18px; left: 5%; right: 5%; height: 30px; width: 90%;
                      visibility: visible; text-align: center; display: inline;
                      background-color: inherit; border: 1px solid #BBBBBB; padding: 4px; }

	 .navjump {padding: 4px; border: 2px solid transparent }
	 .navjump:hover {border: 2px solid #AAAAAA }


/* STYLES FOR HEADINGS AND LINKS IN NAV PANEL (REGULAR VERSION) */
  .navnamelink    {color: #444444;
                   font-family: FrutigerLTPro-Bold, Helvetica Arial, sans-serif;
                   font-size: 15px; font-variant: small-caps; font-weight: bold;
                   letter-spacing: 2px; line-height: 1.2; 
                   margin: 0px; padding: 0px 2px 0px 2px; border: 1px solid transparent}
 /* .navnamelink:hover {border: 2px solid #AAAAAA} */

  .navjumplink    {color: #444444;
                   font-family: FrutigerLTPro-Roman, Helvetica, Arial, sans-serif;
                   font-size: 13px; font-weight: normal; font-variant: small-caps; 
                   letter-spacing: 2px; line-height: 1.2;
                   margin: 0px; padding: 0px 2px 0px 2px; border: 1px solid transparent}

  .navsubhead     {color: #888888;
                   font-family: FrutigerLTPro-Roman, Helvetica, Arial, sans-serif;
                   font-size: 12px; font-weight: normal; font-variant: small-caps; 
                   letter-spacing: 2px; line-height: 1.2;
                   margin: 8px; padding: 0px 2px 0px 2px; border: 1px solid transparent}

  .navsublink     {color: #444444;
                   font-family: FrutigerLTPro-Roman, Helvetica, Arial, sans-serif;
                   font-size: 12px; font-weight: normal; font-variant: small-caps;
                   letter-spacing: 2px; line-height: 1.2; 
                   margin-left: 16px; padding: 0px 2px 0px 2px; border: 2px solid transparent}
  .navsublink:hover {border: 2px solid #AAAAAA}
  



/***************************/
/* FOR NAV PANELS (IPHONE) */
/***************************/

/* BOXES FOR NAVIGATION PANEL (IPHONE VERSION) */
   DIV.navboxBIG     {position: absolute; margin: auto;
                      top: 0px; height: 1350px; 
                      left: 0px; width: 600px; right: 0px;
                      align: center; text-align: center;
                      background-color: #FFFFFF;
                      border: 1px solid #BBBBBB}

   DIV.navnameBIG    {top: 30px; height: 80px;
                      left: 0px; width: 400px; right: 0px; 
                      align: center; ; text-align: center;
                      background-color: #F8F8F8; border: 1px solid #BBBBBB}

   DIV.navlinksBIG   {top: 140px; left: 0px; width: 540px; right: 0px;
                      align: center; text-align: center;
                      background-color: transparent; 
                      padding: 0px; border: 1px none red}


/* STYLES FOR HEADINGS AND LINKS IN NAV PANEL (IPHONE VERSION) */
  .navhernameBIG  {color: Black;
                   display: inline;
                   font-family: FrutigerLTPro-Roman, Helvetica, Arial, sans-serif;
                   font-size: 44px; font-weight: bold; font-variant: small-caps;
                   letter-spacing: 3px; line-height: 1.9;
                   padding: 0px 2px 0px 2px; }

  .navheadingBIG  {color: Black;
                   font-family: FrutigerLTPro-Roman, Helvetica, Arial, sans-serif;
                   font-size: 48px; font-weight: bold; 
                   font-variant: small-caps; font-style: underline;
                   letter-spacing: 3px; line-height: 1.6;
                   margin: 0px; padding-left: 0px 0px 30px 0px; border: 1px none red}

  .navjumplinkBIG {color: Indigo;
                   font-family: FrutigerLTPro-Roman, Helvetica, Arial, sans-serif;
                   font-size: 46px; font-weight: bold; 
                   font-variant: small-caps; font-style: underline;
                   letter-spacing: 3px; line-height: 1.0;
                   background-color: transparent; 
                   margin: 0px; padding: 0px 0px 0px 0px; border: 1px solid transparent}

  .navsubheadBIG  {color: Black;
                   font-family: FrutigerLTPro-Roman, Helvetica, Arial, sans-serif;
                   font-size: 42px; font-weight: bold; font-variant: small-caps;
                   letter-spacing: 3px; line-height: 1.6;
                   margin: 0px; padding: 0px 6px 0px 6px; border: 1px solid transparent}

  .navsublinkBIG  {font-family: FrutigerLTPro-Roman, Helvetica, Arial, sans-serif;
                   font-size: 40px; font-weight: bold; font-variant: small-caps;
                   letter-spacing: 1px; line-height: 1.6;
                   margin: 0px; padding: 0px 12px 0px 12px; border: 1px solid transparent}


/*******************/
/* FOR ARROW PANEL */
/*******************/

   DIV.arrowbar  {position: absolute;  margin: auto;
                  bottom: 1%; left: 0px; right: 0px; 
                  height: 26px; width: 480px; 
                  visibility: visible; align: center;
                  background-color: transparent; z-index: 3;
                  border: 1px none #BBBBBB}

   DIV.arrowbox  {position: absolute;  margin: auto;
                  top: 0px; top: 0px; left: 460px; right: 160px; 
                  height: 24px; width: 40px; 
                  visibility: visible; align: center;
                  background-color: transparent; cursor: pointer;
                  border: 1px none red}
   DIV.arrowbox:hover {border: 1px none #999999}

   DIV.progbox   {position: absolute;  margin: auto;
                  top: 0px; left: 0px; right: 360px; 
                  height: 24px; width: 300px; 
                  visibility: visible; text-align: center;
                  background-color: transparent; cursor: pointer;
                  border: 1px none red}

   P.progline   {color: #666666;
                 font-size: 14px; font-style: italic; 
                 display: inline;
                 font-weight: 300; 
                 line-height: 1.8 } 


/*****************************/
/* FOR PICTURES AND CAPTIONS (COMPUTER) */
/*****************************/

/* STYLES FOR PICTURE AND CAPTION */
   DIV.capbox  {position: absolute; margin: auto;
                  top: 0; left: 0; right: 0; 
                  height: 40px; width: 500px;
                  align: center; text-align: center; 
                  visibility: visible;
                  background-color: transparent; z-index:2;
                  border: 1px none orange}

   DIV.imagebox  {position: absolute; margin: auto;
                  align-items: center; align: center; text-align: center;
                  background-color: inherit; z-index: 2;
                  border: 5px none green}

   P.imagecap   {font-size: 14px; 
                 font-weight: 300; 
                 line-height: 1.2} 


/* CLASS USED BY PAGES FOR IFRAME, WIDTH MUST MATCH BELOW */
   .bigbox    {position: absolute; margin: auto;
               top: 20px; left: 0px; right: 0px; 
               height: 720px; width: 960px;
               align: center; text-align: center; 
               background-color: inherit;
               border: 2px none maroon}

/* FIXED WIDTH FRAME WITH ROOM FOR NAV PANEL */
   .bigframe    {position: absolute; margin: auto;
                 overflow-y: hidden; overflow-x: hidden;
                 top: 20px; height: 720px; align: left;
	             left: 220px; width: 960px; right: 20px; 
                 z-index: 2; border: 4px none #DDDDDD}

   .wideframe    {position: absolute; margin: auto;
                 vertical-align: center; top: 1%; height: 89%;  max-width: 1200px;
	             left: 4%; width: 92%; right: 4%;
                 z-index: 2; border: 4px none #DDDDDD}

 
/**********************/
/* FOR IPHONE RIBBONS */
/**********************/

   .ribframe    {position: absolute; margin: auto;
                 overflow-y: hidden; overflow-x: hidden;
                 top: 0px; height: 750px; 
                 left: 0px; width: 980px; right: 0px; 
                 border: 2px none #DDDDDD}

/* STYLE FOR RIBBON CAPTIONS */
   P.ribcap    {color: Black; top: 0px;
                display: inline; z-index: 3;
                font-family: FrutigerLTPro-Roman, Helvetica, Arial, sans-serif;
                font-size: 40px; font-weight: normal;
                letter-spacing: 2px; line-height: 1.0;
                padding: 0 0 0 0; border: 1px none red}

/* STYLE FOR RIBBON TITLES */
   P.ribtit    {color: Black; top: 0px;
                display: inline; 
                font-family: FrutigerLTPro-Roman, Helvetica, Arial, sans-serif;
                font-size: 64px; font-weight: normal; font-variant: small-caps;
                letter-spacing: 2px; line-height: 1.4;
                padding: 0 0 0 0; border: 1px none red}

/* STYLE FOR RIBBON BOXES CONTAINING TEXT */
   DIV.ribtext {position: absolute; margin: auto;
                left: 0px; width: 880px; right: 0px;
                top: 0px; height: 40px;  
                align: center; text-align: center;
                background-color: inherit;
                border: 1px none green}

/*************************/
/* FOR INDEX PAGE TILING */
/*************************/

/* DIVs USED BY TILING PROCEDURE */
   DIV.tiles     {position: absolute; margin: auto;
                  top: 10px; left: 0; right: 0; 
                  align: left; z-index: 1;
                  visibility: visible;
                  background-color: inherit;
                  border: 1px none blue}

   DIV.alltiles  {position: absolute; 
                  top: 10px; left: 0px; right: 0px; 
                  align: left; z-index: 3;
                  visibility: visible; 
                  background-color: inherit;
                  border: 1px none blue}

   DIV.thumbcap  {position: absolute; margin: auto;
                  vertical-align: text-top;
                  top: 0px; left: 0px; right: 0px; 
                  height: 20px; width: 100px;
                  align: center; text-align: center;
                  visibility: visible;
                  background-color: inherit;
                  border: 1px none green}

  .indexframe  {position: absolute; 
                 align: left; overflow-y: auto; 
 	             left: 220px; width: 1000px; right: 20px; 
                 top: 40px; overflow-x: hidden;
                 height: 100%; z-index: 2;
                 border: 4px none purple}


/* STYLE FOPR THUMBNAIL CAPTIONS */
  P.indexcap  {color: #444444; top: 0;
               vertical-align: text-top;
               display: inline;
               font-family: FrutigerLTPro-Roman, Helvetica, Arial, sans-serif;
               font-size: 11px; 
               letter-spacing: 1px; line-height: 1.0;
               padding: 0 0 0 0; border: 1px none red}

SPAN.credtext  {font-size: 11px; 
               font-weight: 900; 
               line-height: 1.2;
               visibility: visible} 

SPAN.tinytext {font-size: 10px; 
               font-weight: 600; 
               line-height: 14px;
               visibility: visible} 

SPAN.medtext  {font-size: 12px; 
               font-weight: 600; 
               line-height: 14px;
               visibility: visible} 

SPAN.capttext  {font-size: 11px; 
               font-weight: 900; 
               line-height: 1.2;
               visibility: hidden} 

SPAN.plustext  {color: #DDDDDD;
                font-size: 24px; 
                font-weight: 900; 
                line-height: 1.0;
                visibility: visible} 
       
P.panocap {position: absolute;
           left: 10%; right: 10%; width: 80%;
           font-size: 12px; 
           font-weight: 300; 
           line-height: 1.0;
           letter-spacing: 2px;
           text-align: center; 
           visibility: visible} 

DIV.centerbox  {position: static; 
                margin-left: auto; margin-right: auto;
                border: 2px solid red}

DIV.namediv  {top: 5px; left: 40px; 
              text-align: left;
              z-index: 3}

DIV.linkdiv  {top: 5px; right: 50px; 
              text-align: right;
              z-index: 3}

DIV.cred  {position: absolute; margin: auto; z-index: 1;
           left: 0px; right: 0px; height: 100px;
           align: center; text-align: center;
           background-color: transparent;
           border: 1px none pink}

DIV.capt  {position: absolute; margin: auto; z-index: 1;
           left: 0px; right: 0px; height: 200px;
           align: center; text-align: center;
           cursor: pointer; background-color: transparent;
           border: 1px none orange }

DIV.plus  {position: absolute; margin: auto; z-index: 2;
           left: 0px; right: 0px; height: 30px;
           align: center; text-align: center;
           cursor: pointer; background-color: transparent;
           border: 1px none pink}

DIV.arrows  {z-index: 3;
             top: 640px;
             height: 20px; width: 100%;
             left: 0; right: 0;
             background-color: transparent;
             cursor: default;
             border: 1px none pink}


/*****************/
/* MISCELLANEOUS */
/**********************/

/* STYLES FOR ANCHORS */
   A     {color: MidnightBlue;
          text-decoration : none }

   A.forarrows {font-size: 24px}



   A.photolink:hover {border-color: transparent}





IMG  {border-color: #BBBBBB;
      border-style: none;
      border-width: 1px}

IMG.bord  {border-color: #BBBBBB;
           border-style: solid;
           border-width: 1px}

P  {font-style: normal; 
    font-weight: 300; 
    line-height: 1.0}