﻿@charset "UTF-8";
/* CSS Document */


body {font-family: 'Lato', sans-serif; margin: 0; padding: 0}



/*
	Slideshow
*/

#rotator-container #slides {
	position:absolute;
	/*top:15px;*/
	/*left:4px;*/
	z-index:100;
    	width:1140px; 
	height:358px;
    max-width: 100%;
    max-height: 100%;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#rotator-container .slides_container {
	width:100%;
	overflow:hidden;
	position:relative;
	display:none;
    	width:1140px; 
	height:358px;
    max-width: 100%;
    max-height: 100%;
}

#rotator-container .slides_control {
    max-width: 100%;
    max-height: 100%;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

#rotator-container .slides_container a {
}

#rotator-container .slides_container a img {
	display:block;
}

/*
	Pagination
*/

#rotator-container .pagination {
	/* KJB commented out 2017/09/14 to shift navigation to left
    margin:26px auto 0;
    */
	width:100px;
    /* KJB added 2017/09/14 to shift navigation up over slides */
    position: relative; top: -50px; z-index: 100; padding-left: 1em
}

#rotator-container .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
    /* KJB added 2017/09/14 to add some breathing room between navigation items */
    padding: 0 5px;
}

#rotator-container .pagination li a {
	/* KJB commented out 2017/09/14 so navigation is displayed
    display:none;
    */
    /* KJB added 2017/09/14 to change navigation text color from black to white */
    color: #fff
}

#rotator-container .pagination li.current a {
	background-position:0 -12px;
    /* KJB added 2017/09/14 to differentiate current slide */
    font-weight: bold
}

/*
	Begin Rotator
*/

#rotator-container #rotator-wrapper, #rotator-container #alt-rotator-wrapper {
	/*font-family: 'Lato', sans-serif;*/
	width:1140px; 
	height:358px;
    max-width: 100%;
    max-height: 100%;
	border:none;
	overflow:hidden;
	}
    
    #rotator-container #rotator-wrapper img {width: 1140px; height: 358px; max-width: 100%; max-height: 100%}
	
/*
	Left side of rotator
*/

#rotator-container #rotator-background-left, #rotator-container #alt-rotator-background-left {
	width:550px; 
	height:236px; 
	float:left; 
	position:absolute;
    z-index: 2;
	}
	
#rotator-container #rotator-background-left.membership, #rotator-container #alt-rotator-background-left.membership {
	background-image:url(images/left/Rotator-left-Membership.png); 
	background-repeat:no-repeat; 
	}
#rotator-container #rotator-background-left.certification{
	background-image:url(images/left/Rotator-left-Certification.png); 
	background-repeat:no-repeat; 
	}
#rotator-container #rotator-background-left.education{
	background-image:url(images/left/Rotator-left-Education.png); 
	background-repeat:no-repeat; 
	}
#rotator-container #rotator-background-left.ccf{
	background-image:url(images/left/Rotator-left-CCF.png); 
	background-repeat:no-repeat; 
	}
#rotator-container #rotator-background-left.events{ 
	background-image:url(images/left/Rotator-left-Events.png); 
	background-repeat:no-repeat; 
	}
	
#rotator-container #rotator-title h1, #rotator-container #alt-rotator-title h1{
	/*font-family: 'Lato', sans-serif;*/
	font-size: 34px; /*2.1em;*/
	margin:20px 20px 5px 20px;
	font-weight:900;
	line-height:20px;
	color:#FFF;
	letter-spacing:3px;
	text-transform:uppercase;
    
    padding: 0;
	}
#rotator-container #rotator-title h2, #rotator-container #alt-rotator-title h2 {
	/*font-family: 'Lato', sans-serif;*/
	font-size: 32px; /*2em;*/
	margin:0 20px 10px 20px;
	font-weight:300;
	line-height:.9em;
	color:#FFF;
	letter-spacing:.09em;
	/*text-transform:lowercase;*/
	}
#rotator-container .ccf #rotator-title h2, #rotator-container .ccf #alt-rotator-title h2 {
	letter-spacing:.03em;
}
#rotator-container #rotator-background-left hr, #rotator-container #alt-rotator-background-left hr {
	margin:0;
    text-align: left;
	width:505px;
}
#rotator-container #rotator-links p, #rotator-container #alt-rotator-links p {
	/*font-family: 'Lato', sans-serif;*/
	font-size: 19px; /*1.2em;*/
	font-style:italic;
	line-height:.9em;
	font-weight:700;
	letter-spacing:.10em;
	margin: 10px 20px 10px 20px;
	color:#FFF;
}
#rotator-container #rotator-background-left hr#hrule2, #rotator-container #alt-rotator-background-left hr#alt-hrule2 {
	margin:0;
	width:529px;
}
#rotator-container #rotator-navigation{
	margin-left: 10px;
}
#rotator-container #rotator-navigation a{
	/*font-family: 'Lato', sans-serif;*/
	font-size: 13px; /*.8em;*/
	line-height:.5em;
	font-weight:600;
	letter-spacing:.15em;
	color:#fff;
	float:left;
	display:inline;
	margin:10px 0 0 10px;
	text-decoration:none;
	}
#rotator-container a:link,#rotator-container a:visited {
	color:inherit;
	text-decoration:none;
}

/*
	Rotator Links
*/

#rotator-container .membership #rotator-links a:link,#rotator-container .membership #rotator-links a:visited, #rotator-

container .membership #alt-rotator-links a:link,#rotator-container .membership #alt-rotator-links a:visited {
	color:#FCF4D9;
	text-decoration:none;
	background:url(images/Arrow-button.png) no-repeat;
	background-position:right 50px;
}
#rotator-container .certification #rotator-links a:link,#rotator-container .certification #rotator-links a:visited {
	color:#FCEFF0;
	text-decoration:none;
	background:url(images/Arrow-button.png) no-repeat;
	background-position:right 50px;
}
#rotator-container .education #rotator-links a:link,#rotator-container .education #rotator-links a:visited {
	color:#F0FCE8;
	text-decoration:none;
	background:url(images/Arrow-button.png) no-repeat;
	background-position:right 50px;
}
#rotator-container .ccf #rotator-links a:link,#rotator-container .ccf #rotator-links a:visited {
	color:#F2F8FC;
	text-decoration:none;
	background:url(images/Arrow-button.png) no-repeat;
	background-position:right 50px;
}
#rotator-container .events #rotator-links a:link,#rotator-container .events #rotator-links a:visited {
	color:#C4DDED;
	text-decoration:none;
	background:url(images/Arrow-button.png) no-repeat;
	background-position:right 50px;
}

#rotator-container a:hover,#rotator-container a:active{
	color:#FFF;
	}
	
/*
	Rotator Navigation
*/

#rotator-container #rotator-navigation a#active {
	color:#FFF;
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#rotator-container #rotator-navigation a:hover span {
	color:#FFF;
}
#rotator-container #rotator-navigation a:active span {
	color:#FFF;	
}
#rotator-container .membership #rotator-links a:hover,#rotator-container .membership #rotator-links a:active, #rotator-

container .membership #alt-rotator-links a:hover,#rotator-container .membership #alt-rotator-links a:active {
	color:#FFF;
	text-decoration:none;
	background-position:right 3px;
}
#rotator-container .certification #rotator-links a:hover,#rotator-container .certification #rotator-links a:active {
	color:#FFF;
	text-decoration:none;
	background-position:right 3px;
	text-decoration:none;
}
#rotator-container .education #rotator-links a:hover,#rotator-container .education #rotator-links a:active {
	color:#FFF;
	text-decoration:none;
	text-decoration:none;
	background-position:right 3px;
}
#rotator-container .ccf #rotator-links a:hover,#rotator-container .ccf #rotator-links a:active {
	color:#FFF;
	text-decoration:none;
	text-decoration:none;
	background-position:right 3px;
}
#rotator-container .events #rotator-links a:hover,#rotator-container .events #rotator-links a:active {
	color:#FFF;
	text-decoration:none;
	text-decoration:none;
	background-position:right 3px;
}

#rotator-container #rotator-links #rotator-navigation a:hover {
	color:#FFF;
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
	background:none;
}

/*
	Rotator Background Right
*/

#rotator-container #rotator-background-right, #rotator-container #alt-rotator-background-right {
	/*z-index:-1;*/
	width:300px;
	height:236px;
	position:absolute;
	right:0;
	}
#rotator-container #rotator-background-right.membership, #rotator-container #alt-rotator-background-right.membership{
	background-image:url(images/right/Rotator-right-Membership.jpg); 
	background-repeat:no-repeat;
	}
#rotator-container #rotator-background-right.certification{
	background-image:url(images/right/Rotator-right-Certification.jpg); 
	background-repeat:no-repeat;
	}
#rotator-container #rotator-background-right.education{
	background-image:url(images/right/Rotator-right-Education.jpg); 
	background-repeat:no-repeat;
	}
#rotator-container #rotator-background-right.ccf{
	background-image:url(images/right/Rotator-right-CCF.jpg); 
	background-repeat:no-repeat;
	} 
#rotator-container #rotator-background-right.events{
	background-image:url(images/right/Rotator-right-Events.jpg); 
	background-repeat:no-repeat; 
	}
	
/*
	Rotator Call to Action
*/

#rotator-container #rotator-calltoaction, #rotator-container #alt-rotator-calltoaction {
	width:200px;
	height: 50px;
	background-image:url(images/calltoaction-bg.png);
	background-repeat:repeat-x;
	position:absolute;
	bottom:0;
	right:0;
	}
#rotator-container #rotator-calltoaction a.calltoaction, #rotator-container #alt-rotator-calltoaction a.calltoaction {
	color:#FFF;
	position:absolute;
	right:0;
	top:16px;
	width:180px;
	height: 1.01em;
    vertical-align: middle;
	line-height:.9em;
	font-size: 17px; /*1.1em;*/
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
	letter-spacing:.08em;
	padding-right:5px;
	z-index:1;
	}
#rotator-container #rotator-calltoaction a.calltoaction span, #rotator-container #alt-rotator-calltoaction a.calltoaction 

span {
	background:url(images/Arrow-button.png) no-repeat;
	background-position:0 1px;
}
#rotator-container .education #rotator-calltoaction a.calltoaction,  {
	letter-spacing:.03em;
}
#rotator-container .certification #rotator-calltoaction a.calltoaction {
}
#rotator-container #rotator-calltoaction a.calltoaction:hover, #rotator-container #alt-rotator-calltoaction 

a.calltoaction:hover{
	color:#999;
}
#rotator-container #rotator-calltoaction a.calltoaction:hover span, #rotator-container #alt-rotator-calltoaction 

a.calltoaction:hover span {
	background-position:0 -19px;
	color:#999;
}
