body, html {
	margin: 0;
	padding: 0;
	font-family: arial, verdana, sans-serif;
}

.container {
	display: table;
	margin:auto;
	background-image: url(../images/mastbkgrdpaths2.png); /* thanks to BrokenSphere / Wikimedia Commons for https://commons.wikimedia.org/wiki/File:Stone_Forest_pathway_02.JPG */
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center top;	}
.content { display: table-row; height: 100%; }
.content-body { display: table-cell; }

.container { width: 1075px; height: 100%; }
.header { padding: 17rem 0 0 0; text-align:center;
	border-style: solid;
    border-bottom-width: 2px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color:#aaaaaa;
}
.footer { padding: 10px 10px 5px 10px; margin: 0; text-align:center; background-color: #cccccc;
	border-style: solid;
    border-bottom-width: 10px;
    border-top-width: 2px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color:#aaaaaa;
    border-radius:0 0 1rem 1rem;
}
.content-body { height:100%; padding: 15px; background: #e7e7e7; border: 1rem solid #dddddd; }
.main { display: table; margin:0; height:95%; width:97%; padding: 13px; background: #888888; border: .2rem solid #777777; }
.main1 { display: table-row; height: 99%; padding: 3px;background: #888888; border: 0 solid #777777; }
.main2 { display: table-cell; padding: 12px 45px; height: 98%; background: white; border: .2rem solid #bbbbbb;border-radius:4rem;
  background: -webkit-linear-gradient(white, #cccccc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #cccccc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #cccccc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #cccccc); /* Standard syntax */
  background-image: url(../images/pathway1367.jpg);
	background-size: 100% 100%;
    background-attachment: fixed;}
.main2 p { font-size:1.05rem;text-align:justify;}
.main3holder {
	display: table-cell;
	float: left;
	margin: 0;
	padding: 0;
	width:550px;
}
.main3 {
	display: block;
	float: left;
	margin:40px 20px 0 0;
	padding: 20px;
	width:500px;
	background-color:rgba(255,255,255,0.75);
	border: 3px white solid;
	border-radius: 1rem;
}
.main4 {
	display: table-cell;
	float:right;
	width:290px;
	font-size:.8rem;
	margin:55px 0 0 0;
}
.main4 p { font-size:.9rem;text-align:justify;}
.main5 {
	display: block;
	padding: 20px;
	width:840px;
	font-size:1rem;
	margin:40px 0 0 0;
	background-color:rgba(255,255,255,0.75);
	border: 3px white solid;
	border-radius: 1rem;
}
.main5 p { font-size:1rem;text-align:justify;}
a { font-family: arial, verdana, sans-serif; color: #FFECA2; }
.footer p { padding: 0; margin:.2rem 0 0 0; font-size:.6rem;}

.header a {
	font-size:1.7rem;
	padding: .1rem 1rem .1rem 1rem;
	margin: .5rem 0 0 0;
	border-radius: .5rem;
	background-color: #444444;
}
.header a:hover { color: #ffe271; background-color: #222222; }
.header .current { color: #ffe271; background-color: #111111;	}
.main3 a {
	font-size: 1rem;
	padding: .1rem .3rem .1rem .3rem;
	border-radius: .1rem;
	background-color: #777777;
}
.main3 a:hover { color: #ffe271;	background-color: #666666; }
.main5 a {
	font-size: 1rem;
	padding: .1rem .3rem .1rem .3rem;
	border-radius: .1rem;
	background-color: #777777;
}
.main5 a:hover { color: #ffe271;	background-color: #666666; }
.footer a {
	font-size: .8rem;
	padding: .1rem .3rem .1rem .3rem;
	border-radius: .1rem;
	background-color: #777777;
}
.footer a:hover { color: #ffe271;	background-color: #666666; }
.footer .current { color: #ffe271; background-color: #666666;	}
table {
	border: 2px solid #ffcc00;
	background-color: rgba(255,236,162,0.65);
	border-radius:.5rem;
}
td {
	padding:.5rem;
	vertical-align: top;
	font-size:.8rem;
}
.cd {
	background: rgba(100,100,100,0.2);
}
/* Media Queries */
@media all and (max-width: 1075px) {
	  .container {
	width: 95%;
	height: auto;
	background-image: url(../images/mastbkgrdpaths2.png), linear-gradient(0deg, white, #cccccc 80%);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	}
	  .main { min-width: 605px;}
	  .main2 {
 	background-image: url(../images/pathway1367.jpg);
	background-size: cover;
	background-position: center;
    background-attachment: fixed;
    padding: 12px 24px;
    width: 60%;
	}
	  .main3holder { width: 63%; height: auto;}
	  .main3 { width: 85%; height: auto;}
	  .main4 { width: 35%; height: auto;}
}

@media all and (max-width: 520px) {

}

@media all and (max-width: 440px) {

}