@import url('https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans:bold|PT+Sans|PT+Sans:bold');

body 	{background-color: #FFFFFF; margin: 0px;  padding: 0px;  border: #FFFFFF 0px solid; }

/* DEFAULTS - MARGINS SPACING */
div		{ margin: 0; padding: 0; border: 0; }
table, tr, td	{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }

.mapsection {font-family: Tahoma;font-size: 12px;}
.mapitem {font-family: Tahoma;font-size: 12px;}

.nav-footer  a:link, a:visited, a:active { color: #ffffff; text-decoration: underline; font-weight: 500;}
.nav-footer  a:hover { color: #b8bfa9; text-decoration: underline; }

.nav-page a:link {text-decoration:underline; color:#000000;  font-weight: 900;}
.nav-page a:visited {text-decoration:underline; color:#000000; font-weight: 900; }
.nav-page a:hover { text-decoration:underline; color:#a00000;  font-weight: 900; }

.nav-sitemap a:link {text-decoration:underline; color:#000000; }
.nav-sitemap a:visited {text-decoration:underline; color:#000000;}
.nav-sitemap a:hover { text-decoration:underline; color:#ff0000;  }

/* DEFAULTS - ALIGNMENT */
.td-right 	{ text-align: right; }
.td-left 	{ text-align: left; }
.td-center	{ text-align: center; }
.td-top		{ vertical-align: top; }
.td-middle	{ vertical-align: middle; }
.td-bottom	{ vertical-align: bottom; }
.center-align	{ text-align: center; }
.center-div	{ margin-left: auto; margin-right: auto; }
.right-div	{ margin-left: auto; margin-right: 0; }
.left-div	{ margin-left: 0; margin-right: auto; }


/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */
body, div, table {color: #262626; font-family: "Open Sans", arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 22px;	}
.headertitle 		{ color: #000000; font: 24px "PT Sans", arial, sans-serif; font-weight: bold; letter-spacing: 0px; line-height: normal;} 
.title 		{ color: #000000; font: 20px "PT Sans", arial, sans-serif; font-weight: bold; letter-spacing: 0px; line-height: normal;}
.subtitle 	{ color: #000000; font: 16px "PT Sans", arial, sans-serif; font-weight: bold; letter-spacing: 0px; line-height: normal;}
.subheader 	{ color: #000000; font: 14px "PT Sans", arial, sans-serif; font-weight: bold; letter-spacing: 0px; line-height: normal;}

.title2 		{ color: #000000; font: 18px "Open Sans", arial, helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; line-height: normal; padding: 0px 0px 5px 0px;}
.title-header 		{ color: #000000; font: 22px "Open Sans", arial, helvetica, sans-serif;  padding: 0px 0px 0px 0px;}
.title-white 		{ color: #ffffff; font: 21px "Open Sans", arial, helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; line-height: normal; padding: 0px 0px 0px 0px;}

 /* Header*/
.header-top   {color: #ffffff; padding: 0px 0px 0px 0px; }
.header-size { max-width: 700px;}
.menu-height  { min-height: 60px; color: #ffffff;}
 /* .black-splits 	{width: 100%;    height: 5px; background-color: #000000; } */

.main-page-images {background-color: #5d5c5a; padding: 5px 0px 0px 0px;}
.menu-top {background-color: #000000; width:100% height: 5px;}

.pageheight	{ min-height: 500px; }

/* INNER AND OUTER BACKGROUNDS */
.outer-background	{background-color: #FFFFFF; background-image: none; background-repeat: repeat; background-attachment: fixed; 	}
.inner-background	{background-color: transparent; border: #000000 0px solid;  }


/* HOME & Header PAGE WIDTHS */
#contentbox	{ max-width: 1200px;  margin: 0 auto; padding: 5px 0px 10px 0px;  }
#contentbox-home  { max-width: 950px; margin: 0 auto;  padding: 5px 0px 0px 0px; }


/* RIGHT SIDEBAR  may only need sidebar-content */
#sidebar-content 	{float: left; width: 100%;  max-width: 300px;  padding: 0px;  border-left: #C5CBD4 0px solid; }
#sidebar-content-header 	{float: left; width: 100%;  max-width: 300px;  padding: 0px;  border-left: #C5CBD4 0px solid; }
.sidebar-pad 	  	{ padding: 0px 0px 10px 35px; }
.sidebar-text 	{color: #72767F;  font: 13px "PT Sans", arial, sans-serif; 	text-align: left; font-weight: normal;  line-height: normal; }

/* REMOVES MARGINS ON HEADING TAGS (FOR SEO) */
h1, h2, h3, h4	{ padding: 0px 0px 1px 0px; }

/*  Responsive Images  */
.responsive {max-width:100%; height:auto;}
.image-responsive {max-width:100%; height:auto;}
.map-responsive{ overflow:hidden;   padding-bottom:56.25%;  position:relative;  height:0; }
.map-responsive iframe{left:0;  top:0;   height:100%; width:100%; position:absolute; }

.small-map-area		{ max-width: 400px; }

/* LARGE PAGE SPLITS */
.large-splits 	{width: 100%; line-height: 1px;  font-size: 1px;  height: 5px; background-color: #bfd22b; margin: 0 auto;  padding: 0px;
		            border: #bfd22b 0px solid;}
.black-splits 	{width: 100%;    height: 5px; background-color: #000000; }
.divclear	{ height: 10px; clear: both; font-size: 1px; line-height: 1px; padding: 0px; margin: 0px; }
.divclear2	{ height: 3px; clear: both; font-size: 1px; line-height: 1px; padding: 0px; margin: 0px; }

.page-splits 	{ height:10px; background-color: #000000; }
.page-splits-bottom 	{ height:1px; background-color: #AEAEAE; }

/* NOTE: IF YOU CHANGE THE PAGE WIDTHS EDIT & TEST THE MEDIA QUERIES IN THE media-queries.css */
.pagewrapper	{width: 100%; min-width: 319px; text-align: center; margin: 0 auto; }
.pagebox	{padding: 0px 10px 0px 10px; margin: 0 auto; }
.pagewidth		{ max-width: 1000px; }
.pagebox-header	/* {width: 100%; padding: 0px 0px 0px 0px;} */ {padding: 0px 10px 0px 10px; margin: 0 auto; }


 /* Header 2/3 to 1/3 layout */
.pagewidth-header		{ max-width: 1000px; }
/* use for the 2/3 1/3 layout .pagewrapper-header	{width: 100%; background-color: #a00000; height: 200px;*/}
.pagewrapper-header	{width: 100%; background-color: #a00000; height: 200px;}

/* { max-width: 950px; margin: 0 auto;  padding: 5px 0px 0px 0px;} */
/*#contentbox-header { max-width: 1200px;  margin: 0 auto; padding: 0px 0px 10px 0px; background-color: #a00000;  } */
#contentbox-header { width: 100%; margin: 0 auto; padding: 0px 0px 0px 0px; background-color: #a00000;  }

#contentbox2-header { width: 100%; margin: 0 auto; padding: 0px 0px 0px 0px; background-color: #1affff;  }


 /* Left SIDEBAR */
#left-content 	{float: left;  width: 100%; max-width: 900px; padding: 0px; }
.content-pad 	{padding: 0px 35px 10px 15px; }

 /* RIGHT SIDEBAR */
#right-content 	{float: left;  width: 100%; max-width: 300px; padding: 0px 0px 0px 0px;  border-left: #C5CBD4 0px solid; }

.right-pad 	  	{ padding: 10px 0px 0px 0px; }
.right-text 	{ color: #000000; font-family: "Open Sans", arial, helvetica, sans-serif; font-size: 14px; text-align: center;  font-weight: normal;	line-height: normal; 	}
.smaller-width { max-width: 920px; }
.pic-width { max-width: 1200px; }


.green-back   {color: #ffffff; font-size: 20px; background-color: #9aa923; text-align: left; padding: 10px 10px 10px 10px;}
.smaller-width-greentext { max-width: 920px; color: #ffffff; font-size: 20px; text-align: left;}
.green-back2   {color: #ffffff; font-size: 20px; background-color: #9aa923; text-align: left; padding: 10px 10px 10px 10px;}
.smaller-width-greentext2 { max-width: 920px; color: #ffffff; font-size: 20px; text-align: center;}


/* FOOTER - IF YOU EDIT HEIGHT PADDING OR BORDERS EDIT #pagewrapper -margin ABOVE */
.footerheight	{ min-height: 60px; }
.footerdiv	{color: #ffffff; font: 12px "Source Sans Pro", arial, sans-serif; text-align: center;  background-color: #000000; padding: 15px 8px 5px 8px;
		border: solid #1affff; 	border-width: 5px 0px 0px 0px;   /* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */ }
/* divider line */
.footersplit	{font-size: 1px; line-height: 1px; height: 2px; padding: 0px;  margin: 5px auto 0px auto; max-width: 400px; border-bottom: #ffffff 1px solid; }


/*  SECTIONS  */
.section {	clear: both; 	padding: 0px; 	margin: 0px; }

/*  COLUMN SETUP  */
.col {	display: block; 	float:left; 	margin: 1% 0 1% 1.6%;  }
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

 /*  GRID OF TWO 22222222222222     */
.span_2_of_2 {	width: 100%;}
.span_1_of_2 {	width: 49.2%;}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) { .col { 	margin: 1% 0 1% 0%; 	}  }
@media only screen and (max-width: 480px) {	.span_2_of_2, .span_1_of_2 { width: 100%; } }

/*  GRID OF THREE 3333333333333333333 */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {	.col {  margin: 1% 0 1% 0%; }	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; } }