html, body{
	margin:0;
	padding:0;
	font-family: 'Trebuchet MS', sans-serif;

    font-size:1.0em;
	font-weight: normal;
	color: #000000;
	background : #FFFFFF;
	text-align:left;
	
	
	}
	
	table{
	width:96%;
	max-width:450px;
	border: 1px solid black;
	 border-collapse: collapse;
}



th{
	font-weight:bold;
	border: 1px solid black;
}

td{
	padding:2px;
	border: 1px solid black;
	
}
	

	
	#header{
		position:relative;
		width:100%;
		
		padding-top:5px;
		padding-bottom:5px;
		float:left;
		background-image:url("images/viewe-header5.jpg");
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		color:#6BBF9B;
		font-size:3.1em;
		font-family: 'Carattere', sans-serif,Arial,Helvetica;
		text-align:center;
	}
	
	#sub_header{
	float:left;
	clear:both;
	width:100%;
	/*
	border-style:solid;
	border-color:red;
	 */
	}
	
	#pagecontent{
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	}
	
	#pagecontent a{
	text-decoration:none;
	}
	
	
	.signature{
	font-family: 'Carattere', sans-serif,Arial,Helvetica;
	font-size:1.6em;
	color:#000000;
	/*border-style:solid;*/
	}
	
	.sub_heading{
	font-family: 'Carattere', sans-serif,Arial,Helvetica;
	font-size:1.6em;
	color:#000000;
	color:red;
	margin-bottom:5px;
	/*border-style:solid;*/
	}
	
	#nav{
		font-family: 'Carattere', sans-serif,Arial,Helvetica;
		font-size:1.8em;
		color:#837A78;
		float:left;
		width:100%;
		max-width:800px;
		/*
		border-style:solid;
		border-color:green;
		*/
	}
	
	 .nav_box{
    position:relative;
	float:left;
    padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	width:50px;
	margin-left:10%;
	font-weight:bold;
	color:#837A78;
	 }
	 
	  .admin_nav_box{
    position:relative;
	float:left;
    padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	width:100px;
	margin-left:10%;
	font-weight:bold;
	color:#837A78;
	 }
	
	#right_header{
		position:relative;
		float:right;
		margin-right:18px;
		width:320px;
		/*border-style:solid;*/
	}
	/*
	#main-index-text{
		position:relative;
		font-size:0.9em;
		text-align:center;
		float:left;
		
	}
	*/
	
	
	#left_floating_pics{
	float:left;
	width:100%;
	max-width:320px;
	border-style:solid;
	}
	
	#shop-text{
		position:relative;
		font-size:1.4em;
		text-align:center;
		float:right;
		
	}
	
	#footer{
		position:relative;
		float:left;
		margin-left:5px;
		text-align:center;
		width:100%;
		font-family: 'Trebuchet MS', sans-serif;
		color:#000000;
		font-size:0.9em;
		margin-top:20px;
		border-top-style:solid;
		border-top:width:1px;
		padding-top:10px;
	}
	
	 
	 #footer a{
		 color:#000000;
		 text-decoration:none;
	 }
	 
	 #footer a:hover{
		 color:#6BBF9B;
	 }
	
	
	
	#privacy{
		font-family:Arial,Helvetica,sans-serif;
		font-size:0.9em;
		color:#000000;		
		text-align:left;
		margin-left:5px;
	}
	


	
	
	
	img{
		max-width:100%;
	}
	
	.clearB{
	width:100%;
	height:0.1em;
	clear:both;
    }
	
	.bb_green{
		background-color:#FFFFFF;
		color:#837A78;
	}
	
	.bb_blue{
		background-color:#FFFFFF;
	}
	
	.bb_red{
		background-color:#FFFFFF;
	}
	
	.bb_gold{
		background-color:#FFFFFF;
	}
	
	.bb_purple{
		background-color:#FFFFFF;
	}
	
	
	 
	 .nav_box a{
		 color:#837A78;
		 text-decoration:none;
	 }
	 
	 .nav_box a:hover{
		 color:#6BBF9B;
	 }
	 
	
		
		
/* Container needed to position the button. Adjust the width as needed */
.container {
  position: relative;
  width: 50%;
  float:left;
}

/* Make the image responsive */
.container img {
  width: 30%;
  height: auto;
}

/* Style the button and place it in the middle of the container/image */
.container .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #555;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.container .btn:hover {
  background-color:#6BBF9B;
}


/* Container needed to position the button. Adjust the width as needed */
.container2 {
  position: relative;
  width: 50%;
  margin-left:50%;
}

/* Make the image responsive */
.container2 img {
  width: 30%;
  height: auto;
}

/* Style the button and place it in the middle of the container/image */
.container2 .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #555;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.container2 .btn:hover {
  background-color:#6BBF9B;
}

	
	
	
	@font-face{
	font-family: 'Aileron';
	url('Aileron.woff') format('woff'),
	url('Aileron.ttf') format('truetype'),
	}