body {
    margin: 0;
    padding: 0;
    background-color: #FDFFA6; /* Faint Brownish-Yellow  background-color */
    }
    
#container-all {
    position: relative;        /* makes "container-all" a containing block */
    width: 100%;               /* Browser adds Small-Amount of Margin — able to see  'body'  'background-color'  on the edges of window */
    background-color: #FDFFA6; /* Faint Brownish-Yellow  background-color */
}

/* Tried to make it a "container box" w/  Relative Positioning -- Did Not Seem To Work */
#container-top {
    height: 240px;
    width: 72%;
    margin-left: 14%;
    background-color: #FDFFA6; /* Faint Brownish-Yellow  background-color */
    }

#logo-box {
	float: left;
    }
    
#contact-box {
    margin-top: 0;
    margin-left: 55%;
    margin-right: 5%;
    background-color: #FDFFA6;
/* border: 1px solid maroon; */
    }

#contact-box  p {
    padding: 3.75em 1em 0;
    font: normal bold normal 1.333em/1.667em Tahoma;
    color: #3062AD;
/* border: 2px dashed purple; */
    }	

/*  Horizonatal Nav style-rules   margin-top:0; margin-left: 14%; width: 72%; height:3em; background-color:#FFE148; padding-top:1em; */
#navbar_top {
    margin-top:0;
	margin-left: 14%;
    padding-top:1em;
	width: 72%;
    height: 3em;
	background-color: #FFE148;
	}
    
#navbar_top ul {
	list-style: none;
    margin: 0;
    padding: 0.33em 0 0;
	}

#navbar_top ul li {
	float: left;
	}

#navbar_top a {
	display: block;
    font: normal bold normal 1.2em/1.4em Tahoma, Geneva, sans-serif;
	padding: 0 1.2em;
	text-decoration: none;
	color: #484848;
	}
	
#navbar_top ul a:hover {
	color: #281E0A;
    font-weight: 900;
	text-decoration: underline;
	}

/*  Focus-High styles  */
#focus-high {
     position: relative;
     margin-top: 0;
     margin-left: 14%;
     width: 72%;
     background-color: #FDFFA6; /* Faint Brownish-Yellow  background-color */
    }

#focus-high h2 {
    margin: 1em 1% 0 0;
    width: 440px;
    padding: 1em 1%;
    }

#focus-high p {
    margin: 0 1% 0 0;
    width: 440px;
    padding: 1em 1% 0 1%;
    text-align: left;
    }

#focus-high ul  {
    margin: 1em 0 1em 0; /* previously was  margin: 0 1% 1% 0.25em; */
    width: 440px;
    padding: 0 1% 1em 1%;
    }

#focus-high ul li {
    list-style-type: disc;
/*    text-indent: 2em;  commented-out  due  to  improper  indentation */
    }


#fh-right {
    margin-left: 50%;
    margin-top: 7px;
    width: 460px;
    }


#main-img {
    float: right;
    margin-top: 2px;
    margin-right: 8px;
    padding-top: 2px;
    padding-bottom: 4px;
    }

#fh-right p {
     clear: right;
     float: right;
     width: 450px;
     margin: 0px 5px;
     padding: 4px 0px;
     text-align: left;
     }
     
#fh-right h4 { 
     clear: right;
     float: right;
     width: 450px;
     margin: 0px 5px;
     padding: 4px 0px;
     text-align: center;
    }
     

/*  Middle Banner style-rules  */
#banner-mid {
     margin: 0 0 1em 14%;
     width: 72%;
     background-color: #FDFFA6; /* Faint Brownish-Yellow background-color */
     }
  
#org-aim {
     margin-top: 0;
     width: 43%;
     }

#org-aim h2 {
     color: #333;
     margin-top: 4px;
     margin-bottom: 0;
     }

#banner-motto {
     float: right;
     margin-top: 26px;
     margin-right: 10%;
     width: 35%;
     text-align: right;
     font-size: 1.5em;
     color: #000;
     font-style: italic;
     }

#banner-motto.h4fontsize {
    font-size: 1.333em;
    }

/*  Main Content style-rules  */

#page-motive-1 {
     margin-left: 14%;
     width: 72%;
     height: 2em;                /*  previously  had  height:4em; */
     background-color: #FFE148;  /* Faint Brownish-Yellow background-color */
     padding: 1em 0em 1em 1em;
     font-size: 1.25em;
     color: #333333;
     }

#maincontent {
    margin-left: 14%;
    width: 72%;
    }

#maincontent h2 {
    text-align: left;
    padding-bottom: 0.5em;
    }


#slogan {
    margin-left: 14%;
    width: 72%;
    background-color:#FFE148; /*  same as  Navbar  */
    }

#slogan p {
    padding:0.75em 2em;
    }
    
#summary {
	margin-left: 14%;
	width: 72%;
    padding-top: 1em;
    }

#container-footer {
	clear: both;
	margin-left: 14%;
	width: 72%;
    height: 3em;
    background-color: #FDFFA6;
    }

#container-footer p {
    margin: 0;
    padding: 1.2em 0 0;
    font: 1em/1.2em Georgia; 
    color: #58595B;  /* Med-Dark-Gray */
    }

#products-wrapper {
     background-color: #FDFFA6; /* Faint Brownish-Yellow  background-color */
    }

#pl-appeal {
    margin-top:0;
    margin-left: 14%;
    width: 72%;
    text-align: left;
    }

#pl-appeal h2 {
    padding-top: 0.5em;
    padding-bottom: 0.75em;
    }

#pl-appeal h3 {
    margin:1em auto 0.75em;
    text-align:center;
    }

#pl-slogan {
    margin-left: 14%;
    width: 72%;
    background-color:#FFE148; /*  same as  Navbar  */
    }

#pl-slogan p {
    padding:1.5em 2em 1.25em;
    color:#0A4C72;  /* Med-Blue Color */
    }

#contact-summary {
	margin-left: 14%;
	width: 72%;
    }

#contact_form {
    float: left;
    margin-top: 0;
    margin-left: 14%;
    width: 72%;
    }

#blog-post-banner {
    margin-left:0;
    width:30%;
    background-color:#FFE148; /*  same as  Navbar  */
    }

#blog-post-banner p {
    padding:1.5em 2em 1.25em;
    }

.txt-orange {color:#F95A09;}                               /*  LAM  Orange  Color  */
.txt-slogan {color:#0A4C72; font-size:1.083em;}            /*  Med-Blue     Color */
.txt-pl-slogan {color:#0A4C72; font-size:1.083em;}         /*  Med-Blue     Color */
.txt-blog-post-banner {color:#0A4C72; font-size:1.333em;}  /*  Med-Blue     Color */

.clear {
	clear: both;
	display: block;
    }

.clear-float_r {
	clear: both;
    float: right;
    }

/*  Using  'class="alignright"'  aligns image to the right
    Using  'class="centered"'    centers the image, better than using  align="center"  it is much more futureproof (and valid) */
.alignright {
    float: right;
    }
.alignleft {
    float: left;
    text-align: left;
    }
.aligncenter {
    display: block;
    margin: 6px auto 10px;
    }

/*  Begin Column Formatting  */
.one_fourth, .one_third, .one_half, .two_third, .three_fourth {
    float:left;
    margin-bottom:10px;
    margin-right:30px;
}

.one_fourth { width:22%; }
.one_third { width:33%; }
.one_half { width:44%; }
.two_third { width:66%; }
.three_fourth { width:66%; }
.full_width { width:72%; float:left; }
.last_column { clear:right; margin-right:0 }

.one_fourth h3 {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 0;
    }
/*  End Column Formatting  */

/*
ul .list-1 {
    margin: 1em 0 1em -3em;
    list-style-type: none;
    overflow: hidden;
}
*/
ul.list-2 {
/*    margin: 1em 0 1em 0; */
    margin-left:-3em;
}

ul.list-3 {
    margin-left:-3em;
    list-style-type:none;
    }

#contact-summary ul li.indent-0 { padding-left:0; }
#contact-summary ul li.indent-1 { padding-left:20%; }
#contact-summary ul li.indent-2 { padding-left:40%; }
#contact-summary ul li.indent-3 { padding-left:60%; }
#contact-summary ul li.indent-4 { padding-left:80%; }

.back-to-top a {
    float: right;  /* when text 'floated', it was positioned outside of footer container, so placed this anchor 1st in the <div> */
    text-align: right;
    margin-top: 1em;
    margin-right: 1em;
    text-decoration: underline;
    color:#414042;  /*  Deep-Dark-Gray  Text-Color  */
    }