/*****THESE STYLES ARE FOR THE INTRODUCTION PAGES. PUT GENERAL STYLES INTO FUNDAMENTAL.CSS********/

/************DEFAULTS****************/

p {font-weight: bold;}

/*#introtitlemargins {margin: 40px 0 10px 0;}*//*commented out 2017-10-15 ?not used anywhere?*/

.intropics {
     max-width: 39.22%; height: auto; border: solid 1px black; margin-top: 32px;
}
      
a.introlinks:link { color: blue; text-decoration:none; font-weight:normal; }
a.introlinks:visited { color: purple; text-decoration:none; font-weight:normal; }
a.introlinks:hover { color: red; text-decoration:underline; font-weight:normal; }
a.introlinks:active { color: blue; text-decoration:none; font-weight:normal; }

/*****************************/

 body {background: url(../images/starry_night_black.jpg) 50% 0 / cover no-repeat fixed #272731; color: #DDCCBA;} 

 /*these classes are for the colored divs that act like buttons to change the background, background image, and text color*/
 
.darkonlight {background-color: #DDCCBA; color: #272731; border: solid 1px #272731;}

.lightondark {background-color: #272731; color: #DDCCBA; border: solid 1px #DDCCBA;}

.kitty {display: block;}

.nuttin {display: none;}

.buttondiv {display: inline-block; cursor: pointer; padding: 5px; border-radius: 3px; width: 19.74%; 
    font-size: .65em; font-weight: bold; margin: 0 5px;}

li.backmargpad, li.menuheading {color: black;}

.titlearea001 {text-align: center;}

.greenmouse {color: #BE0202;} /*the green used in most of the site doesn't work on a sky blue background*/

#layout {margin-bottom: 40px;}