/* Style Sheet for Map-Directions page, and Timeline Page */
/* This version has a beige menu bar at the top */
/* Color is close to that of the new NSECDC home page menu */

     body { font-family:  Helvetica, Arial, MS Sans Serif, sans-serif;
            background: #bd9452; 
            background-image: URL("backgroundsborders/heartrnchafrbg.gif"); }



/ * Menu Style for Timeline Beige Background */
     table.mainmenu { width: 660px; text-align: center; vertical-align: top; background-color: #bd9542; 
                      background-image: URL("backgroundsborders/heartrnchafrbg.gif");
                      font-family:  Verdana, Helvetica, MS Sans-Serif, sans-serif; font-size: 14px; font-weight: 600; font-stretch: semi-expanded;
 }
    
     td.button { width: 31%; height: 5.2em; text-align: center; vertical-align: top; background-color: #fef1b5; color: #3e0202; text-wrap: none; 
            padding-left: 1%; padding-right: 1%; padding-top: 1em; padding-bottom: 1em;
            border-top: none; border-left: none; border-right: none; border-bottom: ridge; border-width: thin; border-color: #3e0202;  }
     div.buttoncontainer { text-align: center; vertical-align: top; background-color:  #fef1b5; color: #3e0202; font-weight: 600; font-stretch: semi-expanded; text-wrap: none; }
     td.spacer { width: 2%; height: 5.2em; 
                  text-align: center; 
                  vertical-align: middle; background-color: #fef1b5;  
                  color: #3e0202; 
                  padding-left: 0; padding-right: 0; padding-top: 0.3em; 
                  padding-bottom: 0.3em; 
                  border-top: none; border-left: none; border-right: none; border-bottom: ridge; border-width: thin; border-color: #3e0202; }
     hr.menudivider { width: 1%; height: 3.5em; color: #3e0202; }


     h1, h2, h3, h4, h5 { font-family: Helvetica, Arial Narrow, MS Sans Serif, sans-serif; }
     h4 { font-size: 80%; }
     h1 { font-size: 1.6em; font-weight: 600; text-align: left; }
     h2 { font-size: 1.4em; font-weight: 480; text-align: left; }
     h3 { font-size: 1.3em; font-weight: 450; text-align: left; }
     h2#driving directions { text-align: left; }
     p  { padding: 0px; }
     p.directions { text-align: left; padding: 2px; } 

     table.timeline { 
           position: relative;
           font-family: Helvetica, Arial, MS Sans Serif, sans-serif;
           padding: 3px;
           border: none;
           text-align: center;
           width: 1090px;
           }

     th { font-family: Helvetica, Arial, MS Sans Serif, sans-serif; }

     th#timelinetitle { font-variant: small-caps; font-weight: 550; padding: 1px; }    
     p#timetitle { font-variant: small-caps; font-size: 1.6em; }

     th#throughtime { font-weight: 520; padding: 1px; } 
     p#time { font-size: 1.2em; font-style: italic; } 

     th#mapnearse  { padding: 0px; text-align: center; vertical-align: middle; }

     td#mapdescription { font-size: 1em; font-weight: 400; font-style: italic; padding: 1px; }
     p#mapdescribe { font-size: 1em; font-weight: 400; font-style: italic; }

     img#rainbowarrow  { width: 675px; height: 96px; }
     image#compass { float: left; width: 80px; height: 80px; } 
     image#NSEmap" { width: 60%; } 
  

     table.map {
           font-family: Helvetica, Arial, MS Sans Serif, sans-serif; border: none; padding: 2px; width: 95%; text-align: center;
           }

     th { font-family: Helvetica, Arial, MS Sans Serif, sans-serif; }      
     td { font-family: Helvetica, Arial, MS Sans Serif, sans-serif; }   

     strong  { font-weight:  600; }
     em { font-style: italic; }
     em#timetitle { font-style: oblique; }

     .note { font-style: normal; font-weight: 400; font-size: 70%; }
     span.note { font-style: normal; font-weight: 400; font-size: 70%; }
     span.webaddress { font-style: normal; font-weight: 400; font-size: 88%; }
     p.noticeaboutgraphics { text-align: center; margin-left: 13%; font-size: 1em; }

div.timeleftborder { border-left: ridge; border-right: none; border-top: none; border-bottom: none; border-left-width: medium; border-color: #bd9452; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; word-wrap: break-word; text-wrap: normal; }

div.timetopborder { border-left: none; border-right: none; border-top: none; border-bottom: none; width: 100%; word-wrap: break-word; text-wrap: normal; }

td.timetopborder { border-left: none; border-top: ridge; border-right: none; border-bottom: none; border-width: medium; border-color: #bd9452; }

div.boxmaptime { border: none; width: 350px; word-wrap: break-word; text-wrap: normal; padding: 1px; }

img#maptime { border: solid; border-width: medium; border-color: #3e0202; }

div.boxmapformapdirections { background: #3e0202; padding: 0.1em; border: ridge; border-width: medium; border-color: #3e0202; width: 350px; word-wrap: break-word; text-wrap: normal; }


/* Style for Site address; */
/* Can I have rounded corners on the div holding the address? */   
/* Not in today's browsers apparently */

div.outerpagenotes { background: #bd9542; 
                    background-image: URL("backgroundsborders/heartrnchafrbg.gif"); 
                    color: #000000; text-align: center; 
                    font-family:  Helvetica, Arial, MS Sans Serif, sans-serif;
                    width: 1090px; }

td.outerpagenotesmap { text-align: center; color: #000000; font-family:  Helvetica, Arial, MS Sans Serif, sans-serif; width: 100%; }

span.updatenote { font-size: 85%; }

p.navlink { text-align: center; }
div.navlink { text-align: center; font-size: 14px; margin-top: 1em; margin-bottom: 1em; text-wrap: none; width: 1090px; } 
div.navlink > span { display: inline; }
span.navlinkleft { display: inline; width: 540px; text-align: center; }
span.navlinkright { display: inline; width: 540px; text-align: center; }

p.linktoNSE { margin-top: 0em; margin-bottom: 0em; }
div#linktoNSE  { text-align: center; vertical-align: middle; width: 600px; margin-left: 240px; margin-top: 1em; margin-bottom: 1em; }
div#MAPlinktoNSE  { text-align: center; vertical-align: middle; margin-top: 1em; margin-bottom: 1em; margin-left: 13%; width: 600px; }

div#NSEaddress { width: 600px; border-radius: 12px; margin-top: 1em; margin-left: 240px; text-align: center; vertical-align: middle; background: #b9aa8d; padding: 2px; font-size: 12px; font-weight: 400; font-style: normal; color: #ffffff; }
div#mapNSEaddress { width: 600px; border-radius: 12px; margin-top: 1em; margin-left: 13%; text-align: center; vertical-align: middle; background: #b9aa8d; padding: 2px; font-size: 12px; font-weight: 400; font-style: normal; color: #ffffff; }


/* Links & Page Navigatorbuttons:  same on all pages  */

a:link { text-decoration: none; color: rgb(0, 0, 153); font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; }
a:visited { text-decoration: none; color: rgb(102, 0, 51); font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; } 
a:active { text-decoration: none; color: #990000; font-family: serif; } 
a:hover { text-decoration: underline; color:  rgb(153, 0, 0); font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; } 

a.mainmenu:link { text-decoration: none; color: #3e0202; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 600; }
a.mainmenu:visited { text-decoration: none; color: #3e0202; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 600; } 
a.mainmenu:active { text-decoration: none; color: #990000; font-family: serif; font-size: 14px; font-weight: 600; } 
a.mainmenu:hover { text-decoration: underline; color:  #3e0202; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 600; } 

a.nav:link { text-decoration: none; color: rgb(0, 0, 153); font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 500; }
a.nav:visited { text-decoration: none; color: rgb(102, 0, 51); font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 500;} 
a.nav:active { text-decoration: none; color: #990000; font-family: serif; font-size: 14px; font-weight: 500; } 
a.nav:hover { text-decoration: underline; color:  rgb(153, 0, 0); font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 500; }