
/*BODY {background:#ffffff url(background.jpg) repeat}*/

BODY {background: #ffffff url(background.jpg) no-repeat center center fixed; 
			background-size: cover;}

@font-face { font-family: "Copperplate Gothic Light"; src: url("CopperplateGothicLight.ttf"); }
@font-face { font-family: "MinionPro-Regular"; src: url("MinionPro-Regular.otf"); }

@font-face { font-family: "AcariSans-Medium"; src: url("AcariSans-Medium.ttf"); }
@font-face { font-family: "Lato"; src: url("Lato.ttf"); }
@font-face { font-family: "ZillaSlab-Bold"; src: url("ZillaSlab-Bold.ttf"); }


A:link {color:#0378C7; text-decoration:underline;}
A:visited {color:#0378C7; text-decoration:underline;}
A:hover {color:#B69E5F; text-decoration:underline;}
A:active {color:#B69E5F; text-decoration:underline;}

A.top:link {color:#ffffff; text-decoration:none; font-size: 19px; font-weight: none;}
A.top:visited {color:#ffffff; text-decoration:none; font-size: 19px; font-weight: none;}
A.top:hover {color:#000000; text-decoration:underline; font-size: 20px; font-weight: bolder;}
A.top:active {color:#000000; text-decoration:underline; font-size: 20px; font-weight: bolder;}

A.nav:link { color:#ffffff; text-decoration:none; font-family: "Lato, Copperplate Gothic Light", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bolder;}
A.nav:visited { color:#ffffff; text-decoration:none; font-family: "Lato, Copperplate Gothic Light", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bolder; }
A.nav:hover { color:#FFE823; text-decoration:underline; font-family: "Lato, Copperplate Gothic Light", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bolder; }
A.nav:active { color:#FFE823; text-decoration:none; font-family: "Lato, Copperplate Gothic Light", Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 18px;}

A.foot:link { color:#000000; text-decoration:none;}
A.foot:visited { color:#000000; text-decoration:none;}
A.foot:hover { color:#660c2c; text-decoration:underline;}
A.foot:active { color:#660c2c; text-decoration:none;}

.frame1
{
padding: 0px;
border: 2px solid #ffffff;
box-shadow:1px 1px 2px #000000;
border-radius:4px;
}

.frame2
{
padding: 0px;
border: 3px solid #3f7ec5;
box-shadow:1px 1px 2px #000000;
border-radius:4px;
}

.mainText {
	font-family: Lato, AcariSans-Medium, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 1px
}

b, strong {
   color: #000000;
   font-size: 19px;
}

.mainText2 {
	font-family: AcariSans-Medium, Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 20px;
	font-weight: normal;
	color: #8E7851;
	text-decoration: none;
	letter-spacing: 1px
}

.mainText3 {
	font-family: AcariSans-Medium, Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 24px;
	font-weight: normal;
	color: #0c4351;
	text-decoration: none;
	letter-spacing: 1px
}

h1 {
	font-family: ZillaSlab-Bold, MinionPro-Regular, Times, Georgia, serif;
	font-size: 34px;
	line-height: 36px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 2px;
	text-shadow: 1px 1px 0px #ffffff;
	font-variant: small-caps;
	}
	
h2 {
	font-family: Lato, AcariSans-Medium, Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 28px;
	font-weight: normal;
	color: #8E7851;
	text-decoration: none;
	letter-spacing: 2px;
	text-shadow: 1px 1px 0px #ffffff;
	font-variant: small-caps;
	}

.footerText {
	font-family: Lato, AcariSans-Medium, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	color: #333333;
	text-decoration:
}


.frame
{
padding: 0px;
border: 1px solid #CCC;
box-shadow: 1px 1px 2px #ccc;
border-radius: 4px;
max-width: 100%;
height: auto;

}

.frameHeight
{
padding: 0px;
border: 1px solid #CCC;
box-shadow: 1px 1px 2px #ccc;
border-radius: 4px;
height: 200px;
}

.iframe
{
padding: 0px;
border: 1px solid #CCC;
box-shadow: 1px 1px 2px #ccc;
border-radius: 4px;
max-width: 100%;
height: 350px;
}

.smallframe
{
padding: 0px;
border: 1px solid #CCC;
box-shadow: 1px 1px 2px #ccc;
border-radius: 4px;
}

.resize
{
max-width: 100%;
height: auto;
}

.floatBox {
  display: inline-block;
  position: relative;
  width: 360px;
  height: 220px;
  margin: 4px;
  vertical-align:top;
}

.block
{
padding: 0px;
border: 1px solid #cccccc;
background: #FCB200;
padding: 5px;
box-shadow:1px 1px 2px #ccc;
border-radius: 4px;
}

.shadow {
     text-shadow: 1px 1px #dbdbdb;
}

a.bigbutton1 {
	margin: 0.25em;
	margin-bottom: 3px;
	margin-top: 3px;
	display: inline-block;
	background: #9e8355;
	border: 0px solid #cdcdcd;
	text-align: center;
	text-decoration: none;
	color: #000000;
	padding: 4px;
	font: bold 16px/100%  "Lucida Grande", Arial, Helvetica, sans-serif;
	border-radius:0px;
	box-shadow:
		0px 0px 0px #000000,
		0px 0px 0px #000000,
		inset 0px 5px 12px #9e8355,
		inset 0px 15px 2px #c2ad70,
		inset 0px 25px 25px #9e8355;
	}
	
a.bigbutton2 {
	margin: 0.25em;
	margin-bottom: 3px;
	margin-top: 3px;
	display: inline-block;
	background: #9e8355;
	border: 0px solid #cdcdcd;
	text-align: center;
	text-decoration: none;
	color: #000000;
	padding: 8px;
	font: bold 18px/100%  "Lucida Grande", Arial, Helvetica, sans-serif;
	border-radius:6px;
	box-shadow:
		3px 3px 12px #000000,
		0px 0px 3px #000000,
		inset 0px 5px 12px #9e8355,
		inset 0px 15px 2px #c2ad70,
		inset 0px 25px 25px #9e8355;
	}
	
.anchor{
  display: block;
  height: 200px; /*same height as header*/
  margin-top: -200px; /*same height as header*/
  visibility: hidden;
}

.container2Column {
  clear: both;
  padding: 25px;
  margin: 0px;
  overflow:hidden;
 }
 
.profile2_1 {
  background-color: #;
}
.profile2_2 {
  background-color: #;
}

@media only screen and (min-width: 480px) {
.span2 {
  width: 48.4%;
}
.col2 {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col2:first-child {
  margin-left: 0;
}
}

.container3Column {
  clear: both;
  padding: 0px;
  margin: 0px;
  overflow:hidden;
 }
.profile3_1 {
  background-color: #;
 }
.profile3_2 {
  background-color: #;
}
.profile3_3 {
  background-color: #;
}

@media only screen and (min-width: 880px) {
 .span3 {
  width: 32.2%;
}
.col3 {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col3:first-child {
 margin-left: 0;
}
}


.container4Column {
  clear: both;
  padding: 10px;
  margin: 0px;
  overflow:hidden;
 }
 
.profile4_1 {
  background-color: #;
}
.profile4_2 {
  background-color: #;
}
.profile4_3 {
  background-color: #;
}
.profile4_4 {
  background-color: #;
}

@media only screen and (min-width: 680px) {
.span4 {
  width: 23.5%;
}
.col4 {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col4:first-child {
  margin-left: 0;
}
}

li {
  list-style-position: outside;
  margin-left: 35px;
  color: #A58C57;
}

input[type=text] {
  width: ;
  padding: 6px 6px;
  margin: 8px 0;
  font-size: 18px;
  box-sizing: border-box;
}
input[type=submit] {
  width: ;
  padding: 6px 6px;
  margin: 8px 0;
  font-size: 18px;
  box-sizing: border-box;
}
select {
   font-size: 18px;
}

form {
    display: inline-block; //Or display: inline; 
}

.no-wrap-text {
    overflow: hidden;
  }

