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

* {
    outline: none;
}


body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
font-size: 100%;
background-color: #003300;
background-attachment: fixed;
background-image: url(../images/repeat-x-bg.jpg);
background-repeat: repeat-x;
}
.fixedonecolmn #container {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}
.fixedonecolmn #header {
height: 95px;
overflow: hidden;
background-image: url(../images/alta-hdr-logo.png);
background-repeat: no-repeat;
width: 950px;
background-color: #518229;
}
.fixedonecolmn #header .rtjust {
text-align: right;
margin-right: 20px;
/* [disabled]padding-top: 28px; */
}
.fixedonecolmn #header p {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Helvetica", Arial, sans-serif;
	font-size: 12px;
	color: #c8f9a4;
	letter-spacing: 1.25pt;
	line-height: 15px;
}
.fixedonecolmn #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Helvetica", Arial, sans-serif;
	font-size: 16pt;
	color: #c8f9a4;
	letter-spacing: .05em;
}
.fixedonecolmn #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.fixedonecolmn #footer {
	height: 35px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	overflow: hidden;
	margin: 0px;
	background-color: #d0ddbb;
	background-image: url(../images/footerbg.gif);
	background-repeat: repeat-x;
}
.fixedonecolmn #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Helvetica", Arial, sans-serif;
	font-size: 12px;
	color: #4c7706;
	letter-spacing: 0.035em;
}
.fixedonecolmn #footer .rtjustftr {
	text-align: center;
	padding-right: 15px;
}
#footer a {
	text-decoration: none;
	color: #4c7706;
}

.fixedonecolmn #splasharea {
     padding: 0px;
     background-color: #FFFFFF;
     background-image: url(../images/alta-splash2017.jpg);
     height: 210px;
     overflow: hidden;
     background-repeat: no-repeat;
     width: 950px;
}

.taglinecontainer {
width: 425px;
margin-top: 115px;
text-align: center;
margin-left: 0px;
padding-left: 0px;
}

.tagline {
color: #95aa74;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing: 0.22em;
font-size: 1.09em;
margin-left: -40px;
}

.tagline li {
display: inline;
/* [disabled]margin-right: 7px; */
list-style-position: outside;
list-style-type: square;
}

.taglinecontainer p {
color: #a8a8a6;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.86em;
margin-top: -12px;
letter-spacing: 0.15em;
margin-left: -5px;
}
.fixedonecolmn #tagarea {
     padding: 0px;
     background-color: #FFFFFF;
     background-image: url(../images/green-plant-bbb.png);
     height: 85px;
     overflow: hidden;
     background-repeat: no-repeat;
     width: 950px;
}

.sidecol {
margin-left: 10px;
/* [disabled]border: 1px dotted #999; */
width: 307px;
float: left;
}

.sidecolHome {
margin-left: 10px;
/* [disabled]border: 1px dotted #999; */
width: 260px;
float: left;
font-family: "Noto Sans", Helvetica, Arial, sans-serif;
}
.sidecolContact { margin-left: 20px;/* [disabled]border: 1px dotted #999; */ width: 220px; float: left; font-family: "Noto Sans", Helvetica, Arial, sans-serif;/* [disabled]margin-top: 15px; */ }
.sidecolContact h2 { color: #2A6221; }

.sidecolContact p { font-family: Arial, Helvetica, sans-serif; font-size: 0.87em; line-height: 1.4em; margin-left: 5px; color: #2A6221; }



.clearboth {
clear: both;
}

.contentbox { border: 1px solid #F000; width: 585px; float: left; margin-left: 15px; padding-right: 5px; 
}
.contentbox h1     {
font-family: 'Noto Sans', sans-serif;
color: #2A6221;
font-size: 1.4em;
text-transform: uppercase;
}
.contentbox #tabs h3 {
color: #244A14;
text-transform: uppercase;
}

.contentboxContact { /* [disabled]border: 1px solid #DFE8D9; */ float: left; margin-top: 15px; width: 708px; font-size: 0.87em; font-family: "Noto Sans", Helvetica, Arial, sans-serif; }

.contentboxFull { border: 1px solid #DFE8D9; float: left; margin-right: 20px; margin-top: 15px; width: 870px; padding-top: 10px; font-size: 0.87em; font-family: "Noto Sans", Helvetica, Arial, sans-serif; margin-left: 20px; padding-left: 15px; padding-right: 20px; margin-bottom: 20px; 
}

/*.contentboxFull {
border: 1px solid #DFE8D9;
float: left;
/* [disabled]margin-right: 20px; 
margin-top: 15px;
width: 510px;
padding-left: 22px;
padding-right: 40px;
padding-top: 10px;
font-size: 0.87em;
font-family: "Noto Sans", Helvetica, Arial, sans-serif;
margin-left: 40px;
}*/

.contentboxFull h1 {
font-family: 'Noto Sans', sans-serif;
color: #2A6221;
font-size: 1.4em;
text-transform: uppercase;
}


.contentboxFull p {
line-height: 180%;
color: #2A6221;
font-size: 0.87em;
letter-spacing: .04em;
}




.contentboxHome {
border: 1px solid #DFE8D9;
float: left;
/* [disabled]margin-right: 20px; */
margin-top: 15px;
width: 510px;
padding-left: 22px;
padding-right: 40px;
padding-top: 10px;
font-size: 0.87em;
font-family: "Noto Sans", Helvetica, Arial, sans-serif;
margin-left: 40px;
}

.contentboxHome h1 {
font-family: 'Noto Sans', sans-serif;
color: #2A6221;
font-size: 1.4em;
text-transform: uppercase;
}

.contentboxHome p {
line-height: 180%;
color: #2A6221;
font-size: 0.87em;
letter-spacing: .04em;
}




.photocaption {
text-align: center;
margin-top: -8px;
color: #2A6221;
font-size: .82em;
}



.tabbullets {
list-style-type: square;
margin-left: -20px;
line-height: 1.5em;
}

.tabbullets li {
margin-bottom: 10px;
}
#nav {
border: 1px solid #F000;
margin-right: auto;
margin-left: auto;
background-color: #0f3304;
width: 950px;
text-align: center;
position: relative;
z-index: 9999;
background-image: url(../images/navbg.jpg);
background-repeat: repeat-x;
}

#nav ul li a {
color: #FFF;
text-decoration: none;
}

#nav ul {
display: inline;
list-style: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
padding-right: 4px;
padding-left: 0;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

#nav ul li {
display: inline-block;
margin-right: -5px;
position: relative;
background: #053f0b;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 28px;
font-weight: normal;
padding-top: 5px;
padding-right: 18px;
padding-bottom: 5px;
padding-left: 18px;
text-transform: uppercase;
color: #FFF;
}

#nav ul li:hover {
color: #fff;
background-color: #2A6221;
}

#nav ul li ul {
padding: 0;
position: absolute;
top: 38px;
left: 0;
width: 170px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
}

#nav ul li ul li {
display: block;
color: #fff;
text-shadow: 0 -1px 0 #000;
background-color: #075F11;
line-height: 205%;
}

#nav ul li ul li:hover {
background-color: #097014;
}

#nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#nav ul li ul li a {
color: #FFF;
text-decoration: none;
}

#tabs .caption {
font-size: .8em;
color: #666;
}
.rtjustsocial  {
text-align: right;
margin-right: 20px;
border-width: 0px;
float: right;
margin-top: 22px;
}

.logohotspot {
margin-left: 25px;
margin-top: 21px;
border-width: 0px;
width: 222px;
float: left;
color: #BDEE98;

}


.lefttagline {
/* [disabled]text-align: right; */
margin-left: 0px;
border-width: 0px;
float: left;
margin-top: 32px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #BDEE98;
font-size: 0.88em;
letter-spacing: .05em;
}

.findustxt {
font-size: .75em;
color: #BDEE98;
;
float: left;
font-family: "Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Helvetica",Arial,sans-serif;
font-size: 0.9em;
letter-spacing: 0.07em;
margin-top: 16px;
margin-left: 14px;
}

.socialbtn {
float:left;
margin-left:10px;
}
.fixedonecolmn #tagarea #tagline {
    color: #7DBD19;
    float: left;
    font-family: 'Fauna One',serif;
    font-size: 1.25em;
    letter-spacing: 0.05em;
    margin-left: 130px;
    margin-right: 270px;
    margin-top: 53px;
     
}

#container .callus {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin-top: 38px;
float: right;
margin-right: 33px;
text-align: right;
color: #4C7706;
}

a:hover, a:active, a:focus {
    outline: none; // styling for any way a link is about to be used
}


button:focus {
    outline: none;
}
.contentboxFullx img { float: left; margin-right: 10px; margin-bottom: 15px; padding: 6px; border: 1px solid #DFE8D9; }

.leftfloat { float: left; margin-right: 10px; margin-bottom: 15px; padding: 6px; border: 1px solid #DFE8D9; }

.rightfloat { float: right; margin-right: 10px; margin-bottom: 15px; padding: 6px; border: 1px solid #DFE8D9; margin-left: 15px; }

.bigphone { font-size: 1.1em; }
