a {color:black;}

a:visited {color:black;}

a:hover {color:#53586e;}

html {
    width:100%;
    max-width:1250px; 
    margin:0px auto; 
    background-color:#C7d0dd; 
    margin-top:0px; 
    padding-top:0px; 
    overflow-Y: scroll;}

body {
    font-family: Arial, Helvetica, sans-serif; 
    margin:0px auto; 
    border-left:1px solid black; 
    border-right:1px solid black;
    background-color:white;
    min-width:1260px;}

    .ernestobox {float:right; width:300px; background-color:gainsboro; border:1px solid black; margin-left: 5px; 
        page-break-inside:avoid;}
    .ernestobox1 {text-align: center; font-weight: bold; background-color:#192b56; color: white; padding: 1px}
    .ernestobox2 {font-size: 90%; padding: 8px; }
    .ernestobox2 div {margin-bottom:6px;}

figure {float:right;}
figure img {border:1px solid black; margin:0px;}
figcaption {text-align:center; font-size:90%; font-style:italic;}


h1 {font-family: Arial, Helvetica, sans-serif; margin-top:8px; outline: 0; font-size:150%;  color:#000;
    letter-spacing: -0.03em; border-bottom: 2px solid #CCAB38; padding:5px; width: 100%; margin-bottom: 20px; }
h2{  font-size:130%;  font-weight:bold;  color:#19305A; font-family: Arial, Helvetica, sans-serif; }
h3 { color: #00461c;font-size: 120%; font-style: italic;font-weight: bold;}


.bannerimg {
    width:100%;
    max-width:1050px;}

.centernote {font-style:oblique;text-align:center; font-size:85%;}

/*this is for editing, th's go on the left column*/		
.edittable {width:100%;border-collapse: collapse;}	
.edittable input {width:80%;}
.edittable td {padding:4px;vertical-align:text-top;}
.edittable th {font-weight:bold;text-align:right;width:25%;vertical-align:text-top;padding:4px;}
.edittable tr {vertical-align: top;}
.extranotes {font-style:oblique;}
.extranotesindent {padding-left:40px;}

.fgrselections {background-color:pink; color:red;}
.figureleft {display: block; float:left; margin-top: 1em; margin-bottom: 1em; padding-right:20px;}
.figureleft img {border:1px solid black; margin:0px;}
.figureright { display: block; margin-top: 1em; margin-bottom: 1em;  margin-right: 40px; float:right; padding-left:20px; }
.figureright img {border:1px solid black; margin:0px;}
.footer { background-color:#ccc;border-top:2px solid black; border-bottom:2px solid black; text-align:center; margin-bottom:10px; font-size:70%; padding:5px;}
.footprint {display:none;}
.fpslogo{float:right;}
.fpstitle{font-size:150%; font-weight:bold; float:right; padding-right:10px;}
.frontpagenews a:hover {color:black;}

li.fgrmenu1 {background-color:#b3b3b3 !important;}
li.fgrmenu2 {background-color:gainsboro !important;}
li.fgrmenu1:hover {background-color:#f2f2f2 !important;}
li.fgrmenu2:hover {background-color:#f2f2f2 !important;}

li.fgrmenudark {background-color:#002855 !important}
li.fgrmenudark:hover {background-color:#0053b3 !important}

.grapeextra {border:2px solid #00214d; background-color:gainsboro; float:right; width:300px; margin:0px 0px 8px 10px;}
.grapeextra a {text-decoration:none;}
.grapeextra div {padding:10px;}
.grapeextra span {background-color:#00214d; width:100%; color:white; font-weight:bold; display:block; text-align:center; margin-top:-1px;}
.grapeextra li {margin-bottom:8px;}
.grapeextra ul {margin-top:0px;}

.h2outdent{margin-left:-15px;}

.letter {font-size: 150%;font-weight: bold;width: 50px;height: 40px;color: #000;text-align:center;vertical-align:middle;
background-color: #abec9e;padding: 20px 10px 10px 10px;margin-top: 5px;margin-bottom: 5px;}
.listtable {width:100%;}
.listtable th {text-align:left;}

.redhelpbar {
	padding:6px 0px;
	background-color:tomato;
	cursor:pointer;
	font-weight:bold;
	line-height:22px;
	text-align:center;
	margin-top:6px;
	margin-bottom:6px;
text-decoration:none;}

.greenhelpbar {
	padding:6px 0px;
	background-color:#93DA16;
	cursor:pointer;
	font-weight:bold;
	line-height:22px;
	text-align:center;
	margin-top:6px;
	margin-bottom:6px;}

	.bluehelpbar {
		padding:6px 0px;
		background-color:#169fda;
		cursor:pointer;
		font-weight:bold;
		line-height:22px;
		text-align:center;
		margin-top:6px;
		margin-bottom:6px;
		max-width:400px;
		
		}


		.greyhelpbar {
			padding:6px 0px;
			background-color:gainsboro;
			cursor:pointer;
			font-weight:bold;
			line-height:22px;
			text-align:center;
			margin-top:6px;
			margin-bottom:6px;
			max-width:400px;
			
			}

a .bluehelpbar {text-decoration:none; display:inline-block; width:100%;}
.bluehelpbar:hover {color:white;}

a .redhelpbar {text-decoration:none; display:inline-block; width:100%;}
.redhelpbar:hover {color:white;}

a .greenhelpbar {text-decoration:none; display:inline-block; width:100%;}
.greenhelpbar:hover {color:white;}




/*this is used whenever we have a list- th's go on top of the list*/
.listtable2 {
	padding:5px;
	border-spacing:1px;
	width:100%;
	font-size:88%;
	}
		
.listtable2 th {
	background-color:#97D6EC;
	border-bottom:#bfbfbf solid 2px;
	border-top: #bfbfbf solid 1px;
	padding:5px;
	}


.listtable2 tr {
background-color: #e3ecf6;
text-align:center;

}

.listtable2 td {padding-top:3px; padding-bottom:3px;}




.maincontainer{padding:0px 0px 20px 40px;}


.maincontainerleft{float:left; width:78%;}
.maincontainerright {width:20%; float:right;}
.newmenu span {display:inline;  padding-left:10px; padding-right:10px; padding-top:8px;  padding-bottom:7px;  cursor:pointer; background-color:rgba(0,40,85,1);
    /*border-right:1px solid white;*/}
.newmenu span:hover {display:inline; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:7px; cursor:pointer;
    background-color:rgba(0,40,85,1);  /*border-right:1px solid white;*/  background-color:rgba(201,151,0,.8);}



.printonly {display:none;}


.menuwrap {background-color:rgba(0,40,85,1);border-bottom:2px solid rgba(201,151,0,1);}
.newmenu {font-size:90%; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;margin:0px auto; margin-left:30px;
    padding-top:8px;padding-bottom:7px;color:white;}
.newmenu a {text-decoration:none; color:white; }

.newscaption {text-align:center; font-size:80%; font-style:italic;}
.ngrtop {color:red;}
.NGRkeyletter {font-weight:bold; font-family:tangerine; font-size:300%;}
.NGRsubtitles {font-size: 130%; color: #512633; border: 1px solid #512633; padding: 10px; margin-top: 5px; margin-bottom: 5px;
background-color:#ccebc5;}
.NGRtopletters {background-color:#b4cbba; padding:4px 8px; font-weight:bold; margin-left:4px; text-decoration:none;}
.NGRtopletters:hover {background-color:#496952; padding:4px 8px; font-weight:bold; color:white;}
.noprint {}


.piccap {text-align:center; font-size:80%; font-style:italic; margin-bottom:8px;}
.profilepic{padding:3px; border:1px solid black;}

/* this is used whenever there is a list, it highlights the entire row, which is usually totally clickable*/	
.row {}
.row:hover {background-color:#e6f1ff; cursor:pointer;}
.rowheaderfgr {background-color:#002855; font-weight:bold; color:white; margin-top:10px;}

.sendbutton {border:2px solid rgba(201,151,0,.8); background-color:rgba(201,151,0,.2); color:black; padding:5px; width:150px; cursor:pointer; font-weight:bold;}
.sendbutton:hover {border:2px solid #002855;}


.centerimg{max-width: 100%;border:1px solid black;}
.rightimg {float:right; margin-left:10px; border:1px solid black; }
.leftimg {float:left; margin-right:10px; border:1px solid black; }
.sideboxmain {border-bottom:2px solid rgba(201,151,0,.5); margin-top:6px;  margin-left:-1px; cursor:pointer;}

.sidemenu {margin:0px -1px 0px 0px; padding:0; list-style-type:none;  margin-top:-1px; font-size:80%; margin-left:-1px; }
.sidemenu a {text-decoration:none;}
.sidemenu a:hover {color:black; background-color:rgba(0,40,85,.4);}
.sidemenu li {background-color:rgba(201,151,0,.5); padding-left:14px; line-height:200%; border-bottom:2px solid rgba(201,151,0,.8); cursor:pointer;}
.sidemenu li:hover {background-color:rgba(201,151,0,.2);}
.sidemenuheader {background-color:#c99700 !important; color:white; font-weight:bold; cursor:default; }
.sidemenupurple {background-color:#cda5bf; padding-left:14px; line-height:200%; border-bottom:2px solid rgba(201,151,0,.8); cursor:pointer;}
.sidemenupurple:hover {background-color:#518841;}
.dropbtn {display:none;}






.smallertext {font-size:80%;}
.staffbio{margin-left:15px; width:70%; margin-top:10px;}
.staffindividualtext{padding-left:15px; padding-bottom:15px;}
.standardtable td {padding:4px;}
.storylink {margin-top:15px; font-weight:bold; font-style:italic; font-size:80%;}
.storybyline {margin-left:20px; font-size:80%; margin-top:8px; margin-bottom:8px;}
.spottable { width:100%; border-spacing:0px; padding-right:30px;}
.spottable th {background-color: #335379;padding: 5px; color: #fff; text-align:left;}        
.spottable td {/*border:1px solid black;*/}
.spottable2 {width:90%; border-spacing:0px; }
.spottable2 td {}
.spottable2 th {background-color: #335379; padding: 5px; color: #fff; text-align:left;}

.terms1 {font-weight:bold; font-size:70%; margin-bottom:2px;}
.terms2 {font-size:70%; padding-left:40px; width:90%;}
.tighttable tr {line-height:120%;}  
.titlebar {background-color: #E5D7AA; padding: 5px; width: 90%; margin-bottom:10px;margin-top:10px;}
.title {}
.tophead {background-color: green; color:white; padding-bottom:10px; padding-left:10px; padding-top:10px;}
.tophead2 {width:100%; max-width:1249px; margin-bottom:0px; z-index:-1; padding-right:5px;}
.tophighlight {background-color:pink; color:blue;}
.treedetailtable {width:100%;}
.treedetailtable td {vertical-align:top;}
.treedetailtable th {text-align:right; vertical-align:top; width:25%;}
.treelisttable {width:100%;}
.treelisttable th {text-align:left;}
.treelisttable tr:hover {background-color:#D0CA99; }
.treelisttable tr:nth-child(odd) {background-color: #E7E0BC;}
.treerow {}


.prunusphotos { width:400px;  margin:0px auto;}

.prunusphotos img {width:400px;}

.warningtext {text-align:center;border:2px solid crimson;font-size:110%;font-weight:bold;padding:10px;}

#funky {background-color:rgba(201,151,0,.2);}

.newshead {font-weight:bold; font-size:120%; margin-top:10px; margin-bottom:10px;}
.newshead a {text-decoration:none; color:black;}
.newsbyline {padding-left:15px; font-size:80%; margin-bottom:15px;}
.newsteaser {padding-left:15px; font-size:92%;}

.visuallyhidden { 
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}

.pagebreaker  
      {
        page-break-after: always;
        page-break-inside: avoid; 
      }

      .indentedtext {margin-left:15px; margin-top:-15px; text-decoration:none; border-bottom:0px solid black;}
      .indentedtext a {text-decoration:none;}


.varietyfocusspeakers {padding-left:20px; font-style:italic; margin-top:5px; }
.varietyfocusintro {padding-left:20px; margin-top:8px;}
.varietyfocusheader {font-weight:bold; font-size:120%;border-bottom:1px solid black; margin-top:15px; clear:right;}
.varietyfocuslink {padding-left:30px; margin-top:10px; font-weight:bold; font-style:italic; font-size:110%;}
.varietyfocusbutton {float:right; font-weight:bold; font-size:115%; margin-bottom:-10px; 
    width:200px; border:2px solid #CCAB38; padding-left:8px; padding-right:8px; background-color:#f2f2f2;}
.varietyfocusbutton:hover {background-color:rgba(201,151,0,.2);}
.varietyfocusbutton:after {clear:right;}


.table-sw {
    border: 1px solid black;
  }

#price-box {
	float: right;border: solid 1px black; padding: 1rem; margin-left: 1rem; margin-bottom: 1rem; font-weight: bold;
}
#price-box ul.no-bullets {
	list-style-type: none; /* Remove bullets */
	padding-left: 1rem;
	margin-top: 5px;
	margin-bottom: 5px;
}
#price-box .dotted-line {
	position: relative;
	padding-right: 4rem;       
}
#price-box .dotted-line:before {
	content: '';
	position: absolute;
	bottom: .2rem;
	width: 100%;
	height: 0;
	line-height: 0;
	border-bottom: 2px dotted #666;
}
#price-box .dotted-line > span:first-child {
	background-color: white;
	display: inline;
	z-index: 1;
	padding-right: .2rem;
	position: relative;
}
#price-box .dotted-line > span:last-child {
	background-color: white;
	position: absolute;
	bottom: 0;
	right: 0;
	padding-left: .2rem;
	text-align: right;
	z-index: 2;
}