body {
	background: url(../images/drock078f.png);
	}
.editionTitle {text-align:center; font-size:30.0pt; font-family:"mistral";color:#285057}
.editionLabel {text-align:center; font-size:16.0pt; font-family:"mistral";color:#285057}
.PName1 {text-align:center; font-size:18.0pt; font-family:"brush script MT";color:#97A4AA}
.quote { text-align:center; font-size:18.0pt;font-family:"brush script MT";color:#41AF54}
.quoter {text-align:center; font-size:18.0pt;font-family:"brush script MT";color:#1E5128}

  .cpSeasons {
    margin-top: 20px;
    color: #EAF7EF;
    width: 700px;
    border: 5px solid #BABABA;
    background-color: #0D1C1A;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 150px;
    margin-left: 20px;
    margin-bottom: 100em;
	font-size:12.0pt;
	font-family:"MS sans serif";
    -o-border-radius: 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 3px 7px #adadad;
    border-radius: 10px;
    -moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
 .cpBorders {
    margin-top: 20px;
    color: #EAF7EF;
    width: 700px;
    border: 5px solid #BABABA;
    background-color: #090E13;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 150px;
    margin-left: 20px;
    margin-bottom: 100em;
	font-size:12.0pt;
	font-family:"MS sans serif";
    -o-border-radius: 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 3px 7px #adadad;
    border-radius: 10px;
    -moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }

 .cpPerennials {
    margin-top: 20px;
    color: #EAF7EF;
    width: 700px;
    border: 5px solid #BABABA;
    background-color: #12070B ;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 150px;
    margin-left: 20px;
    margin-bottom: 100em;
	font-size:12.0pt;
	font-family:"MS sans serif";
    -o-border-radius: 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 3px 7px #adadad;
    border-radius: 10px;
    -moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
.cpMaples {
    margin-top: 20px;
    color: #EAF7EF;
    width: 700px;
    border: 5px solid #BABABA;
    background-color: #150F1A ;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 150px;
    margin-left: 20px;
    margin-bottom: 100em;
	font-size:12.0pt;
	font-family:"MS sans serif";
    -o-border-radius: 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 3px 7px #adadad;
    border-radius: 10px;
    -moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
.cpConifers {
    margin-top: 20px;
    color: #EAF7EF;
    width: 700px;
    border: 5px solid #BABABA;
    background-color: #0D130D ;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 150px;
    margin-left: 20px;
    margin-bottom: 100em;
	font-size:12.0pt;
	font-family:"MS sans serif";
    -o-border-radius: 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 3px 7px #adadad;
    border-radius: 10px;
    -moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
.cpTrees {
    margin-top: 20px;
    color: #EAF7EF;
    width: 700px;
    border: 5px solid #BABABA;
    background-color: #12070B ;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 150px;
    margin-left: 20px;
    margin-bottom: 100em;
	font-size:12.0pt;
	font-family:"MS sans serif";
    -o-border-radius: 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 3px 7px #adadad;
    border-radius: 10px;
    -moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }

.cpSanctuaries {
    margin-top: 20px;
    color: #EAF7EF;
    width: 700px;
    border: 5px solid #BABABA;
    background-color: #12070B ;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 150px;
    margin-left: 20px;
    margin-bottom: 100em;
	font-size:12.0pt;
	font-family:"MS sans serif";
    -o-border-radius: 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 3px 7px #adadad;
    border-radius: 10px;
    -moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
.cpCottage {
    margin-top: 20px;
    color: #EAF7EF;
    width: 700px;
    border: 5px solid #BABABA;
    background-color: #17090E ;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 150px;
    margin-left: 20px;
    margin-bottom: 100em;
	font-size:12.0pt;
	font-family:"MS sans serif";
    -o-border-radius: 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 3px 7px #adadad;
    border-radius: 10px;
    -moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }

div.Logo 
	{border-width: 0px;
	 height: 80px;
	 width: 800px;
 	 position: absolute;
	 top: 50px;
	 left: 100px;
	 }
div.View 
	{color: #C4D9DB;
	 height: 430px;
	 width: 700px;
 	 position: absolute;
	 top: 200px;
	 left: 260px;
	 padding:10px;
	margin-top: 10px;
	margin-left: 10px;
	 }
div.Cover 
	{color: #C4D9DB;
	 border-color: #4E5C38;
	 border-width: 3px;
	 border-style: solid;
	 height: 430px;
	 width: 600px;
 	 position: absolute;
	 top: 150px;
	 left: 340px;
	 padding:10px;
	margin-top: 10px;
	margin-left: 10px;
	 }
div.CoverSay 
	{color: #C4D9DB;
	 border-color: #4E5C38;
	 border-width: 3px;
	 border-style: solid;
	 width: 350px;
 	 position: absolute;
	 top: 150px;
	 left: 270px;
	 padding:10px;
	margin-top: 10px;
	margin-left: 10px;
	 }
div.CoverFrame 
	{background: #827D77;
	 color: #C4D9DB;
	 border-color: #4E5C38;
	 border-width: 3px;
	 border-style: solid;
	 height: 545px;
	 width: 715px;
 	 position: absolute;
	 top: 150px;
	 left: 280px;
	 padding:10px;
	margin-top: 10px;
	margin-left: 10px;
	 }
div.CoverPic 
	{background: #020506;
	 color: #C4D9DB;
     border-width: 0px;
	 border-style: inset;
	 height: 400px;
	 width: 1000px;
 	 position: absolute;
	 top: 610px;
	 left: 200px;
}
div.MainCoverPic 
	{background: #020506;
	 color: #C4D9DB;
     border-width: 0px;
	 border-style: inset;
	 height: 400px;
	 width: 1000px;
 	 position: absolute;
	 top: 150px;
	 left: 200px;
}
div.MainCoverPan {
 	position: absolute;
	top: 150px;
	left: 900px;
	background: #0D111C;
    color: #0D254F;
	padding: 5px;
	width: 210px;
	height: 600px;
	margin-top: 10px;
	margin-left: 10px;
}
div.CoverPicIn 
	{background: #020506;
	 color: #C4D9DB;
	 flost right
}
div.CoverPan {
 	position: absolute;
	top: 150px;
	left: 20px;
	color: #0D254F;
	padding: 5px;
	width: 210px;
	height: 600px;
	margin-top: 10px;
	margin-left: 10px;
}
div.HeadingLabel {
	background: #141C23;
	padding: 5px;
	width: 200px;
	height: 60px;
	margin-top: 5px;
	margin-left: 5px;
}
div.EditionButton {
	 background: #0B1111;
	 color: #9EC7C5;
	 padding: 2px;
	 font-family: sans-serif;
	 font-size: 10pt;
	 text-align: center;
	 width: 200px;
	 float: top;
	 margin-top: 10px;
}
div.CoverButton {
	 background: #362D2C;
	 color: #9EC7C5;
	 padding: 5px;
	 font-family: sans-serif;
	 font-size: 10pt;
	 text-align: left;
	 width: 150px;
	 float: top;
	 margin-top: 3px;
	 margin-bottom: 3px;
	 margin-left: 20px;
}
div.SidePan {
 	position: absolute;
	top: 260px;
	left: 1050px;
	background: #0B0606;
    color: #0D254F;
	width: 200px;
	height: 480px;
	padding:2px;
	margin-top: 2px;
	margin-left: 2px;
}
div.SideButton 
	{border-left: 1px solid #607CA8;
	 border-top: 1px solid #607CA8;
	 border-right: 1px solid #262B4F;
	 border-bottom: 1px solid #262B4F;
	 background: #596A84;
	 color: #0F1157;
	 padding: 2px;
	 font-family: sans-serif;
	 font-size: 7pt;
	 text-align: center;
	 width: 72px;
	 float: left;
	 margin-top: 0px;
	 margin-left: 0px;
	 }
div.SideButton A: {
	font-size: 9px;
	line-height: 16px;
	margin-top: 5px;
	margin-bottom: 5px; 
 }
div.SideButton A:hover { color: inherit; text-decoration: none; cursor : default}
div.SideButton A:active { color: inherit; text-decoration: none; }

div.SideThumb {
	 background: #0B1117;
	 color: #9EC7C5;
	 padding: 1px;
	 font-family: sans-serif;
	 font-size: 1pt;
	 text-align: center;
	 float: top;
}

div.BottomPan {
	position: absolute;
	top: 0px;
	left:0px;
	background: #0B1117;
    color: #9FBABB;
	border-color: #0B1117;
	border-width: 20px;
	border-style: solid;
	width: 720px;
	height: 100px;
	padding:1px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
}
div.MiscPan {
 	position: absolute;
	top: 140px;
	left: 30px;
	background: #0B0606;
    color: #0D254F;
	width: 720px;
	height: 30px;
	padding:5px;
	margin-top: 5px;
	margin-left: 5px;
}
div.TopMenuButton 
	{background: #353331;
	 color: #717E97;
	 padding: 3px;
	 font-family: sans-serif;
	 font-size: 10pt;
	 text-align: center;
	 width: 10em;
	 float: left;
	 margin-top: 3px;
	 margin-left: 20px;
	 }

div.TopMenuButton A { color: #DFE7FF; text-decoration: none; }
div.TopMenuButton A:link { color: inherit; text-decoration: none; }
div.TopMenuButton A:hover { color: inherit; text-decoration: none; }
div.TopMenuButton A:active { color: inherit; text-decoration: none; }

div.DesignPan 
	{background: #020506;
	 color: #C4D9DB;
	 border-color: #4E5C38;
	 border-width: 3px;
	 border-style: solid;
	 width: 500px;
	 top: 60px;
	 padding:20px;
	margin-top: 10px;
	margin-left: 20px;
	 }
div.DesignPage 
	{background: #020506;
	 color: #C4D9DB;
	 border-color: #4E5C38;
	 border-width: 3px;
	 border-style: solid;
	 height: 660px;
	 width: 630px;
 	 position: absolute;
	 top: 740px;
	 float: top;
	 left: 140px;
	 padding:10px;
	margin-top: 10px;
	margin-left: 10px;
	 }
div.DesignPage1 
	{background: #020506;
	 color: #C4D9DB;
	 border-color: #4E5C38;
	 border-width: 3px;
	 border-style: solid;
	 height: 660px;
	 width: 630px;
 	 position: absolute;
	 top: 1440px;
	 float: top;
	 left: 140px;
	 padding:10px;
	margin-top: 10px;
	margin-left: 10px;
	 }
a {
	text-decoration: none;
	color:  #9EC7C5;
	outline: none;
	}
a:visited {
	color:  #A7B0B6;
	}
a:active {
	color:  #A7B0B6;
	}
a:hover {
    cursor: pointer;
	color: #EAEDA7;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
img.small {
    border: 0;
	width: 75;
	height: 50;
}
p {
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
    font-family:"brush script MT";
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
.ten {
	color: #ccc;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
#left {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 20px;
	padding: 10px;
	border: 5px solid #ccc;
	background: #666;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}
html>body #left {
	width: 120px; /* ie5win fudge ends */
	}
#middle {
	margin: 0px 190px 20px 190px; /* n6.01win n6mac won't recognize top margin for middle box, so it goes in body */
	padding: 10px;
	border: 5px solid #ccc;
	background: #666;
	}
#right {
	position: absolute;
	top: 0px;
	right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 20px;
	padding: 10px;
	border: 5px solid #ccc;
	background: #666;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}
html>body #right {
	width: 120px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}