@charset "utf-8";
/* CSS Document */


body {
	overflow:hidden;
	padding:0;
	margin:0;
	font-family:Arial;
	font-size:18px;
	background-color: #ff0000;
	cursor: pointer;
}

.page_name {
	font-family: Arial;
	font-size: 24px;
	letter-spacing: 2px;
	font-weight: bold;
	color:#ff0000;
	text-align:center;
	text-vertical-align: bottom;	
	
}

#page_name_main_title {
	background-color: #ffffff;
	position: relative;
	margin:0 auto;
	max-width:1070px;
	height:55px;
	top:25px;
	padding:5px;
	z-index:500;
	
}

#page_name_bar {
	background-color: #ffffff;
	position: relative;
	margin:0 auto;
	width:100%;
	height:55px;
	top:0px;
	padding:5px;
	z-index:500;
	
}

#logos_bar {
	background-color: #ffffff;
	position: relative;
	margin:25 auto;
	max-width:900px;
	padding:15px;
	z-index:500;
	text-vertical-valign:bottom;
}
	
#threave_quilters_logo {
	background-color: #ffffff;
	position: relative;
	margin:0 auto;
	width:960px;
	top:35px;
	height:45px;
	z-index:2;
	align: center;
	vertical-align:middle;
	color:#ffffff;
	display:block;
	border:0;
	padding:15;
}

#nav_minor{
	background-color: red;
	position: fixed;
	bottom:5px;
	width:100%;
	padding:0px;
	z-index:10;
	height: 40px;
	text-align: center;
}

#nav_minor ul {
	list-style-type:none;
	padding:0px;
	margin:0;
	top: 0px;
	position:relative;
	background-color: black;
	width:100%;
}

#nav_minor ul li{
	display: inline-block;
	background-color: red;
}

#nav_minor ul li a{
	text-align:center;
	font:Arial;
	font-weight:normal;
	text-decoration:none;
	font-family: arial;
	font-size:23px;
	font-weight:normal;
	color: #ffffff;
	display:block;
	border:0;
}

#nav_minor ul li:hover{
	background-color: #666666;
	color: #000000;
}

#nav_minor ul li img{
	vertical-align:top;
	padding:5px;
}

#nav_minor ul li a,visited{
	color: red;
	display:block;
	padding:5px;
	text-decoration:none;
}

#nav_minor ul li a,hover{
	color:#ccc;
	text-decoration:none;
}

#nav_minor ul li:hover ul{
	display:block;
}

#nav_minor ul ul{
	display:none;
	position:absolute;
	background-color: black;
}

#nav_minor ul ul li{
	display:block;
}

#nav_minor ul ul li a,visited{
	color: #ffffff;
}

#nav_minor ul ul li a,hover{
	color: #ffffff;
}

#nav_fixed{
	background-color:black;
	position:fixed;
	width:100%;
	margin:0 auto;
	top:0;
	text-align:center;
	z-index:600;
	cursor:pointer;
}

#nav_fixed_wrapper {
	color:#FF0000;
	z-index:100;
	cursor:pointer;
}

#nav_fixed ul {
	list-style-type:none;
	padding:0px;
	margin:0;
	text-align:center;
	font:Arial;
	font-size: 16px;
	font-weight:normal;
	text-decoration:none;
	position:relative;
	line-height:36px;
	width:auto;
	color: #ffffff;
	z-index:600;
	cursor:pointer;
}

#nav_fixed ul li{
	display:inline-block;
}

#nav_fixed ul li a{
	text-align:center;
	font:Arial;
	text-decoration:none;
	line-height:36px;
	display:block;
	color:#FFFFFF;
	width:auto;
	z-index:610;
	cursor:pointer;
	
}

#nav_fixed ul li:hover{
	background-color:#FF0000;
	z-index:620;
	
}

#nav_fixed ul li a,visited{
	color:#FF0000;
	display:block;
	padding:5px;
	text-decoration:none;
	z-index:630;
	
}

#nav_fixed ul li a,hover{
	color:#FFFFFF;
	text-decoration:none;
	z-index:640;
}

#nav_fixed ul li:hover ul{
	display:block;
	z-index:650;
	
}

#nav_fixed ul ul{
	display:none;
	position:absolute;
	background-color:black;
	overflow-x:hidden;
	overflow-y:auto;
	max-height:450px;
	z-index:660;
		
}

#nav_fixed ul ul li{
	display:block;
	z-index:670;
	
}

#nav_fixed ul ul li a,visited{
	color:#FFFFFF;
	border-left: none !important;
	border-right: none !important;
 	border-top: 2px dotted #ffffff !important;
	z-index:680;
	left:50px
}

#nav_fixed ul ul li a,hover{
	color:#FFFFFF;
	z-index:690;
	
}

#nav_panel{
	background-color:black;
	position:relative;
	width:100%;
	margin:0 auto;
	top:0;
	text-align:center;
	z-index:600;
	cursor:pointer;
}

#nav_panel_wrapper {
	color:#FF0000;
	z-index:100;
	cursor:pointer;
}

#nav_panel ul {
	list-style-type:none;
	padding:0px;
	margin:0;
	text-align:center;
	font:Arial;
	font-size: 24px;
	font-weight:normal;
	text-decoration:none;
	position:relative;
	line-height:60px;
	width:auto;
	color: #ffffff;
	z-index:800;
	cursor:pointer;
}

#nav_panel ul li{
	display:inline-block;
}

#nav_panel ul li a{
	text-align:center;
	font:Arial;
	text-decoration:none;
	line-height:60px;
	padding:0px;
	display:block;
	color:#FFFFFF;
	width:auto;
	z-index:610;
	cursor:pointer;
}

#nav_panel ul li:hover{
	background-color:#FF0000;
	z-index:620;
}

#nav_panel ul li a,visited{
	color:#FF0000;
	display:block;
	padding:5px;
	text-decoration:none;
	z-index:630;
}

#nav_panel ul li a,hover{
	color:#FFFFFF;
	text-decoration:none;
	z-index:640;
}

#nav_panel ul li:hover ul{
	display:block;
	z-index:650;
}

#nav_panel ul ul{
	display:none;
	position:absolute;
	background-color:black;
	overflow-x:hidden;
	overflow-y:auto;
	max-height:600px;
	z-index:660;
}

#nav_panel ul ul li{
	display:block;
	z-index:670;
}

#nav_panel ul ul li a,visited{
	color:#FFFFFF;
	border-left: none !important;
	border-right: none !important;
 	border-top: 2px dotted #ffffff !important;
	z-index:680;
}

#nav_panel ul ul li a,hover{
	color:#FFFFFF;
	z-index:690;
}

#info_fixed {
	background-color:#666666;
	position:relative;
	margin: auto;
	width:100%;
	margin-top:10px;
	align:left;
	z-index:80;
	cursor:pointer;
}

#info_fixed_wrapper {
	text-align:left;
	text valign:middle;
	padding-left:0px;
	height:50px;
	color:#FF0000;
	z-index:80;
	align:left;
}

#info_fixed ul {
	list-style-type:none;
	padding:15px;
	margin: auto;
	text-align:left;
	font:Arial;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	align:left;
	width:100%;
	color: #ffffff;
	z-index:85;
}

#info_fixed ul li{
	display:inline-block;
}

#info_fixed ul li a{
	text-align:left;
	font:Arial;
	text-decoration:none;
	padding:0px;
	display:block;
	color: #ffffff;
}

#info_fixed ul li:hover{
	background-color:#666666;
}

#info_fixed ul li a,visited{
	color: black;
	display:block;
	padding:0px;
	text-decoration:none;
}

#info_fixed ul li a,hover{
	color: #ffffff;
	text-decoration:none;
}

#info_fixed ul li:hover ul{
	display:block;
}

#info_fixed ul ul{
	display:none;
	position:absolute;
	background-color:#666666;
	top:0px;
	left:0px;
	overflow-x:hidden;
	overflow-y:auto;
}

#info_fixed ul ul li{
	display:block;

}

#info_fixed ul ul li a,visited{
	color:#00FF00;
	border-left: none !important;
	border-right: none !important;
}

#info_fixed ul ul li a,hover{
	color:#FFFFFF;
}

#wrapper{
	background-color:#cccccc;
	max-width:1040px;
	padding:0px;
	margin:0 auto;
	text-align:left;
	top:0px;
	z-index:0;
}

#footer{
	background-color: #cccccc;
	max-width:1040px;
	margin-top:20px;
	margin:0 auto;
	text-align:center;
	padding-top:20px;
	padding-bottom:50px;
	z-index:0;
}

#name{
	background-color:#ff0000;
	position:relative;
	width:950px;
	padding:10px;
	align:center;
}
	
#table {
	font-family: Arial;
	font-size: 18px;
	background-color: #FFFFFF;
	cellpadding:5px;
}

#content{
	background-color: #ffffff;
	overflow:hidden;
	position:relative;
	top:0px;
	max-width:1080px;
	padding:0px;
	padding-top:20px;
	padding-bottom:20px;
	align:center;
	margin:0 auto;
	font-family: Arial;
	font-size: 16px;
	font-weight:normal;
	z-index:5;
}

#grid{
	background-color: #ffffff;
	position:relative;
	max-width:980px;
	padding:15px;
	padding-bottom:30px;
	align:center;
	margin:0 auto;
	font-family: Arial;
	font-size:18px;
	font-weight:normal;
	z-index:5;
}

.flex-container {  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  justify-content: center;
  width:auto;
  background-color: #ffffff;
  text-color: #ffffff;
  z-index:850;
}

.responsive {
	display:block;
	overflow-x:auto;
}

div.gallery {
  border: 2px solid #ccc;
  padding: 0px;
  margin: 5px;
  background-color:#FFFFFF;
}

div.gallery:hover {
  border: 2px solid #ccc;
}

div.gallery img {
  width: 100%;
  height: 100%;
  align: center;
}

div.gallery-5 {
  border: 2px solid #ccc;
  padding: 0px;
  margin: 5px;
  background-color:#FFFFFF;
  font-family: arial;
  font-size:16px;
  font-weight:normal;
}

div.gallery-5:hover {
  border: 2px solid #ccc;
}

div.gallery-5 img {
  width: 100%;
  height: 100%
  align: center;
  border:0;
}

div.gallery-6 {
  border: 2px solid #ccc;
  padding: 0px;
  margin: 4px;
  background-color:#FFFFFF;
  font-family: arial;
  font-size:14px;
  font-weight:normal;
  color: #000000;
}

div.gallery-6:hover {
  border: 2px solid #ccc;
}

div.gallery-6 img {
  width: 100%;
  height: 100%;
  align: center;
  border:0;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

#full_width_text_15_padding{
	background-color: #ffffff;
	position:relative;
	top:0px;
	width:100%;
	padding-left:15px;
	align:left;
	margin:0 auto;
	font-family: Arial;
	font-size:18px;
	font-weight:bold;
}

#hidden_content{
	background-color: #ffffff;
	position:relative;
	width:960px;
	padding:0px;
	align:center;
	margin:0 auto;
	font-family: Arial;
	font-size:10px;
	font-weight:normal;
	color: #ffffff;
	z-index:0;
}
.w3-content{
	max-width:960px;
	margin:auto;
	padding-top: 0px;
}

.w3-display-container{
	position:relative;
	margin-bottom:20px;
}

.w3-button-left{
	border:none;
	display:inline-block;
	outline:0;
	padding:10px 12px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	font-family: Arial;
	font-size: 24pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff0000;
	text-align:center;
	cursor:pointer;
	#ffffff-space:nowrap;
	position:absolute;
	top:50%;
	left:0%;
	transform:translate(0%,-50%);
	-ms-transform:translate(-0%,-50%);
}

.w3-button-left:hover{
	color:#fff!important;
	background-color:#000!important;
}

.w3-button-right{
	border:none;
	display:inline-block;
	outline:0;
	padding:10px 12px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	font-family: Arial;
	font-size: 24pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff0000;
	text-align:center;
	cursor:pointer;
	#ffffff-space:nowrap;
	position:absolute;
	top:50%;
	right:0%;
	transform:translate(0%,-50%);
	-ms-transform:translate(-0%,-50%);
}

.w3-button-left:hover{
	color:#fff!important;
	background-color:#000!important;
}
	
.quilt_large {
	font-family: Arial;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 10px;
	color: #000000;
}
	
.quilt_normal {
	font-family: Arial;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: 10px;
	color: #000000;
}

h1 {
	font-family: Arial;
	font-size: 5px;
	color: black;
	padding: 0px;
	z-index:0;
	float: center;
	text-align: center;
	text-vertical-align: middle;
}
	
h2 {
	font-family: Arial;
	font-size: 25px;
	font-weight: bold; 
	color: #FF0000;
	font-style: italic;
}
	
h3 {
	font-family: Arial;
	font-size: 25px;
	font-weight: bold;
	color: #000000;	
}
	
h4 {
	font-family: Arial;
	font-size: 22px;
	font-weight: bold;
	color: #FF0000;	
}
	
h5 {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;	
}

.style1 {
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 24px;
}
	
.header_black {
	font-family: Arial;
	font-size: 28px;
	font-weight: bold; 
	color: #000000;
	letter-spacing: 4px;
}
	
.header_10_italic {
  font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000000;
	font-style: italic;
	text-decoration: none;
}
	
.header_red {
	font-family: Arial;
	font-size: 25px;
	font-weight: normal; 
	color: #FF0000;
	font-style: italic;
}
	
.#ff0000 {
  font-family: Arial;
	font-size: 18px; font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
	
.menu_link {
  font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	color: black;
	text-decoration: none;
}

.menu_link_#ffffff {
  font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	text-decoration: none;
}
	
.tabletextBold {
	font-family: Arial;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
	
.caption {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}

hr {
	height:4px;
	border:0;
	background:#FF0000;
	color:#FF0000;
}

.form_table {
	width: 390px;
	background-color: #FFF;
	border: 1px solid #000;
	padding:5px;
}

.form_table p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:18px;
	font-weight: normal;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

.form_table input[type="text"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	width:305px;
	float: left;
}

.form_table textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	width:305px;
	float: left;
}

.form_table input[type="submit"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	float:left;
}

.url_example {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	float:left;
	clear:left;	
}
.form_source {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	float:right;
	position:relative;
	right: 8px;
}

.required {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #F00;
	position: relative;
	top: 4px;	
}

.not_required {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #FFF;
	position: relative;
	top: 4px;	
}

.form_message_success {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	background-color: #DCFFB9;
	display: block;
	padding: 10px;
	border: 2px solid #390;
}

.form_message_fail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	background-color: #FFE1E1;
	display: block;
	padding: 10px;
	border: 2px solid #F00;
}
.contactformtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
}

.contactformbutton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #FF0000;
}

form {
	font-family: Arial;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

quantity {
	font-family: Arial;
	font-size: 20px;
	color: #000000;
	font-weight: normal;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;

}

input {
	font-family: Arial;
	font-size: 20px;
	color: #000000;
	font-weight: normal;
	align:right;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;

}

option {
	font-family: Arial;
	font-size: 20px;
	color: #000000;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;

}

select {
	font-family: Arial;
	font-size: 30px;
	color: black;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;

}

.image-left {
  opacity: 1;
  float:right;
  width: 100%;
  height: auto;
  valign: middle;
  align:right;
}

@media only screen and (max-width: 500px) {
    .image-left {
        display: none;
    }
}

.image-center {
  opacity: 1;
  width: 100%;
  height: auto;
  valign: middle;
  border: 15px solid black; 
  
}

.image-right {
  opacity: 1;
  float:right;
  width: 100%;
  height: auto;
  valign: middle;
  align:left;
}

@media only screen and (max-width: 500px) {
    .image-right {
        display: none;
    }
}

.accordion {
  background-color: #666666;
  color:#FF0000;
  cursor: pointer;
  height:80px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
  align:center;
  vertical-align:middle;
}

.active, .accordion:hover {
  background-color: #ff0000;
}

.panel {
  	width:100%;
	padding:0.01em 0px;
	margin-top:15px;
	margin-bottom:15px;
	padding: 0px;
  	background-color: #ffffff;
  	max-height: 0;
  	overflow: hidden;
  	transition: max-height 0.2s ease-out;
}

.text {
  	width:100%;
	padding:15px;
  	background-color: #ffffff;
	font-size: 18px;
	font: arial;
	text-align:center;
}

.col-half {
	float:left;
	width:49.99999%;
	padding-right:10px;
}
@media only screen and (max-width: 700px) {
    .col-half {
        width:100%;
    }
}