/* Style for ItsImpossible.html and ProbabilityNotes.html */

body { margin: 2%; background-color: #3E0202; text-align: left; font-family: Helvetica, Verdana, sans-serif; font-size: 1em; }

/* Menu for Probability Page--has Brown background */
/* An option is to include the heartland ranch background but it's not included at this point */
/* Colors are close; not quite a match */
/* Alternate Red Menu--not styled here--Has Marbled Background */
/* see Probability_style_altredbackground.css other folder */
/* But it would be preferable to use the red part of the background that is */
/* already being used by the NearSoutheast site . . . . */

     table.mainmenu { width: 660px; text-align: center; vertical-align: top; 
                    background: #3e0202; background-image: URL("http://www.geocities.com/nearsoutheastcdc/Resources/MathProbabilityGames/Style_Sheet/backgroundsborders/heartrnchafrbgsmall.gif");
                    border-top: none; border-left: none; border-right: none; 
                    border-bottom: ridge; border-width: thin; border-color: #3e0202; 
                    font-family:  Verdana, Helvetica, MS Sans-Serif, sans-serif;  
                    font-size: 14px; font-weight: 600; font-stretch: semi-expanded; z-index: 5; 
                    }
     td.button { width: 31%; height: 5.2em; text-align: center; vertical-align: top; 
            background-color: #3e0202; background-image: URL("http://www.geocities.com/nearsoutheastcdc/Resources/MathProbabilityGames/Style_Sheet/backgroundsborders/heartrnchafrbgsmall.gif"); 
            color: #ffffcc; font-weight: 600; font-stretch: semi-expanded; text-wrap: none;
            padding-left: 1%; padding-right: 1%; padding-top: 1em; 
            padding-bottom: 1em; z-index: 6; }
     td.spacer { display: inline; width: 2%; height: 5.2em; 
                  text-align: center; 
                  vertical-align: middle; background-color: #3e0202; 
                  background-image: URL("http://www.geocities.com/nearsoutheastcdc/Resources/MathProbabilityGames/Style_Sheet/backgroundsborders/heartrnchafrbgsmall.gif"); 
                  color: #ffffcc;  
                  padding-left: 0; padding-right: 0; padding-top: 0.3em; 
                  padding-bottom: 0.3em; z-index: 6; }
     hr.menudivider { width: 1%; height: 3.5em; color: #ffffcc; }

/* a drop-down menu for Genealogy and History--but only for those pages */

     div.dropmenu { position: absolute; left: 7%; width: 100%; 
                    background: #fef1b5; color: #3e0202; font-weight: 450; 
                    font-size: 70%; }

h1 { font-size: 1.5em; font-weight: 600; }
h2 { font-size: 1.3em; font-weight: 500; } 
h3 { font-size: 1.2em; font-weight: 450; text-align: left; }
h3.assertion { margin-bottom: 0.2em; text-align: left; }
p { text-align: left; }
p#MosDefRap { font-style: italic; }
span.webaddress { font-size: 70%; font-style: normal; }
span.note { font-size: 70%; font-style: normal; }
span.updatenote { font-size: 85%; font-style: normal; }

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

/* formatting for Probability */

div.outerprobability { background-color: #FEF1B5; color: #3E0202; width: 98%; }
div.box { width: 600px; text-align: left; padding: 3px; background-color: FEF1B5; margin-left: 3%; margin-top: 20px; z-index: 100; }
#MoreAboutLightbulbs { display: none; color: #3E0202; }


/* formatting for probability notes */

div.outernotes {  background-color:  #3E0202; font-family: Comic Sans MS, MS Sans Serif, sans serif; margin: 0; padding: 3em; width: 100%; height: 100%; }
div.intronotes { background-color: FEF1B5; width: 90%; padding: 2em; color: #3E0202; z-index: 100; }
.notes { background-color:  #3E0202; }


/* Should I label the following bluetruth or just truth for example */
/* Can't change the color much if it's bluetruth but they say true blue */
/* It could be red lie and green mixed too */
/* More of a pain to change the colors */

span.bluetruth { color: #6666cc; }
span.yellowlie { color: #ffff99; }
span.greenmixed { color: #99cc99; }

table {
  font-family: Comic Sans MS, sans-serif;
  color:  #ffffff;
  background: #3e0202;
  text-align: left;
  vertical-align: middle;
  width: 600;
}

td.bluetruth { background:  #6666cc; color: #000000; }
td.yellowlie { background: #ffff99; color: #000000; }
td.greentruthandlie { background: 99cc99; color: #000000; }


/* Style for Site address; update info */

p#return { text-align: left; } 
div#linktoNSE  { text-align: center; width: 500px; margin-left: 53px; vertical-align: middle; margin-bottom: 1em; }
div#linktoNSEnotes { text-align: center; width: 600px; margin-left: 20px; vertical-align: middle; margin-bottom: 1em; }
div#NSEaddress { width: 600px; border-radius: 12px; margin-top: 1em; margin-left: 53px; text-align: center; vertical-align: middle; background: #b9aa8d; padding: 2px; font-size: 12px; font-weight: 400; font-style: normal; color: #ffffff; }
div#NSEaddressNotes { width: 600px; border-radius: 12px; margin-top: 1em; margin-left: 20px; text-align: center; vertical-align: middle; background: #b9aa8d; padding: 2px; font-size: 12px; font-weight: 400; font-style: normal; color: #ffffff; }


/* Links & Page Navigator buttons:  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: #ffffcc; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 600; }
a.mainmenu:visited { text-decoration: none; color: #ffffcc; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 600; } 
a.mainmenu:active {text-decoration: none; color: #cc6666; font-family: serif; font-size: 14px; font-weight: 600; } 
a.mainmenu:hover {text-decoration: underline; color:  #ffffcc; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 600; } 

a.dropmenu:link { text-decoration: none; color: #ffffcc; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; }
a.dropmenu:visited { text-decoration: none; color: #ffffcc; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; } 
a.dropmenu:active {text-decoration: none; color: #cc6666; font-family: serif; } 
a.dropmenu:hover {text-decoration: underline; color:  #ffffcc; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; } 

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; } 

a.notesnav:link { text-decoration: none; color: #6666FF; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; }
a.notesnav:visited { text-decoration: none; color: #FF33CC; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; } 
a.notesnav:active { text-decoration: none; color: #FF6666; font-family: serif; font-size: 14px; } 
a.notesnav:hover { text-decoration: underline; color: #FF6666; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; }