/*Reset Styles*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, body, blockquote {margin: 0; padding: 0;}
a img {border: none;}

/*useful styles*/
.float-right {float: right; margin: 10px;}

/*layout styles*/

/*The html style immediately below is used to force a vertical scrollbar on every page*/
html {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
	}

body {
	background-color: #ffffff;
	font-family: "Tahoma", Geneva, sans-serif;
	}



#swirl {
float: right;
background-image: url(../assets/components/resources/swirl3.jpg);
background-repeat: no-repeat;
z-index: -1;
}


.sharing-buttons {float: right;}
.dark-gray-line {border-bottom: 2px solid #4E4C4D; margin: -2px 0 -2px 0;}
.green-line {border-bottom: 1px solid #649A42; margin: 5px 0 5px 0;}
.box-shadow {box-shadow: 5px 5px 5px #888888;}
.light-gray-line {border-bottom: 1px solid #cccccc;}
.blackline {border-bottom: 1px solid black;}
.image {float: left; list-style-type: none;}
.img-border {border-bottom: 2px solid #fff;}
.map {margin: 12px 10px;}
.toggleopacity img {opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */}
.toggleopacity:hover img {opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}
.dont-break-out {overflow-wrap: break-word;}

.dark-border {
	padding: 10px 10px 0 10px;
	border: 3px solid #222222;
	border-radius: 10px 10px 10px 10px;
	background-color: #a7a7a7; 
	}




#text-columns-2 {
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
-moz-column-rule:1px outset #eeeeee; /* Firefox */
-webkit-column-rule:1px outset #eeeeee; /* Safari and Chrome */
column-rule:1px outset #eeeeee;
}


/*text-styles*/
#default-font p {line-height: 28px; font-size: 16px; letter-spacing: 0.5px; color:#696969;}
#default-font h1 {line-height: 52px; font-size: 40px; font-weight:normal; font-style:italic; color:#649A42; font-family: "Georgia",serif;}
#default-font h2 {line-height: 42px; font-size: 30px;  font-weight:normal; font-style:italic; color:#649A42; font-family: "Georgia",serif;}
#default-font h3 {line-height: 30px; font-size: 20px; letter-spacing: 0.25px; color:#070B04;}
#default-font h4 {line-height: 26px; font-size: 16px; color:#696969;}
#default-font h5 {line-height: 18px; font-size: 12px; color:#696969;}

#footer-lower p {line-height: 26px; font-size: 14px; color:#355223; text-align: center;}

.drop-cap {float: left; color: #649A42; font-size: 84px; line-height: 56px; padding-top: 10px; padding-right: 8px; font-family: "Georgia",serif;}




/*link styles*/
#default-font a {text-decoration: none; overflow-wrap: break-word;}
#default-font a:link {color: #78419A;}
#default-font a:visited {color: #78419A;}
#default-font a:hover {text-decoration: underline; color: #41909A;}
#default-font a:active {text-decoration: underline; color: #41909A;}


#default-font .grey-border a:link {
opacity:1.0;
filter:alpha(opacity=100);
border-radius: 10px;
padding: 7px 25px 8px 25px;
margin: 0 0 0 5px;
text-align: center;
text-decoration: none;
color: #ffffff;
background-color: #41909A;
}

#default-font .grey-border a:visited {
opacity:1.0;
filter:alpha(opacity=100);
border-radius: 10px;
padding: 7px 25px 8px 25px;
margin: 0 0 0 5px;
text-align: center;
text-decoration: none;
color: #ffffff;
background-color: #41909A;
}

#default-font .grey-border a:hover {
opacity:0.9;
filter:alpha(opacity=90);
border-radius: 10px;
padding: 7px 25px 8px 25px;
margin: 0 0 0 5px;
text-align: center;
text-decoration: none;
color: #ffffff;
background-color: #1e4348;
}

#default-font .grey-border a:active {
opacity:0.9;
filter:alpha(opacity=90);
border-radius: 10px;
padding: 7px 25px 8px 25px;
margin: 0 0 0 5px;
text-align: center;
text-decoration: none;
color: #ffffff;
background-color: #1e4348;
}





/*Responsive design*/
/*Mobile phones:*/
#banner {width:100%; margin: 0 0 5px 0; overflow:hidden; height: 195px; background-image: url(../assets/components/resources/banner6-mobile-72dpi.jpg);}
#wrapper {width:97%; margin: 0 5px 0 5px;}
#nav-wrapper-inner {width:100%;}
#full-width-column {width:100%; margin:0 0 20px 0;}
#column1-alt {width:100%;margin:0 0 20px 0;}
#column2-alt {width:100%;margin:0 0 20px 0;}
#column2-3-alt {width:98%;margin:360px 0 20px 0;}
#column3-alt {width:100%;margin:0 0 20px 0;}
#column1 {width:100%;overflow:hidden; margin:0 0 20px 0; padding: 30px 0 0 0;}
#column2 {width:100%;overflow:hidden; margin:0 0 20px 0;}
#column2-3 {width:98%;overflow:hidden; margin:0 0 20px 0;}
#column3 {width:100%;overflow:hidden; margin:0 0 20px 0;}
#column3wider {width:100%;overflow:hidden; margin:360px 0 20px 0;}
#column4 {width:100%;overflow:hidden; margin:0 0 20px 0;}
#footer-col1 {overflow:hidden; margin: 30px auto 0 auto; width: 296px;}
#footer-col2 {overflow:hidden; margin: 30px auto 0 auto; width: 215px;}
#footer-col3 {overflow:hidden; margin: 30px auto 30px auto; width: 191px;}
#footer {padding: 10px 0 10px 0; background-color: #649A42;}
#img-container {padding: 18px 10px 13px 10px; border-radius: 5px; background-color: #fff;}
#footer-lower {width:100%; padding: 40px 0 40px 0; background-color: #cccccc;}


/*Desktop:*/
@media only screen and (min-width: 768px)

{
#wrapper {
width: 960px;
height: 1%;
margin: 0px auto;
border: 0px;
}


#banner {
margin: 10px 0 0 0;
height: 195px;
background-image: url(../assets/components/resources/banner6-72dpi.jpg);
background-repeat: no-repeat;
}

#nav-wrapper-inner {
width:960px;
height:39px;
margin: 0px auto;
}

#nav-wrapper-outer {
width: 100%;
background-color:#649A42;
}

#full-width-column {
width: 930px;
height: 500px;
margin: 0px auto;
}

#column1-alt {
float:left;
width: 250px;
padding: 20px 0 80px 0;
}

#column2-alt {
float:left;
width: 250px;
margin: 0 0 0 30px;
padding: 20px 0 80px 0;
}

#column2-3-alt {
float:left;
width: 100%;
padding: 40px 0 0 0;
margin: 0 0 0 -5px;
}

#column3-alt {
float:right;
width: 375px;
height: 580px;
padding: 0 0 0 25px;
margin: 20px 0 50px 0;
border-left: 1px solid #d3d3d3;
background-color: #ffffff;
}

#column1 {
float:left;
width: 390px;
height: 500px;
padding: 50px 0 80px 0;
}

#column2 {
float:left;
width: 270px;
padding: 40px 0 80px 0;
}

#column2-3 {
float:left;
width: 570px;
padding: 40px 0 0 0;
margin: 0 0 0 0;
}

#column3 {
float:right;
width: 270px;
padding: 40px 0 80px 0;
}

#column3wider {
float:right;
width: 300px;
padding: 40px 0 80px 0;
margin: 0 0 0 0;
}

#column4 {
float:left;
width: 520px;
padding: 40px 0 80px 0;
margin:0 0 0 0;
}

#footer {
clear:both;
width 100%;
height: 261px;
background-color: #649A42;
}

#footer-col1 {
float: left;
width:auto;
padding: 30px 35px 0 10px;
margin: 0 80px 0 0;
}

#footer-col2 {
float: left;
width:auto;
padding: 30px 0 0 0;
margin: 0 0 0 0;
}

#img-container {
padding: 18px 10px 13px 10px;
border-radius: 5px;
background-color: #fff;
}

#footer-col3 {
float: right;
width:auto;
padding: 30px 10px 0 0;
margin: 0 0 0 0;
}

#footer-lower {
clear:both;
width 100%;
padding: 40px 0 40px 0;
background-color: #cccccc;
}


