/* Agle Com - CSS Document */ 

/* -------------------------------
    Major Default Values 
----------------------------------*/

html, 
html *    {padding:0;margin:0;box-sizing:border-box;font-size: 100%;
	       font-family: Gotham, Helvetica Neue, Helvetica, Arial,"sans-serif";}
img       {max-width:100%; height:auto;}
body      {background-color:#EAE3D4;margin-left:auto; margin-right:auto;}
a:link    {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover   {text-decoration: underline;}
li        {margin-bottom: 5px;}
ul 		  {list-style: none;}
/*ul li a   {text-decoration: none; list-style: none;}*/


/* --------------------------------------
    Essential Selector Classes - Colors
---------------------------------------*/

.cream    {color: #EAE3D4}
.cabernet {color: #552448}
.white    {color: #FFF;}
.grey     {color: #999;}
.warning  {color: #F00;}
.hint     {color: #CCC;}

/* --------------------------------------
    Essential Selector Classes - Items
---------------------------------------*/

.image1 {border: 2px solid #552448;padding: 5px;
	     margin-right: 5px;margin-left: 5px;}

/* --------------------------------------
    Essential Selector Classes - Sections
---------------------------------------*/

.container {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #232D2F;
    max-width: 1200px;
}

.header-background {
	/*background-image: url(../images/header19.png);*/
    background-color: #552448;
	background-repeat: no-repeat;
	background-position: center top;
    background-size: 100%;
	max-width: 100%;
    height:6.5em;
}
.headerLeft {
	float: left;
    width: 180px;
    padding:1em;
}
.headerRight {
	float: right;
	color: #EAE3D4;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    font-size: .8em; text-align: center;
    padding: .5em 1em 0em 0em;
}
.navbar {width:100%; clear:both; background-color: #552448;}

.mainBody {width: 100%;}
.mainbody:before, .mainbody:after {content:""; display:table;}
.mainbody:after {clear:both;}

.mainbody1-sm {width: 96%;padding: 1%;}
.mainbody2-sm {width: 96%;padding: 1%;}

.mainBodyLeftContainer {min-height: 415px;}
.mainBodyLeftCopy {width: 345px;
	position: absolute;
	margin-top: 0px;
	margin-left: 240px;
	padding-left: 10px;
}
.mainBodyRightTitle {
	padding: .7em 0;
	height: 3.4em;
	margin: 0px;
}
.latestnews-header {
	padding: .7em 0;
	height: 3.4em;
	margin: 0px;
}
.latestnews-text {
	background-color: #FFD;
	font-size: .7em; font-size: .7rem;
	font-family: Arial, Helvetica, sans-serif; color: #552448;
	border: 1px solid #552458;padding: .8em .8em .4em .8em;}

.stats-page-bottom ul li {padding-left: 3em;}

.footer {
    clear: both;
    width:100%;
	color: #552448;
}
.footerLeft {
	width: 75%;
    padding-top:none;
    padding-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
    margin-left: auto;
    margin-right: auto;
}
.footerRight {
	margin-top: 0px;
	margin-left: 630px;
	position: absolute;
	width: 335px;
	height: 60px;
	padding: 20px;
}

.end {width: 98%;margin-left:auto;margin-right:auto;}
.endLeft {width: 65%;font-family: Arial, Helvetica, sans-serif;font-size: .7em;}
.endRight {width: 440px;float: right;text-align: right;}

.statscharts {width:94%;border: 2px solid #0079C1;padding: 1%;}


.headline1 {font-size: 1.8em;color: #552448;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
.headline1c {font-size: 1.8em; font-size:1.8rem;font-family: Arial, Helvetica, sans-serif;}
.headline1cb {font-size: 1.8em; font-size: 1.8rem;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight:bolder;}
.headline1r {font-size: 1.8em; color: #EAE3D4; padding: 0.5em 0em;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}

.headline2 {font-size: 1em; font-size: 1rem;color: #552448;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;}
.headline2c {font-size: 1em; font-size: 1rem;
	font-family: Arial, Helvetica, sans-serif;}
.headline2cb {font-size: 1em; font-size: 1rem;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bolder;}
.headline2cg {font-size: 1em; font-size: 1rem;
	color: #008000;
	font-family: Arial, Helvetica, sans-serif;}


.headline3 {font-size: 1em; font-size: 1rem;color: #552448;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
    font-weight: 600;
    font-stretch: expanded;

    }

.caption1 {font-size: .8em; font-size: .8rem;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;}
.caption2 {font-size: .8em; font-size: .8rem;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #0079C1;}

.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #999;
	width: 580px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(../images/shadowDown.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -20px;
}

.fullwidth {clear:both; width: 96%; color:darkblue;}

.featuredButtons {height: 25px;width: 100%;}

.featuredColumn {
	overflow: auto;
	font-size: .8em;
	visibility: visible;
	height: 860px;
	width: 100%;}

.pullQuote {
	width: 250px;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #999;
	text-align: center;
}
.pullQuoteParenthesis {
	font-size: 48px;
	line-height: 34px;
	color: #CCC;
}
.awardsCopy {
	width: 250px;
	position: relative;
	margin-top: 25px;
	margin-left: 25px;
}
.awards {
	background-image: url(../images/Carol_Agle2.jpg);
	background-repeat: no-repeat;
	height: 375px;
	width: 565px;
}

.searchBtn {
	padding: 5px;
	border: 1px solid #666;
	background-color: #6A6;
	margin-left: 20px;
}
.searchTbl {border: 1px solid #666;}
.searchButton {
	padding: 3px;
	border: 1px solid #0079C1;
	background-color: #FFD;
	color: #0079C1;
	margin: 0px;
}

.stats-page-bottom {padding-left:1em; clear:both; width:100%;}

/* --------------------------------------
    CSS - Home Page Image Swaps
---------------------------------------*/

#balloon-text {box-shadow:#FFC;font-size: x-small;}

/* Slideshow container */
.slideshow-container {max-width: 1000px;position: relative;margin: auto;}

/* Hide the images by default */
.mySlides {display: none;}

/* Next & previous buttons */
 .prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
/* Position the "next button" to the right */
.next {right: 0;border-radius: 3px 0 0 3px;}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 1em;
  padding: 4px 1em;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: right;
}
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: .8em;
  padding: 8px 1.8em;
  position: absolute;
  top: 0;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


/* --------------------------------------
    CSS - Home Page Testimonials
---------------------------------------*/

.testimonials-container {
    width: 545px;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    padding: 0;
    left: 126px;
    top: 400px;
}
.testimonials-text {
  color: #552448;
  font-size: 1em;font-style: italic;
  padding: 0 0 0 1em;
}
.testimonials-signature {
  color: #552448;
  font-size: .8em;font-style:italic;font-weight: 500;
  padding: 0 1em 2em 0;text-align: right;
}
.testimonials-head {
  color: #552448;
  font-size: .8em;font-style:italic;
  padding: 1em 0em 0em 1em;
  text-align: left;font-weight: 600;
}

/* --------------------------------------
    CSS - RWD - Rows / Columns (Adobe)
---------------------------------------*/

/* --- Narrow View --- */ 

.fp-row   {clear:both;width:100%;}
.fp-photo {display:block;margin:0 0 1em 0;}
.fp-data  {display:block;margin:0 0 .5em 0;}


/* --- Tablet View --- */ @media (min-width: 768px){
.headline1       {color:green;}
.headerleft      {width: 210px;}
h2               {margin-bottom: 1em;}
.style-nav ul li {display: inline-block;}
.style-nav ul    {text-align: center;}
    
.statscharts     {width: 35%;}
    
.mainbody1-md    {width:55%;margin-right:5%;float:left;}
.mainbody2-md    {width:30%;float: left;}
	
.fp-photo {display:block;width:100%;margin:0;}
.fp-data  {display:block;width:100%;align-content:left;}
}

/* --- Desktop View --- */ @media (min-width: 960px){
body             {max-width: 1280px;}
.style-logo      {float: left;}
.style-nav       {float: right;}
.headerleft      {width:240px;}

.statscharts     {width: 35%;}

.headline1       {font-size:1.5em;color: #552448;}

.mainbody1-lg    {width: 50%;margin-right:5%;float:left;}
.mainbody2-lg    {width: 45%;float:left;}


.fp-photo {display:inline;clear:both;float: left;width:160px;height:80px;}
.fp-data  {display:inline;}

}