body,td,th {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Tahoma, Cambria,"Times New Roman";
	font-style: normal;
}

p {
	font-size: 12px;
	font-family: Tahoma, Cambria,"Times New Roman";
}


h1 {
	font-size: 18px;
	color: #FFFFFF;
	font-family: Tahoma, Cambria,"Times New Roman";
	font-style: normal;
}


h2 {font-size: 14px;
	color: #FFFFFF;
	font-family: Tahoma, Cambria,"Times New Roman";
	font-style: normal;
}


h3 {font-size: 12px;
	color: #FFFFFF;
	font-family: Tahoma, Cambria,"Times New Roman";
	font-style: !important;
}


blockquote {
	font-size: 14px;
	color: #FFFFFF;
	font-family: Tahoma, Cambria,"Times New Roman";
}

 /* Use background color to extend past the bottom of the horizonally repeating gradated image. */
body {
	margin: 0;
    padding: 0;
	background-image: url(images/background.png);
	background-repeat: repeat-x;
	background-color:#735E53;
}




/*LIST FORMATING*/
ul#list li {
	font-size:12px;
}

ul#list a:link {
	color: #F4D59B;
	text-decoration: none;
}

ul#list a:hover {
	text-decoration: underline;
	color: #F4D59B;
}




/*BACKGROUND*/
div.bkgrnd {
	position: absolute;
	width: 20%;
	z-index: -1; /* integer */
  }

div.bkgrnd2{
	background: -moz-linear-gradient( 180deg, rgb(108,82,63) 0%,rgb(44,29,22) 62%);
  background: -webkit-linear-gradient(180deg, rgb(108,82,63) 0%,rgb(44,29,22) 62%);
  background: -ms-linear-gradient( 180deg, rgb(108,82,63) 0%,rgb(44,29,22) 62%);
}


div.bkgrnd3{
	background: -moz-linear-gradient( 360deg, rgb(108,82,63) 0%,rgb(44,29,22) 62%);
  background: -webkit-linear-gradient(360deg, rgb(108,82,63) 0%,rgb(44,29,22) 62%);
  background: -ms-linear-gradient( 360deg, rgb(108,82,63) 0%,rgb(44,29,22) 62%);
}


/*FOR FUTURE - CSS coded background gradation instead of using a repeating pic. -CG */

.backdrop {
  background: -moz-linear-gradient( 90deg, rgb(44,29,22) 0%, rgb(2,1,1) 62%);
  background: -webkit-linear-gradient( 90deg, rgb(44,29,22) 0%, rgb(2,1,1) 62%);
  background: -ms-linear-gradient( 90deg, rgb(44,29,22) 0%, rgb(2,1,1) 62%);
  position: absolute;
  left: -7px;
  top: -6px;
  width: 1381px;
  height: 780px;
  z-index: 1;
}


/* ----------------------------------------------------------------------------------- */








a:link {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 12px;
}
a:visited {
	text-decoration: underline;
	font-size: 12px;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	font-size: 12px;
	color: #F4D59B;
}
a:active {
	text-decoration: underline;
	font-size: 12px;
	font-style: normal;
}

table.paper td {
  font-size : 14px;
  font-family : Tahoma, Cambria,"Times New Roman";
}

table.linebreak td {
  background-image: url("images/MWF-horiz-linebar.jpg");
  /* background-size:1330px 20px; */
}


/* Logo Sizing */
image.logo img {
	width: 160px;
	height: 50px;
}


/*Search Bar*/
#tfheader{
		background-color:#1a0e09;
	}
	#tfnewsearch{
		float:right;
		padding:20px;
		
	}
	.tftextinput{
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		border:1px solid #0076a3; border-right:0px;
		border-top-left-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;
		background-color:#e4dbd2;
	}
	.tfbutton {
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #9a8a77; border-right:0px;
		background: #998675;
		background: -webkit-gradient(linear, left top, left bottom, from

(#00adee), to(#0078a5));
		background: -moz-linear-gradient(top,  #00adee,  #0078a5);
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
	}
	.tfbutton:hover {
		text-decoration: none;
		background: #007ead;
		background: -webkit-gradient(linear, left top, left bottom, from

(#0095cc), to(#00678e));
		background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	}
	/* Fixes submit button height problem in Firefox */
	.tfbutton::-moz-focus-inner {
	  border: 0;
	}
	.tfclear{
		clear:both;
	}
/*End Search Bar*/


img#fit { max-width: 100%; height: auto; }



 iframe {
  border-top: #330000 1px solid;
  border-right: #330000 1px solid;
  border-left: #330000 1px solid;
  border-bottom: #330000 1px solid;
} 


/*  Not used yet, places image behind other elements (in top, left of webpage.)  */
img.behind {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}



 

/* Article Container for sidebar of page */
 td.side_container {
	width: 20%;
	/*padding: 0px;*/
    /* border: 1px solid #330000; */
	vertical-align:top;
	
	}
	  

/* Article Container for center of page */
 td.center_container {
	width: 60%;
	/*padding: 0px;*/
	/* border: 1px solid #330000;  */
	}
	  







	  
/* Catalogue Thumbnail Div Container */
 .container {
	width: 2000px;
	height: 340px;
	padding: 5px;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	display: inline-flex;
	max-height: 320px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
  }


 /* Catalogue Thumbnail Image with Reflection. */
.image-block {
	width: 200px;
	margin: 0px 10px;
	float: left;
	display: inline;
	font-size:12px;
}
.reflection { position:relative;}
.reflection img {
    -webkit-transform: scaleY(-0.8);
       -moz-transform: scaleY(-0.8);
        -ms-transform: scaleY(-0.8);
         -o-transform: scaleY(-0.8);
            transform: scaleY(-0.8);
    filter: flipv; opacity:0.20;
    filter: alpha(opacity='20');
}
.overlay { position:absolute; top:0px; left:0px; width:97px; height:60px;
    background-image: -moz-linear-gradient( center bottom, rgb(192,171,160) 60%, 

rgba(192171,160,0) 75%);
    background-image: -o-linear-gradient( rgba(192,171,160,0) 25%, rgb(192,171,160) 

40%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop

(0.60, rgb(192,171,160)), color-stop(0.75, rgba(192,171,160,0)));
    filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, 

startColor=0, EndColorStr=#735E53);
}

.brochure-caption {
	font-size:12px;
}
 /* -------------------------------------- */
 
 

/*SLIDESHOW*/

div.slideshow{
position:absolute; top:0px; left: 0px; width: 718px; height:367px;
color:#FFF;
background-color:#000;
}

----------------------------------------

/* DROPDOWN MENU FORMAT  */

td#nav {
	colspan: 2;
	align: right;
	font-size: 14px;
}
  
    ul#navWrapper {
      border: 0 black dashed;
      margin-left: -39px;
      float: left;
	  
    }
        
    ul#navWrapper li {
      border: 0 red dashed;    
      float: right;
      list-style: none;
      margin-right: 0.75em;
      background-color: #080808;
      padding: 0 0.25em;
      border-radius: 4px;
      box-shadow: 3px 3px 6px 1px #333;
	  
    }
    
    ul#navWrapper li li {
      border: 0 blue dashed;    
      float: none;
      margin-left: -44px;
      margin-top: 3px;
	  text-align:left;
	  
    }

    ul#navWrapper li li:first-child { 
      margin-top: 4px;
	  text-align:left;
	  
	  
    }

    ul#navWrapper ul {
      display: none;
      position: absolute;
      background-color: #FFF; /* For non-CSS3 browsers. */
      background-color: #080808;
	  
    }
    
    ul#navWrapper li:hover ul {
      display: block;
    }
    
    ul#navWrapper a {
      font-weight: bold;
    }
    
    ul#navWrapper li:hover {
      background-color: #8C8D61;
    }    
    
    /**********/
	
	/*TESTIMONIALS*/
	
	td#testimonial {
		background-image:url(images/img-testimonial-bkgrnd.png);
		background-repeat: no-repeat;
		height: 120px;
		font-style:italic;
	}
	
	td#testimonial blockquote {
		width: 240px;
		align-self:baseline;
	}
	



/*FORMS FORMATING*/	

form#form-style-10 input[type="text"],
form#form-style-10 input[type="text"],
form#form-style-10 input[type="date"],
form#form-style-10 input[type="datetime"],
form#form-style-10 input[type="email"],
form#form-style-10 input[type="number"],
form#form-style-10 input[type="search"],
form#form-style-10 input[type="time"],
form#form-style-10 input[type="url"],
form#form-style-10 input[type="password"],
form#form-style-10 textarea,
form#form-style-10 select {{
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/*width: 100%;*/
	padding: 8px;
	border-radius: 6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border: 2px solid #fff;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}
form#form-style-10	input:invalid {
  outline: 2px solid red;
}
form#form-style-10  input:focus:invalid {
  color: red;
}

form#form-style-10 label{
	font:12px;
}
	
	





/*Rounded Sign*/
  .w3-tag{
	background-color:#000;
	color:#fff;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	text-align:center}
	
.w3-xxlarge{
	font-size:36px!important}
	
.w3-padding {
	padding:8px 16px!important}
	
.w3-round-large {
	border-radius:8px!important}

.w3-red {
	color:#fff!important;
	background-color:#f44336!important}
	
.w3-center{
	text-align:center!important}  



/* CSS Image Slider */

.diy-slideshow{
position: relative;
display: block;
overflow: hidden;
}
figure{
position: absolute;
opacity: 0;
transition: 1s opacity;
}
figcaption{
position: absolute;
font-family: sans-serif;
font-size: .8em;
bottom: .75em;
right: .35em;
padding: .25em;
color: #fff;
background: rgba(0,0,0, .25);
border-radius: 2px;
}
figcaption a{
color: #fff;
}
figure.show{
opacity: 1;
position: static;
transition: 1s opacity;
}
.next, .prev{
color: #fff;
position: absolute;
background: rgba(0,0,0, .6);
top: 50%;
z-index: 1;
font-size: 2em;
margin-top: -.75em;
opacity: .3;
user-select: none;
}
.next:hover, .prev:hover{
cursor: pointer;
opacity: 1;
}
.next{
right: 0;
padding: 10px 5px 15px 10px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.prev{
left: 0;
padding: 10px 10px 15px 5px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

div.quotebox {
    float: left;
    width: 200px;
    border: 1px solid #FFFFFF;
    margin: 0.5em 1em 0.5em 2em;
    padding: 0.8em;
}
