body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, th, td
{
margin: 0; padding: 0; border: 0; outline: none;
}

.thumbnail:hover { position:relative; width:auto; height:auto; display:block; z-index:999;
}

#fullpage { max-width: 73em; margin: auto; }
#fullphotos { max-width: 83em; margin: auto; }

html {
  font-size: 16px;
}
 
body
{
font-family: 'Lato', sans-serif; line-height: 1.2; font-size: 16px;    
margin-top: 0px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
background-color: E8DDB9;    
}

div.nowrap {
  white-space: nowrap;
}

.fambox {
	border:	1px solid;
	background-color: white;
}

.famboxblue {
	border:	1px solid;
	background-color: #E0E4FF;
}

.famboxpink {
	border:	1px solid;
	background-color: #FFD9F7;
}

.colbox {
	border:	1px solid;
	padding: 10px;
	margin-right: 22px;
	border-radius: 6px;
	border-color: #CCC;
	margin-bottom: 20px;
	background-color: #FFFACD;
	position: relative;
	float: left;
	text-align: left;
}

.nocolorbox {
	border:	1px solid;
	padding: 10px;
	margin-right: 22px;
	border-radius: 6px;
	border-color: #CCC;
	margin-bottom: 10px;
	background-color: #f6f6f4;
	position: relative;
	float: left;
	text-align: left;
}

.rosecolorbox {
	border:	1px solid;
	padding: 10px;
	margin-right: 22px;
	border-radius: 6px;
	border-color: #CCC;
	margin-bottom: 10px;
	background-color: #f0f0f0;
	position: relative;
	float: left;
	text-align: left;
}

.center {
    margin: auto; width: 50%; padding: 10px;
}

.centermid {
  padding: 70px 30px;
}


p.font90 {font-size: 90%;}

div.container {
    text-align: center }

div.valign {
    vertical-align: text-bottom;}

/*
Centered Vertical line with CSS Gradient
 */
div.hr {
    background: #fff;	
    background: linear-gradient(180deg, transparent, #353535, transparent);
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: 1px auto;
}

/* Setup */
div.hr {
    border: 1px solid #ccc;
    height: 300px;
    width: 90%;
}

.quessub {
	font-weight: bold;
	border: 1px solid #FCFCFC; 
	background-color: #dde8f0; 
	text-align: left;
font-size: 88%;
}

div.b {
  line-height: 1.9;
}

.quesname {
	border: 1px solid #dde8f0; 
	background-color: #FCFCFC; 
	text-align: left;
font-size: 88%;
}
.quesbody {
	border: 1px solid #dde8f0; 
	background-color: #FCFCFC; 
	text-align: left;
font-size: 88%;
}

.anssub {
	font-weight: bold;
	border: 1px solid #FCFCFC; 
	background-color: #e2edeb; 
	text-align: left;
font-size: 88%;
margin-left: 50px; 
}
.ansname {
	border: 1px solid #e2edeb; 
	background-color: #FCFCFC; 
	text-align: left;
font-size: 88%;
margin-left: 50px; 
}
.ansbody {
	border: 1px solid #e2edeb; 
	background-color: #FCFCFC; 
	text-align: left;
font-size: 88%;
margin-left: 50px; 
}

/* in image thingie, class="Image300" */
img.Image150 { max-width: 150px; text-align: center;}
img.Image200 { max-width: 200px; text-align: center;}
img.Image250 { max-width: 250px; text-align: center;}
img.Image300 { max-width: 300px; text-align: center;}
img.Image400 { max-width: 400px; text-align: center;}
img.Image500 { max-width: 500px; text-align: center;}
img.Image600 { max-width: 600px; text-align: center;}
img.Image700 { max-width: 700px; text-align: center;}
img.Image800 { max-width: 800px; text-align: center;}


img {
    max-width: 100%;
    height: auto;
}
.album {
	border: 1px solid #666666; 
	background-color: #E5B584; 
	text-align: center;
}

.photohead {
	border: 1px solid #666666; 
	background-color: #d4e1eb; 
	text-align: center;
}

.resize300 {
    width: 300px;
    height: auto;
}
.resize200 {
    width: 200px;
    height: auto;
font-size: 300%; 
}

p {font-size: 95%}

/*p.12 {font-size: 60%} should be named p.twelve. Can't find any occurance of it.
*/

p.head {font-weight: bold; font-size: 98%;}

p.head2 {font-weight: bold; font-size: 150%;}

.boldcen {font-weight: bold; font-size: 100%; text-align: center;}

p.ind {
  margin-left: 50px; font-size: 95%;
}


.productbox {
	border:	1px solid;
	height: 290px;
	width: 230px;
	padding: 18px;
	margin-right: 22px;
	border-radius: 6px;
	border-color: #CCC;
	margin-bottom: 20px;
	background-color: #FFF;
	position: relative;
	float: left;
	text-align: center;
}

.productbox #button {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

button							{ padding: 5px 10px; background-color: #FB7115; border: 1px solid #C15710; }
.forum	.button, button, .new-discussion {
	font:							bold 12px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Helvetica", "Arial", "Freesans", "Utkal", sans-serif;
	text-transform:			uppercase;
	color:						white;
	cursor:						pointer;
}

table {  
    color: #000;
    width: 100%; 
	border-collapse: collapse;
}

td, th { border: 1px solid #CCC; height: 20px; padding: 5px;} /* Make cells a bit taller */

th {  
    background: #e4eeec;
    font-weight: bold;
	text-align: left;
}

td {  
    background: #f5f2e6; /* Lighter grey background */
    text-align: center; /* Center our text */
 style="vertical-align:bottom";
}

td.pink  {
	border:	1px solid;
	background-color: #FFD9F7;
    text-align: center;
}

td.blue  {
	border:	1px solid;
	background-color: #E0E4FF;
    text-align: center;
}

ol {
 list-style-position: inside;
 }

ul {
 list-style-type: disc;
 list-style-image: url(bullet.gif);
 list-style-position: outside;
 padding-left: 0px;
 }

input[type=text] {
    width: 10%;
    padding: 4px 4px;
    margin: 8px 0;
    box-sizing: border-box;
}
.border {border: 1px solid;}

.button {
  background: #8fbbd9;
  background-image: -webkit-linear-gradient(top, #8fbbd9, #0f6499);
  background-image: -moz-linear-gradient(top, #8fbbd9, #0f6499);
  background-image: -ms-linear-gradient(top, #8fbbd9, #0f6499);
  background-image: -o-linear-gradient(top, #8fbbd9, #0f6499);
  background-image: linear-gradient(to bottom, #8fbbd9, #0f6499);
  border-radius: 10px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  border-radius: 10px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
    border: none;
  color: #ffffff;
  padding: 7px 15px 7px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	border-radius: 2px;
}

/* 
.buttn {
    background-color: #6ca4c5;
    border: none;
    color: white;
    padding: 8px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	border-radius: 2px;
}
 */


* {
    box-sizing: border-box;
}

[class*="col-"] {
    float: left;
    padding: 5px;
}

.col-centered{
    margin: 5 auto;
}

/* Smartphones (portrait and landscape) ---------- */
@media screen and (min-width: 320px) and (max-width: 767px){
 body { font-size:90%;}
	article { width: 100%; float: center; margin-right: 0; } 
	aside { width: 21%; float: center; margin-left: 0; } 
	footer { clear: both; }
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
/* Tablets, iPads (portrait and landscape) ---------- */
@media screen and (min-width: 768px) and (max-width: 1024px){
body { font-size:95%;}
	article { width: 100%; float: center; margin-right: 0; } 
	aside { width: 21%; float: center; margin-left: 0; } 
	footer { clear: both; }
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

}
/* Desktops and laptops ---------- */
@media screen and (min-width: 1025px){
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

}
/* Large screens ---------- */
@media screen and (min-width: 1824px){
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

}

.wrap {max-width:770px;}
}

html{font-size:100%;} 
@media(min-width:60em){html{font-size: 90%}}

h3, h5, h6
{
font-family: 'Lato', serif; line-height: 1;
font-size: 200%;
padding: .3em 0;
margin: 0 15px;
align: right;
}

h4
{
font-family: 'Lato', serif; line-height: 1;
font-size: 125%;
padding: .3em 0;
margin: 0 15px;
align: right;
}
 
.floatLeft
{
float: left;
padding: .5em .5em .5em 0;
}
 
.floatRight
{
float: right;
padding: .5em 0 .5em .5em;
}

/*used for page headers*/
h1
{
font-family: 'Lato', cursive; line-height: 1;
text-align: left;
font-size: 250%;
}

h2
{
font-family: 'Lato', cursive; line-height: 1;
text-align: left;
font-size: 100%;
}

h3
{
font-family: 'Lato', cursive; line-height: 1;
text-align: center;
font-size: 150%;
}

h4
{
font-family: 'Lato', cursive; line-height: 1;
text-align: center;
font-size: 125%;
}
h5
{
font-family: 'Lato', cursive; line-height: 1;
text-align: center;
font-size: 110%;
}
h6
{
font-family: 'Lato', cursive; line-height: 1;
text-align: center;
font-size: 95%;
}

.noboldh6
{
font-family: 'Lato', cursive; line-height: 1;
text-align: center;
font-size: 95%;
}

.fontlarger {font-weight: bold; font-size: 110%;}

/*  SECTIONS  */

.sectionboard {
	clear: both;
	padding: 0px;
	margin: 0px;
 max-width: 48em; margin: auto; 
}

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
 max-width: 53em; margin: auto; 
}

.sectionmain {
	clear: both;
	padding: 0px;
	margin: 0px;
 max-width: 63em; margin: auto; 
}

.sectioncenter {
	clear: both;
	padding: 0px;
	width: 30%;
	font-size: 85%
 max-width: 13em; margin: auto; 
}

.sectionsmall {
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: 85%
 max-width: 63em; margin: auto; 
}
.sectionmed {
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: 85%
 max-width: 83em; margin: auto; 
}

.sectionphotos {
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: 85%
 max-width: 83em; margin: auto; 
}
/*
* {
    box-sizing: border-box;
}
*/

.row::after {
    content: "";
    clear: both;
    display: table;
align: center;
}

.aright {align: right;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

p {font-size: 120%}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

article {align:center}

footer {font-size: 85%;
background-color: #e4eeec;
}

.textctr { text-align: center;
}

.textright { text-align: right;
}

.textleft { text-align: left;
}

textleftmiddle { text-align: left; vertical-align: center;}

.post {
  font-size: 0.875rem;
}


.thumbnail:hover { position:relative; width:auto; height:auto; display:block; z-index:999;
}


hr.style-two {
clear: left;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
    clear:both;
}

.group:after {
  content: "";
  clear: both;
}

hr.hrline {border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); clear: both;
}

hr.plain {
    border-bottom: 0px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
    height: 1px;
    clear:both;
}

.colorstrip{
    width: 100%; height: 2px;
    background-color: #c7dff0;
}

section.seperated + section.seperated:before{
  content:””;
  height:1px;
  background:-moz-linear-gradient(left, #FFFFFF 0%,#000000 50%,#FFFFFF 100%);
  background:-webkit-linear-gradient(left, #FFFFFF 0%,#000000 50%,#FFFFFF 100%);
  background:linear-gradient(left, #FFFFFF 0%,#000000 50%,#FFFFFF 100%);
  width:100%;
  display:block;
}

hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

#image {
    position:relative;
    top:6px;
}