html {height: 101%;}
body{
	background: #ffffff;
	font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	margin: 10px 0px 5px 0px;
	padding: 0;
	height: 100%;}

.clear{clear:both;}
/*/*/ .clear{display:block;} /* */
a {
	color: #968150;
	font-weight: normal;
	text-decoration: underline;
	outline: none;
}
a:hover {
	color: #ff66cc;
	text-decoration: none;
	font-weight: normal;
	outline: none;
}
h1{color:#ddd;margin:0;padding:10px 0 0 0;font-size:80%;} 
h2{background:transparent;font: 150% "Times New Roman", Times, serif;color:#FFF;margin:0;padding:0;}
h3{background:transparent;color:#ddd;font-size:90%;padding:0 0 0 9px; margin-top:0;}
h4 {background:transparent;font:90% "Times New Roman", Times, serif;color:#FFF;margin:-20px 0 0 0px; padding-top:10px;font-style:italic}
h5 {background:transparent;font:90% "Times New Roman", Times, serif;color:#FFF;margin:-20px 0 0 0px; padding-top:10px;font-style:italic}

.strong {font-size: 85%;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.tiny {font-size: 65%; text-align: center; padding-bottom: 10px;}
.small {font-size: 85%;}
.medium {font-size: 90%;}


.wrapper {border: 1px solid #666;
	width: 1200px;
	margin: 0 auto;
	padding: 10px;
	text-align: left;

}
.sidebarLeft {float: left; width: 31.3333%; padding: 0; margin: 0 2% 0 0;}
.contentRight {float: right; width: 64.666%; padding: 0; margin: 0 0 0 2%;}

.sidebarRight {float: right; width: 31.3333%; padding: 0; margin: 0 0 0 2%; }
.contentLeft {float: left; width: 64.666%; padding: 0; margin: 0 2% 0 0; ;}

.contentBox2a {float: left; width: 48%; padding: 0; margin: 0 2% 0 0;}
.contentBox2b {float: left; width: 48%; padding: 0; margin: 0 0 0 2%;}

.contentBox3a {float: left; width: 31.33333%; padding: 0; margin: 0 2% 5px 0;}
.contentBox3b {float: left; width: 31.33333%; padding: 0; margin: 0 1% 5px 1%;}
.contentBox3c {float: left; width: 31.33333%; padding: 0; margin: 0 0 5px 2%;}


header{background:#96A274;margin:0;padding: 0;text-align:center;font:120% Georgia, "Times New Roman", Times, serif;color:#FFF;padding:0 0 15px 0px;}

.date {margin-bottom:0px; margin-top: 40px;font: 95% Georgia,'Times New Roman',Times,serif; color:#4F4A4A; font-weight: bold;}

.date a {font: 95% Georgia,'Times New Roman',Times,serif; color:#4F4A4A; font-weight: bold;}

header em
{background:transparent;font:90% "Times New Roman", Times, serif;color:#FFF;margin:-20px 0 0 10px; padding:0px;font-style:italic}


.leftImg {position:relative;float:left;margin:0; padding-top: 20px}
.rightImg {position:relative;float:right;margin:0; padding-top:10px;padding-right: 10px}
img {border: none; max-width: 100%; box-sizing: border-box;}
.img-border {margin: 5px 10px 0 0; float: left; border: 1px #777 solid;}
.img-catalog {border: 1px #d0d0d0 solid; padding: 3px; margin: 5px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);}


/*p.source {text-align:left;font-size:75%;color:#003366;margin-bottom:30px;padding:0;} */
p.source {width: 70%;color: #804000;font-size: 90%;margin-top: -10px}
p.source a:link, p.source a:visited, p.source a:hover{text-decoration:none;}
p.source a:hover {text-decoration:underline}


.clickline {color:#003366;text-align:center;margin: 0 auto; padding: 10px 0;font-size:75%}

#weather {margin:25px 0 0 -25px;}

/*#weather {margin:0} #weather img {position:relative;float:left;margin:margin:25px 0 0 0px} */


/*SIDE NAV */
#navigation {width: 98%}
#navigation ul {list-style: none;padding-left:0;margin-left:0}
#navigation li {font:90%/1.2 Georgia,'Times New Roman';padding:0 0 0 9px; margin-bottom: 5px}
#navigation li {color:#000; margin-left:0;text-decoration:none;}
#navigation a {color: #000;font-weight:normal;text-decoration: none;}
#navigation a:hover {text-decoration:underline;color:#000;}
#navigation #currentpage a {font-weight:normal;color:green;}
#navigation #currentpage  a:hover {text-decoration:none;color:green;}

#navigation em
{font: 110% 'Times New Roman',Times;font-style: italic;}

#navwrapper
{margin-top: 30px}

#navwrapper ul
{margin-left: 15px}
#navwrapper h4
{font: small-caps 105% Georgia,'Times New Roman',Times,serif;text-align:left;margin-bottom:10;margin-left:30px}

#navwrapper h5
{font: 100%'Times New Roman',Times,serif ;color:#000;text-align:left;font-style: normal;font-weight:normal;margin:10px 0px 0px 10px}


#navwrapper li.week
{font: small-caps 100%'Times New Roman',Times,serif ;letter-spacing:2px; color:#820F00;;text-align:left; margin:10px 0 10px 0;font-weight:bold}

#navwrapper li.week a
{font:'Times New Roman',Times,serif ;letter-spacing:2px; color:#820F00;;text-align:left;font-weight:bold}

/*BOTTOM NAV */
div#footernav li.week
{font: small-caps 90%'Times New Roman',Times,serif ;letter-spacing:2px; color:#820F00;;text-align:center; margin-top:20px; margin-bottom:120px;font-weight:bold}

/*#navcontainer li.week a
{font:'Times New Roman',Times,serif ;letter-spacing:2px; color:#820F00;;text-align:center;font-weight:bold} */

#navcontainer
{margin-top: 40px}
#navcontainer h5
{font: 100%'Times New Roman',Times,serif ;color:#000;text-align:center; margin:20px 0 -10px 40px; font-style: italic;font-weight:normal}
#navcontainer h4
{font:'Times New Roman',Times,serif ;letter-spacing:2px; color:#820F00;;text-align:center;font-weight:bold;margin-bottom: 5px}
#navcontainer
{margin:0}

#navlist1 li
{font: 80% Georgia,'Times New Roman';padding:0;margin-right:10px}
#navlist1 li
{display: inline; list-style-type: none;padding-right: 5px; margin-bottom: 125px}

/*{list-style-type: none;margin-bottom:5px} */
/*#navlist1 li {font: 80%/2.3 Georgia,'Times New Roman';padding:0 0 10px 9px;} */
#navlist1 li {color:#000;margin-left:0;text-decoration:none;}
#navlist1 a {color: #000;font-weight:normal;text-decoration: none;}
#navlist1 a:hover {text-decoration:underline;color:#000;}
#navlist1 #currentpage a {font-weight:normal;color:green;}
#navlist1 #currentpage  a:hover {text-decoration:none;color:green;}


#footernav {clear:both;color:#000;background:transparent;border:none; Georgia, "Times New Roman", Times, serif;text-align:center;width:100%;margin-top:15px;border-top: thin dotted #BFBFBF;padding-top: 20px}
#footernav  strong
{font: small-caps 125% Georgia, "Times New Roman", Times, serif;color:#820F00;}

footer {clear:both;color:#fff;background:#96A274;border:none;font:90% Georgia, "Times New Roman", Times, serif;margin:0 auto;padding:10px 0;text-align:center;}
footer a:link, div#footer a:visited, div#footer a:hover {color:#FFF;margin:0;padding: 0;padding-left: 3px; padding-right: 6px; text-decoration: underline}
footer a:hover {color:#000;margin:0;padding: 0;padding-left: 3px; padding-right: 6px; text-decoration:none}

/*ul.week
{font: 125% Georgia,'Times New Roman',Times,serif; color:#4F4A4A;margin-top: 15px;font-weight:bold} */

blockquote {width: 70%;color: #804000;font-size: 90%;margin: 0 auto;}
blockquote ul {color: #804000;font-size: 95%; margin: 0 20%;}

.both {clear: both;}

p.quote {color: #804000;font-size: 100%; width: 60%;}

h6
{background:transparent;font: 150% "Times New Roman"}
h6
{text-align: left}
h6
{margin-top:10px; margin-bottom: 10px}

#intro p{margin: 0 25%;}

p {width: 90%;font:100% Georgia,'Times New Roman';line-height: 1.35;}

p.credits
{text-align: center; font: 86%/1.3 'Times New Roman',Times,serif; margin-top: 0}

p.intro
{font-family: 'Open Sans', Verdana, Helvetica, sans-serif;}

/*em {font: 90%/1.3 'Times New Roman',Times,serif;margin: 0px; font-style: italic} */


.latbin
{font: 90%/1.3 'Times New Roman',Times,serif;margin: 0px; font-style: italic}
.quote 
{font: 95%/1.3 'Times New Roman',Times,serif;margin: 0px; color: #804000;}

.open
{font-family: 'Open Sans', Verdana, Helvetica, sans-serif; width: 90%;margin: 10px 0 0 0;font-size: 90%}

#intro img {display: block; margin: 0px auto;} 

#dedication {color: #000; background: #f6f6f6; width: 170px; margin: 50px 0 0 10px;}
#dedication p {margin: 0; padding: 7px;}
#dedication a {padding-top: 10px;}



#mm
h2 {background:transparent;font: 100% "Times New Roman", Times, serif;color:black; font-weight:bold}



/* ================================ MEDIA QUERIES =============================== */
/* ========================================================== */
/* ====================== SMALL DEVICE 01 ==================== */
/* ========================================================== */
@media screen and (max-width: 320px) {
	.wrapper {width: 90%; margin: 0 auto;}
	
		/* === content box coding ==== */
	.contentBox2a, .contentBox2b, 
   .contentBox3a, .contentBox3b, .contentBox3c, 
   .contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 98%; margin: 1%; padding: 0;}
   .sidebarLeft, .sidebarRight {width: 98%; margin: 1%; padding: 0;}
   .contentRight, .contentLeft {width: 98%; margin: 1%; padding: 0;}

	/* === miscellaneous coding ==== */
	h1 {font-size: 1.9em; margin-top: 0;}
	h2 {font-size: 1.5em;}
}
/* ========================================================== */
/* ===================== SMALL DEVICE 02 ==================== */
/* ========================================================== */
@media screen and (min-width: 321px) and (max-width: 480px) {
	.wrapper{width: 95%; margin: 0 auto;}
	 blockquote.leftside, blockquote.rightside {visibility: hidden; display: none;}
	.topcontentBox2a, .topcontentBox2b  {width: 98%; margin: 1%; padding: 0;}
   .contentBox2a, .contentBox2b, 
   .contentBox3a, .contentBox3b, .contentBox3c, 
   .contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 98%; margin: 1%; padding: 0;}
   .sidebarLeft, .sidebarRight {width: 98%; margin: 1%; padding: 0;}
   .contentRight, .contentLeft {width: 98%; margin: 1%; padding: 0;}

	/* === miscellaneous coding ==== */
.img-catalog { width: 96%;}
}

/* ========================================================== */
/* ================== SMALL DEVICE 03 ================= */
/* ========================================================== */
@media screen and (min-width: 481px) and (max-width: 623px) {
	.wrapper {width: 96%; margin: 0 auto;}
	/* === content box coding ==== */
	blockquote.leftside, blockquote.rightside {visibility: hidden; display: none;}
	.contentBox2a, .contentBox2b, 
   .contentBox3a, .contentBox3b, .contentBox3c, 
   .contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 98%; margin: 1%; padding: 0;}
   .sidebarLeft, .sidebarRight {width: 98%; margin: 1%; padding: 0;}
   .contentRight, .contentLeft {width: 98%; margin: 1%; padding: 0;}
		/* === miscellaneous coding ==== */
	img {max-width: 98%;}
}

/* ========================================================== */
/* ================== MID DEVICE 01 ================= */
/* ========================================================== */
@media screen and (min-width: 624px) and (max-width: 669px) {
	.wrapper{width: 97%; margin: 0 auto;}
		/* === content box coding ==== */
	blockquote.leftside, blockquote.rightside {visibility: hidden; display: none;}
	 .contentBox2a, .contentBox2b, 
   .contentBox3a, .contentBox3b, .contentBox3c {width: 98%; margin: 1%; padding: 0;}
   .contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 48%; margin: 1%; padding: 0;}
   .sidebarLeft, .sidebarRight {width: 98%; margin: 1%; padding: 0;}
   .contentRight, .contentLeft {width: 98%; margin: 1%; padding: 0;}
		/* === miscellaneous coding ==== */

	img {max-width: 98%;}
}

/* ========================================================== */
/* ================== MID DEVICE 02 ================ */
/* ========================================================== */
@media screen and (min-width: 670px) and (max-width: 768px) {
	.wrapper {width: 97%; margin: 0 auto;}
	/* === content box coding ==== */
   blockquote.leftside, blockquote.rightside {visibility: hidden; display: none;}
  .contentBox3a, .contentBox3b, .contentBox3c {width: 98%; margin: 1%; padding: 0;}
   .contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 48%; margin: 1%; padding: 0;}
   .sidebarLeft, .sidebarRight {width: 98%; margin: 1%; padding: 0;}
   .contentRight, .contentLeft {width: 98%; margin: 1%; padding: 0;}
	/* === miscellaneous coding ==== */

}

/* ========================================================== */
/* ================== MID DEVICE 03 ================= */
/* ========================================================== */
@media screen and (min-width: 769px) and (max-width: 800px) {
	.wrapper {width: 97%; margin: 0 auto;}
	/* === content box coding ==== */
	blockquote.leftside, blockquote.rightside {visibility: hidden; display: none;}
	.contentBox3a, .contentBox3b, .contentBox3c {width: 98%; margin: 1%; padding: 0;}
   .contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 48%; margin: 1%; padding: 0;}
   .sidebarLeft, .sidebarRight {width: 98%; margin: 1%; padding: 0;}
   .contentRight, .contentLeft {width: 98%; margin: 1%; padding: 0;}

}

/* ========================================================== */
/* ================== LG DEVICE 01 ================= */
/* ========================================================== */
@media screen and (min-width: 801px) and (max-width: 1024px) {
  .wrapper {width: 98%;	margin: 0 auto;}
}
/* ========================================================== */
/* ================== LG DEVICE 02 ================= */
/* ========================================================== */
@media screen and (min-width: 1025px) and (max-width: 1199px) {
	.wrapper {width: 98%; margin: 0 auto;}
	
}