@charset "utf-8";
/* CSS Document */
ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;}
/* next section drop down menu description */
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;padding:0 7px 7px;background-color:#ffffff;border-color:#ffffff; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li:hover{
	position:relative;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;}
/* main buttons font size and style */
ul#css3menu1 li{
	display:block;white-space:nowrap;font-size:22px;float:left;font-family: 'Noto Serif SC', serif;}
ul#css3menu1>li,ul#css3menu1 li{
	margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a,ul#css3menu1 a.pressed{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;cursor:pointer; }
	/* next section 5 is sp between lines of dropdown */
ul#css3menu1 ul li{
	float:none;margin:5px 0 0;}
	/* next section 2 is padding between lines of dropdown 15 is font size of drowpdown txt and dropdown text font*/
ul#css3menu1 ul a{
	text-align:left;padding:2px;background-color:#ffffff;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font-size:15px;color:#000000;text-decoration:none; font-family: 'Noto Serif SC', serif;}
	/* next section main buttons no text */
ul#css3menu1 li:hover>a{
	background-position:0 10px;}
	/* next section main buttons 1px right margin */
ul#css3menu1 img{
	border:none;vertical-align:middle;margin-right:1px;}
ul#css3menu1 img.over{
	display:none;}
ul#css3menu1 li:hover > a img.def{
	display:none;}
ul#css3menu1 li:hover > a img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.def{
	display:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
	/* next section main buttons padding is 1px around button and border is gray cococo*/
ul#css3menu1 a{
	padding:1px;background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;color:#ffffff;text-decoration:none;text-shadow:#FFF 0 0 1px;}
	/* next section main buttons line to left color line on hover and press is black */
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
	background-position:0 100px;border-style:solid;border-color:#000000;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;}
	/* next section drop down */
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{
	background-color:#ffffff;background-image:none;font:15px ;color:#004040;text-decoration:none}
ul#css3menu1 li.topfirst>a{
	border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#css3menu1 li.toplast>a{
	border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
	
body {
	font-family: century gothic, verdana, Arial, Helvetica, sans-serif; 
	font-size:16px;
	background-color:#FFF;
	margin: 0;
	padding: 0;
	color: #000;
}


p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
	color:#000
}

h1 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
	color:#066;
	margin-bottom:2px;
	font-family: 'Noto Serif SC', serif;
}

h2 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
	color:#066;
	margin-bottom:2px;
	font-family: 'Noto Serif SC', serif;
}
h3 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
	color:#066;
	margin-bottom:2px;
	font-family: 'Noto Serif SC', serif;
}


a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
img { /* this selector adds a bit of space before and after image */
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color:#5f4d3d; font-family: century gothic, verdana, Arial, Helvetica,  sans-serif;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color:#5f4d3d;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
.linktxt:link {color:#5f4d3d; font-family: century gothic, verdana, Arial, Helvetica,  sans-serif; }
.linktxt:visited {color: #5f4d3d;
	text-decoration: underline;}
.linktxt:hover {color:#5f4d3d; font-weight: bold; font-family: century gothic, verdana, Arial, Helvetica, sans-serif; }
.linktxt:active {color:#5f4d3d; font-weight: bold; font-family: century gothic, verdana, Arial, Helvetica, sans-serif; }

.whererulinktxt:link {color:#42413C; text-decoration:underline; font-weight: normal; font-family: century gothic, verdana, Arial, Helvetica,  sans-serif;}
.whererulinktxt:visited {color:#42413C; text-decoration: none; font-weight: normal; font-family: century gothic, verdana, Arial, Helvetica, sans-serif; }
.whererulinktxt:hover {color:#42413C; text-decoration: none; font-weight: normal; font-family: century gothic, verdana, Arial, Helvetica, sans-serif; }
.whererulinktxt:active {color:#42413C; text-decoration: none; font-weight: normal; font-family: century gothic, verdana, Arial, Helvetica, sans-serif; }

/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	width: 100%;
	background-color: #FFFFFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
header {
	width: 100%; background-color: #ffffff;
}




/* ~~ The footer ~~ */
footer {
	padding: 5px 0;
	background-color: #ffffff;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty block element as the final element following the last floated block (within the .container) if the footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure {
	display: block;
}


.td2socmedia {padding:0; color: #333; text-align:left; vertical-align:top; width:27%; background-color:#ffffff; color:#333; text-decoration: none; font-family: century gothic, verdana, Arial, Helvetica, sans-serif; font-size:14px}



/* ~~ 2019 cafl font ~~ also add link to this google font in heading */
.caflname: {font-family: 'Satisfy', cursive; font-size:larger; color:#000}