/* ================================================= */
/* ================================================= */
/* ================================================= */

/* NAIL DOWN SITEWISE STYLES EXCEPT FOR LIBRARY MAPS */

body {
    width: 1800px;
	background-image:url(/images/generalLibrary/wood-8.jpg);
	background-repeat: repeat;
}

div#outerMost {
	background-color: #CCDBBA;
	border-width: 0 4px;
	border-style: solid;
	border-color:  #336600;

}

/* OKAY, GRAND LAYOUT COMPLETE */
/* ================================================= */
/* ================================================= */
/* ================================================= */

/* ================================================= */
/* ================================================= */
/* ================================================= */
/* NAIL DOWN HEADER STYLES APPLY SITE WIDE */


div#wider { 
    display: flex;
    justify-content: space-between; 
    align-items: center;
    background-image: url(/images/generalLibrary/logo_back.jpg); 
    background-repeat: repeat; 
    background-color: #133f26; 
    display: block; 
    padding: 1em;
    box-sizing: border-box;
    margin-bottom: 1px;
}

img#flag { 
    float: left;
    width: 200px;
    height: auto;
    padding-bottom: 1em;
} 

img#flower { 
    float: right;
    width: 110px;
    height: auto;
    padding-bottom: 1em;
} 

#textholder { 
	text-align: center; 
    display: block;
}

#textholder::after {
  content: "";
  clear: both;
  display: table;
}

h2#smallIntro { /* Holds "Welcome to the Website of" */
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bolder;
	color: #ecc93d;
	margin: 0;
}

h1#bigIntro { /* Holds "HaveAGoodDay.ca" */
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 3em;
	font-style: normal;
	font-weight: bolder;
	color: #ECC93D;
    margin: 0;
}







/* GRAND HEADER LAYOUT STYLES COMPLETE  */
/* ================================================= */
/* ================================================= */
/* ================================================= */

/* ================================================= */
/* ================================================= */
/* ================================================= */
/* NAIL DOWN HORIZONTAL MENU STYLES */


div#headerMenu{
    margin: 0 auto;
}

ul#horizontal-menu {
    display: block;
	background-image:url(/images/generalLibrary/menuHeaderPics/home.jpg);
	background-repeat: repeat-x;
    margin: 0 auto;
	background-color: #09F;
    margin-bottom: 1px;
}

ul#horizontal-menu li {
    display: inline-block;
    border-right: 1px solid #CCDBBA;
    padding: 0.75em 1.0em;
    margin: 0;
}
ul#horizontal-menu li a:link {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.20em;
	font-style: normal;
	font-weight: bold;
    color: #CCDBBA;
    margin: 0;
}
ul#horizontal-menu li a:visited {
    color: #99a887;
}
ul#horizontal-menu li a:hover {
    color: #ECC93D;
}
ul#horizontal-menu li a:active {
    color: #FF0000;
}
/* END HORIZONTAL MENU STYLE */
/* ================================================= */
/* ================================================= */
/* ================================================= */

/* ================================================= */
/* ================================================= */
/* ================================================= */
/* NAIL DOWN DAY GREETING STYLES */

div#morning {
    display: block;
    width: 100%;

	background-color: #ebebc1;
	margin-bottom: 4px;
    box-sizing: border-box;
    border-width: 4px 0;
    border-style: solid;
    border-color: #336600;
}

div#morning h3 {
	display: block;
	text-align: center;
	
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-size: 1.2em;
	font-weight: bolder;
	color: #325513;

	padding: 0.5em 0;
}


/* END OF DAY GREETING STYLES */
/* ================================================= */
/* ================================================= */
/* ================================================= */

/* ================================================= */
/* ================================================= */
/* ================================================= */
/* NAIL DOWN VERTICAL MENU AND BODY AREAS */


div#mainDiv { /* .page-layout */
/*    display: grid;
    grid-template-columns: 230px 1fr; *//* Fixed 250px menu, flexible main area */
/*    gap: 10px;*/
    max-width: auto;
}



#menu {
    float: left;
    width: 230px;
	display: block;
	padding: 2px;
	background-color:#9adb4d;
    margin: 0 4px;
}

#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0;
}
#menu ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#menu ul li a:link {
	color: #9adb4d;
	text-align: left;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	padding: 4px;
	text-decoration: underline;
	background-color: #030;
	border-bottom: solid #9adb4d 2px; 
}
#menu ul li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #8ab27c;
	text-decoration: underline;
	display: block;
	text-align: left;
	padding: 4px;
	border-bottom: solid #9adb4d 2px;
	background-color: #030;
	font-size: 1.25em;
}
#menu ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	text-decoration: underline;
	display: block;
	border-bottom: solid #9adb4d 2px;
	padding: 4px;
	color: #f0d91a;
	background-color: #030;
}

#menu ul li a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	text-decoration: underline;
	display: block;
	border-bottom: solid #9adb4d 2px;
	padding: 4px;
	color: #f0d91a;
	background-color: #030;
}




/* END OF MAIN BODY STYLES */
/* ================================================= */
/* ================================================= */
/* ================================================= */
/* Begin Clearing Styles */


/* Begin Clearing Styles */

div.clearleft {
	clear: left;
	margin: 2px;
}
div.clearer{
clear: left;
height: 5px;
display: block;
}

div.clear2{
clear: right;
height: 5px;
display: block;
}

div.clearBoth{
clear: both;
height: 5px;
display: block;
}



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

/* Begin HaveAGoodDay Top of Header Styles */ 
div#greenBack div#topHead{ 
width: 100%;
text-align: left; 
background-color: #030; } 

div#greenBack #topHead img{ 
margin: 10px; } 

div.fr1{ 
float: left; 
width: 300px; } 

div.fr2{ 
float: left; 
width: 200px; } 




h1.bookRec {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.3em;
	font-weight: bolder;
	color: #0F4D2A;
	background-color: #25FA82;
	border: 4px solid #000000;
	text-align: center;
	padding: 5px;
    grid-column: span 2; 
	margin: 0 4px 4px 4px;
    box-sizing: border-box;
}