/* Treasured Wood Style Sheet */
/* Copyright 2007-2012 All Rights Reserved */
/* Tom Pleatman, Media, PA  19063 USA */

/* body */
body { background-color: white; background-image: url('images/nabkgnd.jpg');}
/* default fonts */
h1 {font-size: 200%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 }
h2 {font-size: 150%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: bold; text-align: center; margin-top: 0; margin-bottom: 0 }
h3 {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 }
h4 {font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 }
h1.right{text-align:right}
h1.left{text-align:left}
p {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 }
p.tbl_hdr {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: bold; text-align: left; margin-top: 0; margin-bottom: 0 }
p.ctr {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 }
p.rt {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: right; margin-top: 0; margin-bottom: 0 }
p.med {font-size: .85em; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 }
p.med_ctr {font-size: .85em; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 }
p.red{color: red}
p.red_med_ctr {font-size: .85em; font-family: Verdana, Arial, Helvetica, sans-serif; color: red; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 }
p.med_rt {font-size: 85%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: right; margin-top: 0; margin-bottom: 0 }
p.sm_ctr {font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 }
p.maroon {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;color:maroon;}
a.maroon:link {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;color:maroon; text-decoration:none; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0}
a.maroon:visited {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;color:maroon;text-decoration:none;font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0}
a.maroon:hover {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;color:red;text-decoration:none;font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0}
a.maroon:active {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;color:red;text-decoration:none;font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0}
p.red-ctr {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: red; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 }
p.gray_sm {font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; color: gray; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 }
p.gray_sm_ctr {font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; color: gray; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 }
p.gray_sm_rt {font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; color: gray; font-weight: normal; text-align: right; margin-top: 0; margin-bottom: 0 }
span.gray_sm_ctr {font-size: .7em; font-family: Verdana, Arial, Helvetica, sans-serif; color: gray; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 }
span.gray_sm {font-size: .7em; font-family: Verdana, Arial, Helvetica, sans-serif; color: gray; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 }
p.img_text {font-size: 85%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 }
p.img_text_red {font-size: 85%; font-family: Verdana, Arial, Helvetica, sans-serif; color: red; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 }
img{border:0px}
img.ctr{display:block; margin-left:auto; margin-right:auto; text-align:center;}
table.ctr{margin-left:auto; margin-right:auto; text-align:center;}
table{width:100%}
td.pix{	width:50%; vertical-align:bottom; text-align:center}
td.pix1{width:100%; vertical-align:bottom; text-align:center}
td.pix3{width:33%;  vertical-align:top; text-align:center}
td.pix4{width:205px;  vertical-align:top; text-align:center}
td.ctr_pics{text-align:center;}
td.ctr{text-align:center}
td.right{text-align:right}
td.left{text-align:left}
td.trees{width:275px;font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 }
td.trees2{font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-style:italic; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 }
td.bowldata{border: 1px teal solid; padding:2px }
th.bowldata{border: 1px teal solid; padding:2px }
td.treelist{border: 1px teal solid; padding:2px; width: 30% }
table.bowldata{ border-collapse:collapse; }
table.reportselect{ border: 1px teal solid; border-collapse:collapse; }
table.nav{ padding:4px; background-color: #CCFFCC}
td.nav{	width:14%; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: bold; text-align: center; margin-top: 0; margin-bottom: 0; font-size:80%}
/* inputs*/
input{background-color:#F5F6CE;}
select{background-color:#F5F6CE;}
div.photo { position: absolute; width: 500px; height: 375px; text-align: center; margin: 0 auto}
div.photo2 {text-align: center; margin: 0 auto; position: absolute; width: 500px; height: 375px;}
label.filters{font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 }
/* tables */
/* td {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 } */
td.side_nav{ background-image: url('images/buttons/btn_template.gif'); background-repeat: repeat; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 }
.floatright {float: right; width: 310px; }
/* for menu*/ /* ************ light color = FFFFC0  dark color = 05361C lighter shadse of dark=085F31 ********************** */
.menu { /*main characteristics of the text*/
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	margin: 10px auto; /*100px auto;*/
	text-align: center;
}
.menu ul {
	background: #efefef; /* this is the background color for the main navigation bar - needs contrast, so use light with dark text or dark with light text*/ 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 2px; /* 0 14px;*/
	border-radius: 10px;
	list-style: none;
	position: relative;
	margin: 0 auto; 
	text-align: center;
	display:inline-table;
}
.menu ul li:hover > ul {
	display: block;
}
.menu ul:after {
	content: "";
	clear: both;
	display: block;
}
.menu ul li {
	margin: 0 auto; 
	text-align: center;
	float: left;
}
.menu ul li:hover {
	background: #05361C; /*this is the highlighted hover color of the main navigation bar*/
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
.menu ul li:hover a {
	color: #FFFFC0; /*this is the text color of the highlighted main entry and all sub entries*/
}
.menu ul li a {
	display: block;
	padding: 10px 15px; /*25px 40px;*/
	color: #05361C;	/*this is the color of the text in the main navigation bar*/	/*#757575;*/
	text-decoration: none;
}