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

body	{
		font-family: Arial, Helvetica, sans-serif; 
		background-image: url(images/bgTile.jpg);
		background-repeat: repeat;
		font-size: 100%;
		color: #000;
		margin: 0;
		}
		

.nobr	{ white-space:nowrap; }

.FECtable p, .FECtable ul {
    padding-top: 0;
    margin-top: 3px;
}
/*----------------------------------------*/
/* coming soon page styles */
.comingSoon {
		display: inline-block;
		padding: 7vw 0;
		text-align: center;
		color: #fff;
		background-color: #0a4671;
		background-image: linear-gradient(#0a4671, #0a0a0a);
		width: 100%;
		height: 100%;
		align-items: center;
		font-size: 6vw;
		font-weight: 800;
		line-height: 6vw;
		vertical-align: middle;
}

.comingSoon img {
	width: 22vw;
}

.comingSoonYellow {
	font-size: .55em;
	color: #FFF;
}

.comingSoonFiller {
	height: 1000px;
	background-color: #0a0a0a;
}

/* end coming soon page styles */
/*----------------------------------------*/




iframe {
  border: none;
  outline: none;
  box-shadow: 0 10px 5px #ccc;
}


#container1	{
			margin: 0 auto;
			padding: 0;
			width: 994px;
			text-align: left;
			position: relative;
			background-image: url(images/contentTile.png);
			background-repeat: repeat-y;
			}
			
#container2	{
			margin: 0 auto;
			padding: 0;
			width: 994px;
			text-align: left;
			position: relative;
			background-image: url(images/contentTile2.png);
			background-repeat: repeat-y;
			}
			
#container3	{
			margin: 0 auto;
			padding: 0;
			width: 968px;
			}

#banner	{
		width: 940px;
		line-height: 1px;
		font-size: 1px;
		margin-left: 17px;
		}

/* For navigation bar */
#navlist	{
			font-family: Arial, Helvetica, sans-serif; 
			height: 41px;
			width: 960px;
			padding: 0;
			margin: 0 0 0 17px;
			font-size: 14px;
			position: relative;
			background-color: #c0c582;
			background-image: url(images/navShadow.jpg);
			background-repeat: no-repeat;
			background-position: bottom;
			border-top: #fff 3px solid;
			z-index: 100;
			}
			
#navlist2	{
			font-family: Arial, Helvetica, sans-serif; 
			height: 41px;
			width: 960px;
			padding: 0;
			margin: 0 0 0 17px;
			font-size: 14px;
			position: relative;
			background-color: #c0c582;
			background-image: url(images/navShadow2.jpg);
			background-repeat: no-repeat;
			background-position: bottom;
			border-top: #fff 3px solid;
			z-index: 100;
			}

#nav	{
		padding: 0;
		margin: 0;
		top: 7px;
		left: 40px;
		position: relative;
		width: 928px;
		}

#nav a	{
		text-decoration: none;
		background-color: transparent;
		padding: 7px 9px;
		}

#nav a:link	{ 
			color: #231f20;
			text-decoration: none;
			}

#nav a:visited 	{ 
				color: #231f20;
				text-decoration: none;
				}

#nav a:hover	{
				color: #fff;
				background-color: #54592f;
				}
				
#nav a:active 	{ 
				color: #fff;
				background-color: #6e7340;
				}

#nav ul {
		list-style: none;
		padding: 0;
		margin: 0;
		z-index: 1000;
		}

#nav li li a	{
				display: block;
				color: #fff;
				text-align: left;
				padding: 8px 33px;
				width: 124px;
				}
				
#nav li li a:link	{ 
					color: #fff;
					text-decoration: none;
					background-color: #3D799E;
					}

#nav li li a:visited 	{ 
						color: #fff;
						text-decoration: none;
						background-color: #3D799E;
						}

#nav li li a:hover {
					color: #fff;
					text-decoration: none;
					background-color: #265D79;
					}
				
#nav li li a:active	{ 
					color: #fff;
					text-decoration: none;
					background-color: #11405a;
					}

#nav li	{
	float: left;
	position: relative;
	text-align: center;
	cursor: default;
	background-color: transparent;
	list-style: none;
		}

#nav li ul	{
			display: none;
			position: absolute;
			top: 100%;
			left: 0;
			font-weight: normal;
			padding: 0;
			z-index: 20;
			}

#nav li>ul 	{
			top: auto;
			left: auto;
			}

#nav li li 	{
			display: block;
			position: relative;
			top: 10px;
			float: none;
			background-color: transparent;
			border-bottom: #fff 1px solid;
			z-index: 30;
			}

#nav li:hover ul, #nav li.over ul	{ display: block; }	

/* end navigation Bar */


#searchBox	{
			position: absolute;
			top: 218px;
			right: 20px;
			text-align: left;
			width: 190px;
			height: 28px;
			padding: 0;
			z-index: 2000;
			line-height: .25em;
			}

#searchBox2	{
	position: absolute;
	top: 138px;
	right: 20px;
	text-align: left;
	width: 190px;
	height: 28px;
	padding: 0;
	z-index: 2000;
	line-height: .25em;
				}




h1	{ display: inline; color: #1c4f65; font-size: 1.6em; line-height: 1.1em;  }
h2	{ display: inline; color: #1c4f65; font-size: 1.3em; line-height: 1.1em; }
h3	{ display: inline; color: #1c4f65; font-size: 1.1em; line-height: 1.1em; }
				
a:link { color: #054764; }
a:visited { color: #054764; }
a:hover { color: #990000; text-decoration: none; }
a:active { color: #FF0000; }


#content	{
	width: 995px;
	padding: 40px 0 35px 0;
	overflow: auto;
	position: relative;
			}
			
#shadow		{
	position: relative;
	top: -4px;
			}
			
#mainText	{
			width: 537px;
			padding-left: 67px;
			font-size: 1.1em;
			}
		
#mainText2	{
			width: 860px;
			padding-left: 67px;
			font-size: 1.1em;
			}
			
#mainText3	{
			width: 860px;
			font-size: 1.1em;
			text-align: center;
			margin: 0 auto;
			}
			
#sidebar	{
			width: 269px;
			padding: 0 8px 0 25px;
			float: right;
			margin-right: 34px;
			}
			
#panoBox	{
			padding: 0;
			border: #fff 5px solid;
			box-shadow: 0 8px 7px #bababa;
			margin-top: 20px;
			margin-bottom: 30px;
			height: 393px;
			background-color: #C0C782;
			}
			
#panoCaption	{
				color:#000;
				padding: 10px 20px;
				text-align: center;
				font-size: 14px;
				}
			
#sideNav	{
			font-family: Arial, Helvetica, sans-serif; 
			font-size: .9em;
			width: 190px;
			padding: 0;
			float: right;
			background-color: #3997c1;
			border: #fff 5px solid;
			color: #fff;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px; /* future proofing */
			-khtml-border-radius: 10px; /* for old Konqueror browsers */
			box-shadow: 0 8px 7px #bababa;
			margin-left: 20px;
			margin-bottom: 10px;
			}
			
#sideNav a	{
		display: block;
		text-decoration: none;
		background-color: transparent;
		padding: 12px 17px;
		border-bottom: #8ebcd2 1px solid;
		}

#sideNav a:link	{ 
			color: #fff;
			text-decoration: none;
			}

#sideNav a:visited 	{ 
				color: #fff;
				text-decoration: none;
				}

#sideNav a:hover	{
				color: #fff;
				background-color: #155e84;
				}
				
#sideNav a:active 	{ 
				color: #fff;
				background-color: #11405a;
				}

			
#footer	{
		background-color: #427894;
		padding: 15px 45px;
		color: #fff;
		font-size: 13px;
		text-align: left;
		border-top: #fff 3px solid;
		margin-left: 17px;
		width: 870px;
		position: relative;
		top: 5px;
		}
		
#footer a:link { color: #fff; }
#footer a:visited { color: #fff; }
#footer a:hover { color: #fff; text-decoration: none; }
#footer a:active { color: #fff; }

#footerHome	{
				background-color: #437894;
				padding: 15px 30px;
				color: #fff;
				font-size: 13px;
				text-align: left;
				border-top: #fff 3px solid;
				margin-left: 17px;
				width: 900px;
				position: relative;
				top: 5px;
				}
		
#footerHome a:link { color: #fff; }
#footerHome a:visited { color: #fff; }
#footerHome a:hover { color: #fff; text-decoration: none; }
#footerHome a:active { color: #fff; }

#footerPlanningTool	{
						background-color: #3498bf;
						padding: 15px 45px;
						color: #000;
						font-size: 13px;
						text-align: left;
						border-top: #fff 3px solid;
						margin-left: 87px;
						width: 800px;
						position: relative;
						top: 5px;
						}
		
#footerPlanningTool a:link { color: #000; }
#footerPlanningTool a:visited { color: #000; }
#footerPlanningTool a:hover { color: #000; text-decoration: none; }
#footerPlanningTool a:active { color: #000; }
		
		
#shadowBot	{
			margin: 0;
			padding: 0;
			height: 29px;
			line-height: 1px;
			font-size: 1px;
			position: relative;
			top: 5px;
			}
			
#panoTable	{
			text-align: center;
			position: relative;
			left: -10px;
			}
			
#panoTable td	{ padding: 7px; }

#panoTable img {border: #287391 2px solid; }







#seedsSeal	{
			position: absolute;
			bottom: 28px;
			left: 17px;
			}
			
.smallText	{ font-size: .8em; }

.grayText { color: #888888; }

.tinyText	{ font-size: .825em; }

.fileSize { font-size: .7em; }

.transcriptBox	{
				float: right;
				width: 177px;
				height: 440px;
				border-left: #fff 3px solid;
				margin: 0;
				padding: 20px;
				background-color: #c0c782;
				color: #000;
				font-size: .8em;
				overflow: scroll;
				overflow-x: hidden;
				overflow-y: scroll;
				}			
		
.icon	{
		position: relative;
		top: 3px;
		}
		
#keyIcon	{
			position: relative;
			top: 1px;
			}
			
#comingSoonBox	{
				margin: 0 auto;
				padding: 25px 72px 50px 72px;
				width: 750px;
				text-align: left;
				background-color: #fff;
				border: #C0C782 8px solid;
				border-radius: 25px;
				box-shadow: 0 10px 10px #333;
				}
				
#legend {
		font-size: .55em;
		position: absolute;
		top: 443px;
		right: 177px;
		}
		
.handbookCover	{
				margin-left: 10px;
				margin-bottom: 10px;
				box-shadow: 0 5px 5px #999;
				float: right;
				}

/* Contact Form Styles */
#contactForm {
	width: 600px;
	margin-top: 30px;
	margin-left: 95px;
	background-color: #C0C782;
	padding: 35px 35px 60px 27px;
	border-radius: 10px;
	border: #fff 4px solid;
	box-shadow: 0 8px 7px #bababa;
	}

#contactForm input[type="text"], #contactForm textarea {
	padding: 3px 8px;
	height: 2em;
	width: 471px;
	margin: 0px 0px 4px 0px;
	border: 2px solid #ccc;
	font-size:.9em;
}		

#contactForm textarea {
	height: 150px;
	margin-top:4px;
}

#contactForm textarea:focus, #contactForm input:focus {
	border: 2px solid #225372;
}

#contactForm input.submit-button {
	width: 100px;
	float: right;
	background-color: #3996C1;
	color: #000;
	border-radius: 5px;
	border: #fff 2px solid;
	box-shadow: 0 4px 4px #79823D;
	margin-top:5px;
	}

#contactForm label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
}

#contactForm .emailUpdate label {
	float: left;
	text-align: left;
	margin-bottom: 25px;
	width: 90%;
}

#contactForm .emailUpdate input[type="checkbox"] {
	float: left;
	margin-right: 12px;
	margin-top: 8px;
}

#contactForm #topics {
	margin-bottom:10px;
}

#contactForm #topics label {
	float: none;
	text-align: left;
	width: auto;
}

#contactForm #topics input {
	padding: 5px;
	width: 17px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	margin-left: 50px;
}

#contactForm .PhoneNumber {
	visibility:hidden;
}
/* End Contact Form Styles */


/* Video Styles */
#videoBox2	{
			float: right;
			width: 320px;
			height: 280px;
			margin: 20px 0 12px 22px;
			background-color: #c0c582;
			border: #fff 3px solid;
			box-shadow: 0 7px 7px #bababa;
			}
	

.planningToolBttn	{
					display: inline-block;
					width: 220px;
					height: 54px;
					padding: 1em;
					background-color: #427d95;
					text-decoration: none;
					text-align: center;
					font-size: 1.25em;
					border-radius: 10px;
					border: #fff 4px solid;
					margin-right: 11px;
					vertical-align: middle;
					}
					
.toolBttns a:link	{ 
					color: #ffffff;
					text-decoration: none;
					}

.toolBttns a:visited 	{ 
						color: #ffffff;
						text-decoration: none;
						}

.toolBttns a:hover	{
						color: #000;
						background-color: #C0C782;
						}
				
.toolBttns a:active 	{ 
						color: #fff;
						background-color: #6e7340;
						}

#bucketList	{ 
	margin: 0 auto;
	text-align: center;
}

.buckets	{
					display: inline-block;
					margin: auto;
					margin-bottom: 20px;
					width: 220px;
					height: 135px;
					padding: 1em;
					background-color: #427d95;
					text-decoration: none;
					text-align: center;
					font-size: 1.25em;
					border-radius: 10px;
					border: #fff 4px solid;
					margin-right: 11px;
					vertical-align: middle;
					}

.bucketBttns a:link	{ 
					color: #ffffff;
					text-decoration: none;
					}

.bucketBttns a:visited 	{ 
						color: #ffffff;
						text-decoration: none;
						}

.bucketBttns a:hover	{
						color: #000;
						background-color: #C0C782;
						}
				
.bucketBttns a:active 	{ 
						color: #fff;
						background-color: #6e7340;
						}


.bucketBttns img { width: 78px; }



.scoot	{ line-height: 55px; }
			
#loginTitle	{
			font-weight: bold;
			color: #fff;
			font-size: 1.3em;
			position: relative;
			right: 5px;
			}
			
#login	{
		position: absolute;
		bottom: 52px;
		right: 46px;
		line-height: 22px;
		font-size: 15px;
		color: #fff;
		text-align: right;
		}

#login a:link	{ 
				color: #fff;
				text-decoration: underline;
				}

#login a:visited 	{ 
				color: #fff;
				}

#login a:hover	{
				color: #fff;
				text-decoration: none;
				}
				
#login a:active 	{ 
				color: #fff;
				}
				
				

				
/* News and Quote Slideshow Styles */
#slideshow { 
			position: relative; 
			background-color: #bec584;
			border: #fff 3px solid;
			border-radius: 17px;
			box-shadow: 0 10px 5px #ccc;
			line-height: 1.4em;
			height: 192px;
			
			}			

#slideshow > div { 
    position: absolute; 
    top: 25px; 
    left: 50px; 
    right: 30px; 
    bottom: 20px; 
	}

#slideshow img	{
				margin-bottom: 7px;
				border: #545a2f 2px solid;
				float: right;
				box-shadow: 0 5px 5px #949B67;
				}
				
.ed_hss {
		margin-bottom: 7px;
		border: none !important;
		float: right;
		box-shadow: none !important;
		position: relative;
		top: -20px;
		right: -15px;
		}
				
#slideshow h3	{ 
				color: #000;
				font-size: 1.2em; 
				}
	
	
.author	{
		font-size: .7em;
		font-style: italic;
		line-height: 1.3em;
		margin-top: 7px;
		font-style: normal;
		}
		
.quotemark	{
			font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
			font-size: 44px;
			color: #545a2f;
			position: relative;
			top: 10px;
			}
			
.quote	{ 
		font-style: italic;
		}
			
/* end News and Quote Slideshow styles */


.handbookArt	{
				margin: 10px 12px 10px 0;
				border: #000 1px solid;
				box-shadow: 0px 6px 6px #999;
				width: 83px;
				}
				
	




/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  box-shadow: 0px 8px 8px #ccc;
  color: #fff;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


#staffTable td	{
				vertical-align: top;
				padding: 20px 65px 20px 0;
}

.quote	{
		background-color: #fff;
		border: #427d95 solid 4px;
		padding: 25px;
		box-shadow: 0 8px 7px #bababa;
		margin-top: 22px;
		}

.photoQuote	{
		height: 160px;	
		background-color: #fff;
		border: #427d95 solid 4px;
		padding: 0;
		box-shadow: 0 8px 7px #bababa;
		margin: 22px 0 12px 0;
		}

.photoFloatR {float: right; margin-left: 20px;}

.quoteText	{padding: 20px 40px; font-size: 1.2em;}

.photoQuote2	{
		height: 247px;	
		background-color: #fff;
		border: #427d95 solid 4px;
		padding: 0;
		box-shadow: 0 8px 7px #bababa;
		margin: 22px 0 12px 0;
		}

.quoteText2	{padding: 20px 40px; font-size: .9em;}

.photoFloatL {float: left; margin-right: 15px;}






.topic	{ 
	height: 36px;
	 background-color: #427894;
	padding: 5px 22px;  border-radius: 25px;   box-shadow: 0px 5px 5px #999; border: #fff 3px solid;
}

.topic h2 {color: #fff; position: relative; top: -9px; margin-left: 5px;}

.topic img { height: 35px;}

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 5px 10px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #fff;
}

/* Style the collapsible content. Note: hidden by default */
.moreContent {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #fff;
	-moz-box-shadow:   inset 0 0 7px #999;
   -webkit-box-shadow: inset 0 0 7px #999;
   box-shadow:         inset 0 0 7px #999;
	border: #c1c48a 3px solid;
}

.collapsible:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 10px;
    color: white;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.covid19 {
    background-color: #000;
	background-image: url("images/bgCorona.jpg");
    color: #fff;
    padding: 20px;
    border-radius: 12px;
	border: #000 4px solid;
    
}

.covid19 h2 {color: #fff; font-size: 1.2em;}
.covid19 h3 {color: #fff; font-size: 1.1em;}

.covid19 a:link { color: #c1c485; }
.covid19 a:visited { color: #c1c485; }
.covid19 a:hover { color: #fff; text-decoration: none; }
.covid19 a:active { color: #fff; }


.closures {
	color: #fff;
	background-color: #333333;
	padding: 22px;
	border-radius: 12px;
}




.mapTable { width: 100%; border-spacing: 10px; }
.mapTable td { width: 25%; padding: 15px; font-size: .8em; 	border-radius: 12px;
border: #fff 3px solid; box-shadow: 0 8px 7px #bababa; text-align: center;}
.mapbox1 { background-color: #274056; color: #fff;}
.mapbox2 { background-color: #cbcb98;}
.mapbox3 { background-color: #afdcf2;}
.mapbox4 { background-color: #bbb67d;}
.mapbox5 { background-color: #3c5971; color: #fff;}
.mapbox6 { background-color: #555637; color: #fff;}
.mapbox7 { background-color: #72c8e9;}
.mapbox8 { background-color: #7a7c47;}
.mapbox9 { background-color: #517791; color: #fff;}
.mapbox10 { background-color: #9b9b59;}
.mapbox11 { background-color: #5696bd;}
.mapbox12 { background-color: #616339; color: #fff;}

.mapTable a:link { color: #000; }
.mapTable a:visited { color: #000; }
.mapTable a:hover { color: #C40B0B; text-decoration: none; }
.mapTable a:active { color: #74140c; }



.mapbox1 a:link, .mapbox5 a:link, .mapbox6 a:link, .mapbox9 a:link, .mapbox12 a:link	{ 
			color: #fff;
			text-decoration: underline;
			}

.mapbox1 a:visited, .mapbox5 a:visited, .mapbox6 a:visited, .mapbox9 a:visited, .mapbox12 a:visited	{ 
			color: #fff;
			text-decoration: underline;
			}

.mapbox1 a:hover, .mapbox5 a:hover, .mapbox6 a:hover, .mapbox9 a:hover, .mapbox12 a:hover	{ 
			color: #fffc14;
			text-decoration: none;
			}

.mapbox1 a:active, .mapbox5 a:active, .mapbox6 a:active, .mapbox9 a:active, .mapbox12 a:active	{ 
			color: #fff;
			text-decoration: none;
			}

.calendar { box-shadow: 0 2px 10px 4px #ccc;
}

.LIspaced li { margin: 10px 0; }





.historyTimeline {
	border-spacing: 0;
	margin: 10px 40px 10px 20px;
	
}

.historyTimeline td {
	vertical-align: top;
	border-spacing: 0;
	padding: 22px;
}

.timelineDate { 
	text-align: center; 
	background-color: #2a7997;
	color: #fff;
}

.historyTimeline .timelineArrowTop { 
	position: relative;
	top: 6px;
	padding: 0;
}

.historyTimeline .timelineArrowBot { 
	position: relative;
	padding: 0;
}

.FEClogo {
	position: absolute;
	right: 72px;
	top: 14px;
}

.FECtable {
	font-size: .8em; 
	border: 2px solid #999;
	border-collapse: collapse;
}

.SPPtable { background-color: #f8f9f8; }


.FECtable tr:nth-of-type(odd) {
  	background-color: #cfe1e3;
}


.FECtable th {
	background-color: #2a7997; 
	color: #fff;
	font-weight: bold;
	padding: 6px 12px;
}

.FECtable td {
	padding: 12px; 
	border: 1px solid #fff;
}

.courseTitle {
	color: #fff;
	font-size: 1.3em;
}

.red { color: #FF0004; }

.titleSmaller { font-size: 1.22em; }

.programLogo {
	float: left;
	width: 80px;
	border: #427894 solid 3px;
	border-radius: 12px;
	box-shadow: #ccc 0 7px 4px;
	margin-right: 20px;
}

.logos {
	display: flex;
	justify-content: center;
}

.logos img { margin: 35px 40px 0 40px }

.logo1 { width: 75px; order: 2; }

.logo2 { 
	width: 92px;
	height: 75px;
	mix-blend-mode: multiply;
	order: 1;
}

.logo3 { width: 150px; order: 3; }

.handouts { 
	background-color: #d3eaf7;
	padding: 11px 22px;
	border: #fff 2px solid;
	border-radius: 12px;
	box-shadow: 0px 5px 5px lightgray;
}

.logoTrio {
	width: 70%;
	background-color: #fff;
	padding: 15px;
	margin: 0 auto;
	margin-top: 25px;
	border: #427894 2px solid;
	border-radius: 12px;
	box-shadow: 0px 5px 5px lightgray;
	display: flex;
	justify-content: space-between;
}

.logoTrio img {
	height: 75px;
}

.registerBttn {
	color: #000;
	text-align: center;
}

.registerButton {
	background-color: #54592f;
	border: #fff 2px solid;
	border-radius: 17px;
 	color: #fff;
	padding: 4px 0;
 	text-align: center;
	font-weight: 600;
	width: 100px;
	text-decoration: none;
	margin: 12px 0 0 0;
	transition-duration: 0.4s;
	box-shadow: 0 5px 5px #c1c39f;
	cursor: pointer;
}

.registerButton:hover {
  background-color: #2e3119;
  color: #fff;
}


.registerButton a:link	{ 
			color: #fff;
			text-decoration: none;
			}

.registerButton a:visited 	{ 
				color: #fff;
				text-decoration: none;
				}

.registerButton a:hover	{
				color: #f6ff00;
				}
				
.registerButton a:active 	{ 
				color: #fff600;
				}

.courseDesc td { width: 50%; }



.webinarBoxBig { 
	width: 90%;
	padding: 3vw 3vw 2vw 3vw;
	background-color: #fff;
	border: 1px #ccc solid; 
	border-radius: 22px;
	box-shadow: 0 7px 6px #ccc;
	margin-bottom: 1vw;
}

.webinarImage {
	float: left;
	width: 150px;
	margin: 0 20px 10px 0;
}


.webinarBox { 
	padding: 2.5vw 2.5vw 2.25vw 2.5vw;
	background-color: #dddfb8;
	border: 1px #ccc solid; 
	border-radius: 22px;
	margin: 2vw 1vw;
	box-shadow: 0 7px 6px #ccc;
}

.webinarBox h3 { font-size: 1.22em;}

.webinarLogoBox {
	display: flex;
	width: 100%;
	justify-content: center;
}

.webinarLogo {
	height: 60px;
	margin: 0 12px;
	
}





.videoHolder {
	display: flex;
	flex-direction: column;
}

.videoBoxBig { 
	width: 92%;
	padding: 3vw;
	background-color: #fff;
	border: 1px #ccc solid; 
	border-radius: 22px;
}

.videoBox { 
	width: 92%;
	padding: 2.25vw;
	background-color: #fff;
	border: 1px #ccc solid; 
	border-radius: 22px;
	margin: 1vw;
	box-shadow: 0 7px 6px #ccc;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.vidThumbnail img {
	width: 244px;
	margin-right: 22px;
	border: 1px #ccc solid;
	box-shadow: 0 4px 7px #bababa;
}

.videoBox h4 { 
	display: inline; 
	color: #1c4f65;
	font-size: .9em;
	line-height: .9em; }

.classRegistration {
	width: 50%;
	background-color: #ecf5fb;
	border: #ccc 2px solid;
	padding: 30px 30px 20px 30px;
	margin: 40px auto 25px auto;
	box-shadow: 0 7px 6px #ccc;
}

.displayNone { display: