@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;}
/* chged font size from zero to 14 */
ul#css3menu1 li{
	display:block;white-space:nowrap;font-size:14;float:left;}
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 */
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:15px Verdana;color:#000000;text-decoration:none;}
	/* 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 lines between buttons 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 words */
	
body {
	font-family: century gothic, verdana, Arial, Helvetica, sans-serif; 
	font-size:16px;
	background-color:#FFF;
	margin: 0;
	padding: 0;
	color: #000;
}
.fontsmall {
  font-size: 12px; /* 75% of the baseline */
}

.fontlarge {
  font-size: 20px; /* 125% of the baseline */
}

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

h1 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
	color:#3d5c55;
	margin-bottom:0;
}

h2 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
	color:#3d5c55;
	margin-bottom:0;
}
h3 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
	color:#3d5c55;
	margin-bottom:0;
}


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:2px;
	margin-right:2px;
	margin-bottom:2px;
}
/* ~~ 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-weight: bold; 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: underline;
}
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-weight: bold; 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: none; 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-image: url("logo/background.jpg");
}




/* ~~ The footer ~~ */
footer {
	padding: 5px 0;
	background-color: #88741b;
	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;
}

.tablesearch {width:100%; }
.td1search {
	width: 100%;
	text-align: right;
	font-family: century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	padding: 15px;
}
.td2search {
	float:right;
	width: 100%;
	text-align: right;
	font-family: century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	padding: 15px;
}
/* this next part doesn't actually set color and weight of menutext but does set size */
.menutxt:link {color: #404040; font-size:16px;
text-decoration: none; font-weight:normal; font-family: century gothic, verdana, Arial, Helvetica,  sans-serif; }
.menutxt:visited {color: #404040;  font-size:16px; text-decoration: none; font-weight: normal; font-family: century gothic, verdana, Arial, Helvetica, sans-serif; }
.menutxt:hover {color: #000000;  text-decoration: none; font-family: century gothic, verdana, Arial, Helvetica, sans-serif; }
.menutxt:active {color: #000000;  text-decoration: none; font-family: century gothic, verdana, Arial, Helvetica, sans-serif; } 

.whererutop {
	font-family: century gothic, Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight:normal;
	color: #000;
}

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

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

.tablemenu {width:100%; background-color:#88741b; padding-left: 15px; }
.tdtablemenu1 {
	width: 100%;
	height: 25px;
	text-align: left;
	font-family: century gothic, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #332A21;
	padding:5px
}

.floatRight{float:right;margin-left:15px}

.td1socmedia {padding:0; color: #333; text-align:center; vertical-align:top; width:23%; background-color:#ffffff; color:#333; text-decoration: none; font-family: century gothic, verdana, Arial, Helvetica, sans-serif; font-size:14px}
.td2socmedia {padding:0; color: #333; text-align:center; 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}
.td3socmedia {padding:0; color: #333; text-align:center; vertical-align:top; width:50%; background-color:#ffffff; color:#333; text-decoration: none; font-family: century gothic, verdana, Arial, Helvetica, sans-serif; font-size:14px}