@charset "utf-8";
/* CSS Document */
/* #Reset & Basics (Inspired by E. Meyers) 
================================================== */
/* Addresses margins handled incorrectly in IE6/7. */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit; vertical-align: baseline;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	body {line-height: 1;}
	ul, ol {list-style: none;}
	table {border-collapse: collapse; border-spacing: 0;}
	figure {position: relative;}
	figure img {width: 100%;}
	* {margin: 0; padding: 0;}
/* #Basic Styles 
================================================== */
	/**::after, *::before {content: '';}*/
	body {font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:200;font-size: 14px; line-height: 21px; background-color: #fff; margin: 0; /*overflow-x: hidden;*/}
		
/* #Typography 
================================================== */
	h1, h2, h3, h4, h5, h6 {font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:200;font-stretch:normal; letter-spacing: 0.02em;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
	h1 {font-size: 2.55em; line-height: 44px;}
	h2 {font-size: 2.25em; line-height: 40px;}
	h3 {font-size: 1.8em; line-height: 32px;}
	h4 {font-size: 1.5em; line-height: 28px;}
	h5 {font-size: 1.125em; line-height: 20px;}
	h6 {font-size: 0.75em; line-height: 16px;}
	p {font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:300;font-stretch:normal; font-size: 16px; letter-spacing: .02em; line-height: 22px; color: #232323; text-align: left; margin-bottom: 16px; white-space: normal;}
	a:link {text-decoration: none;}
	a {transition: color 0.3s ease 0s;}
	a, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;}
	input::-moz-focus-inner { border: 0;}
	/*Remove Mozilla Firefox Border – Remove Dotted Line Around Link */
	a:active { outline: none; }  
	a:focus{ -moz-outline-style: none; }

	em {font-style: italic; line-height: 14px;}
	small {font-size: 80%;}
	strong {font-weight: 400;}
	blockquote:before { display: block; content: "\201C"; font-size: 80px; position: relative; left: -50px; color: #fff; padding-left: 20px; top: 10px; }
	blockquote, blockquote p { font-size: 20px; line-height: 24px; color: #000; font-style: italic; font-weight:300; }
	blockquote { margin: 0 0 20px; padding: 12px 20px 14px 15px;}
	blockquote cite { display: block; font-size: 14px; color: #555;}
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr {border: 0;border-bottom: 1px dotted #000; margin: 4px 0 25px 0; clear: both;}
	/*hr { border: solid #929292; border-width: 1px 0 0; clear: both; margin: 10px 0 20px; height: 0; }*/
	.break{ display: inline-block; width: 100%; height: 0;}
/* ----- Color Styles ---------------------------------------------------*/
/* --- #b32216 is RED ---*/
/* --- #f1f1f1 is Light Grey ---*/
/* --- #333333 is Dark Grey ---*/
h1 {color: #222222; padding-bottom: 8px;}	
h2 {color: #000; font-weight: 300; margin-bottom: 8px;}
h3 {color: #232323; padding: 0 0 10px 0; letter-spacing: 0.3px;} 
h4 {color: #676767; padding-bottom: 4px; font-weight: 200;} 
h5 {color: #fff; padding: 0 0 4px 0;} 
h6 {color: #fff; padding: 0 0 4px 0; letter-spacing: 0.3px;} 

/* ----- Image Styles ---------------------------------------------------*/
#img {}
img.scale-with-grid {max-width: 100%; height: auto;}
img {display: block; margin: 0 auto;}
.floatleft {float: left; margin: 10px 25px 15px 0; max-width: 100%; height: auto; display: inline; /* IE6 Problem */}
.floatright {float: right; margin: 0 auto; padding: 5px 0 10px 25px; max-width: 100%; height: auto; display: inline; /* IE6 Problem */}
.floatcenter {margin: 0 auto; display: block; height: auto; max-width: 100%; display: inline; /* IE6 Problem */}
a img {border:none;}
a {border:none;}
.logo {height: auto;margin: 0 auto;padding-bottom: 10px;position: relative;max-width: 100%;float: left;}
.gsicon { margin: 0 auto; padding: 6px 0 2px 0;}
.icons { max-width: 100%; margin: 10px; }
.red-star {margin:4px 10px 20px 0px; height: auto; position: relative; float: left; }
.biophotos {max-width: 100%; height: auto; display: block; margin: 0 auto; padding:0;}
.smallthumbs {float: left; margin: 0 20px 15px 0; max-width: 100%; height: auto; display: inline; /* IE6 Problem */}
.tmbs {margin: auto; max-width: 100%; padding: 0; height: auto;}/* CENTERED IMAGES */
.centered-and-cropped {object-fit: cover; border-radius: 50%; margin: -20px 12px 20px 0px; float: left; }
.centered-and-round {object-fit: cover; border-radius: 50%; margin: auto; padding: 10px; height: auto; }
.quickbtn {background-color: #b32216;border-radius: 4px;color: #fff;font-size: 18px;font-stretch: normal;font-weight: 200;margin: 6px 0 20px 0;padding: 4px 2px 7px 2px;position: relative;text-align: center;width: 150px;letter-spacing: 0.3px;}
.quickbtn a {color: #fff !important;}
.quickbtn:hover {background-color: #ec3222; color: #000;}

/* Alternate text styles */
.center-text {text-align: center; margin-top: 10px;}
.jump-up {margin: 0 auto;padding: 0;max-width: 100%;height: auto;position: absolute; bottom: 0;left: 0;right: 0;}
/* #CLearFix */
	.clearfix:before,
	.clearfix:after {content: " "; display: table;}
	.clearfix:after {clear: both;}
	.clear {clear: both;}
.clearfix:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

/* GRID STYLES */
#wrapper {height: auto !important; margin: 0 auto; min-height: 100%; max-width: 100%; position: relative;}
.content {padding:20px;}
/* ----- header---------------------------------------------------*/
.headercontent {max-width: 100%; margin: 0 auto; position:relative; clear: both; z-index: 3000;}
.logo-header{width: 100%; height: 100%; padding: 15px 0; clear: both; background-color: #fff; margin: 0 auto; float: left;display: inline; /* IE6 Problem */}
.logo-container {max-width: 960px;margin: 0 auto; padding: 0 20px;}
.headertext {max-width: 100%; position: relative; margin: 50px 10px 0 10px;}
.headertext h2 {text-align: center; color: #b32216; font-weight: 400;}
.headertext h3 {font-size: 32px; text-align: center;}
.headertext a {color: #b32216; text-decoration: none;}
/* ----- main navigation---------------------------------------------------*/
p { }
 .toggle, [id^=drop] {
 display: none;
}
.navcontainer {height: auto;position: relative;z-index: 100; max-width: 100%;margin: 0 auto;padding: 0; top: 140px;}
nav {background-color:#fff; max-width: 100%;font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:200;letter-spacing: 0.03em; margin: auto 0; padding: 0;text-align: center;/*display: block;*/}
nav:after {content: "";display: table;clear: both;}

nav ul {max-width: 1140px;padding: 0; margin: 0 auto;list-style: none;position: relative;}
nav ul li {margin: 0 auto; display: inline-block; background-color:#fff;}
nav a {display: block; padding: 0 20px; color: #000; font-size: 18px; line-height:50px; text-decoration: none;border-top: 1px solid #fff;}
/* nav dropdown */
nav ul ul {display: none; position: absolute; top: 50px; text-align: left;}
nav ul li ul li:hover {background: #000;}
nav a:hover {background-color: #b32216; color: #fff;}
nav a:active {background-color: #b32216; color: #fff;}
nav ul li:hover > ul {display: block; background-color: #b32216; color: #fff;}
nav ul li a:active > ul {display: block; background-color: #b32216; color: #fff;}
nav ul ul li a {color: #000; font-size: 16px; line-height: 38px; border-top: 1px solid #fff;}
nav ul ul li {width: 100%; float: none;display: list-item;position: relative;background: #cccccc;}
nav ul ul ul li {position: relative; top: -60px;left: 170px;}
/* ----- Home page image slider ---------------------------------------------------*/
#bodycontent {max-width: 100%; min-height: 600px; margin: 0 auto; padding: 0; background-color:#fff;}
.mainbody {max-width: 1140px; background-color:#fff; position:relative; margin: 0 auto; padding-bottom: 80px; text-align: left;}
.mainbody ul {padding-bottom: 20px; list-style-type: none;}
.mainbody ul li {font-size: 15px; margin-left: 20px; padding: 0 0 10px 15px; text-indent: -12px; line-height: 18px; font-weight: 300; color: #676767; list-style: outside none;}
.mainbody ul ul {padding-bottom: 0; margin-top: 10px;}
.mainbody ul ul li {margin-left: 10px;}
.mainbody ol {list-style: decimal; margin-bottom: 10px;}	
.mainbody ol li {padding-bottom: 12px; list-style-type: decimal !important; text-indent: 0; margin-left: 35px;padding-bottom: 3px;color: #b32216; list-style-position: outside;}
.mainbody a {color: #b32216;}
.mainbody a:hover {color: #000;}
.title-bar {max-width: 100%; background-color: #f1f1f1; /*margin: 40px 0 20px 0;*/ padding: 30px;}
.title-bar-text {max-width: 1140px; margin: 0 auto; padding: 0; text-align: center;}

/* ----- Special areas ---------------------------------------------------*/
.section-header {margin-bottom: 35px;}
.section-padding {padding: 30px 0px !important;}
article { width: 100%; height: auto;}
.article-padding {width: 100%; clear: both; height: auto; margin: 0 auto; padding: 30px 0; margin-top: 20px;}
.feature-padding {padding: 30px 0px; clear: both; min-height: 225px;}

.welcome-area {width: 100%; min-height: 600px; background-image: url('../images/training-bkgnd-wht.jpg'); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; background-color: #fff; margin: 0 auto;}
.welcome-container {background-color: rgba(255, 255, 255, 0.7); width: 100%; height: auto; padding: 25px; }
.welcome-text {position: relative; margin: 0 auto; padding: 0;}
.welcome-text p {font-size: 18px; line-height: 26px; margin: 4px 0px 12px 0px;}
.welcome-area h2 {line-height: 36px; text-align: center;}
.welcome-area h2:after {content: url('../images/title-line-dark.png'); width: 126px; height: 11px; position: relative; bottom: 0; display: block; margin: 0 auto; padding-bottom: 25px; }

.white-title h1 {line-height: 28px; text-align: center;}
.white-title h1:after {content: url('../images/title-line-dark.png'); width: 126px; height: 11px; position: relative; bottom: 0; display: block; margin: 0 auto; padding-bottom: 25px; }
.dark-title h1 {color: #fff; text-align: center;}
.dark-title h1:after {content: url('../images/title-line-lite.png'); width: 126px; height: 11px; position: relative; bottom: 0; display: block; margin: 0 auto; padding-bottom: 25px; }

.white-title h2 {line-height: 28px; text-align: center;}
.white-title h2:after {content: url('../images/title-line-dark.png'); width: 126px; height: 11px; position: relative; bottom: 0; display: block; margin: 0 auto; padding-bottom: 25px; }
.dark-title h2 {color: #fff; text-align: center;}
.dark-title h2:after {content: url('../images/title-line-lite.png'); width: 126px; height: 11px; position: relative; bottom: 0; display: block; margin: 0 auto; padding-bottom: 25px; }
/* ----- Calendar page ---------------------------------------------------*/
.respCal {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; min-height: 600px; max-width: 100%;}
.respCal iframe {position: absolute; left: 0; height: 100%; top:0; width: 100%;}
.respCal #warningBox {font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:200;font-stretch:normal;}

/* ----- Our Services Area ---------------------------------------------------*/
.our-services { max-width:1140px; margin: 0 auto; position: relative; padding-bottom: 50px; background-color:#fff; min-height: 600px;}
.our-services a {color: #b32216;}
.img-responsive {display: block;  height: auto; max-width: 100%; padding-bottom: 10px;}
.box-container {background-color:#f1f1f1; margin: 10px; min-height: 410px; position: relative;}
.overlay {position: absolute;top: 0;bottom: 0; left: 0; right: 0;height: 48%;width: 100%;opacity: 0;transition: .5s ease;background-color: #b32216;}
.box-container:hover .overlay, .box-container:active .overlay  {opacity: 1;}
.overlay-box-button a {color: #000;padding: 6px; font-weight: 300; font-size: 20px; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; border: #fff solid 2px; background-color: #fff; outline: thin solid #fff; outline-offset: 10px;}

.box-container-single {background-color:#f1f1f1; margin: 10px; max-width: 100%; position: relative;}
.box-container-single-img {float: left; height: auto; max-width:100%; padding: 0 20px 20px 0;}

/* -----Courses Area ---------------------------------------------------*/
.courses {max-width: 100%; background-color: #000; min-height: 500px; margin: 0 auto; padding: 0px 0px 50px 0px; position: relative;}
.courses p {text-align: center; font-size: 20px; color: #fff; margin-top: 20px;}
.course-box {width: 100%; min-height: 100px; clear: both; height: auto; margin: 0 auto; padding: 12px; background-color: #000; -webkit-transition: background-color 1s ease-out;-moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out;transition: background-color 1s ease-out;}
.course-box:hover {background-color: rgba(255,255,255,0.5);cursor: pointer;}
.course-box h3 {color: #fff; padding: 0; font-size: 24px; line-height: 30px;}
.course-box h3:hover {color: #000; padding: 0;}
.course-btn {background-color: #b32216;border-radius: 4px;color: #fff;font-size: 18px; font-stretch: normal; font-weight: 200; letter-spacing: 0.3px; margin: 0 auto; padding: 4px 10px; position: relative;text-align: center;width: 150px;}
.course-btn a {color: #fff !important;}
.course-btn:hover {background-color: #ec3222; color: #000;}

/* -----About Area ---------------------------------------------------*/
.about-section {max-width:1140px; margin: 0 auto; position: relative; padding-bottom: 50px; background-color:#fff; min-height: 600px;}
.about-section ul {padding-bottom: 20px; margin: 10px 0 0 0; list-style-type: none;}
.about-section ul li {font-size: 16px; font-weight: 300; text-indent: -12px; letter-spacing: 0.3px; margin-left: 20px; padding: 0 0 10px 25px; line-height: 18px; font-stretch:normal;color: #000; list-style: outside none;}
.about-section ul ul {padding-bottom: 0; margin-top: 10px;}
.about-section ul ul li {margin-left: 10px;}
.about-section h4 {color: #000;}
.about-icons {max-width: 100%; text-align: center; padding: 25px 10px 20px 10px;}
.about-icons ul {list-style: none; padding: 0; margin: 0 auto;}
.about-icons ul li {display: inline-block; text-indent: 0; letter-spacing: 0; padding: 0; margin: 0 auto;}

.testimonials {max-width:100%; margin: 0 auto; position: relative; padding-bottom: 50px; background-color:#dddddd; min-height: 400px;}
.testimonials-container {max-width: 1140px; position: relative; margin: 0 auto; padding: 0;}

/* ----- photo light-box on products page ---------------------------------------------------*/
.photoboxarea {max-width: 100%; height: auto; padding: 0; margin: 0 auto; border: #ccc solid 1px; margin-top: 8px; z-index: 500; clear: both;}
.thumbnails {margin: 8px; border: #ccc dotted 1px; display: inline;}
/*-----------------------resp tables--------------------*/
table {width: 100%; border-collapse: collapse; margin-bottom: 20px;}
caption {font-size: 14px; line-height: 16px; color: #232323; text-align: left; margin-bottom: 3px; white-space: normal;}
/* Zebra striping */
tr:nth-of-type(odd) {background: #eee;}
th {background: #67c8ff; color: #4d4d4d; font-weight: 300; font-stretch:normal;}
td, th {padding: 6px; border: 1px solid #fff; line-height: 17px; text-align: left; font-weight: 300; font-stretch:normal;}
#special td {width: 25%; margin: 0 auto; padding: 10px; text-align: center; border: 1px solid #ccc; display: table-cell; vertical-align: top;}
#special tr {padding-bottom: 20px;}
#special tr:nth-of-type(odd) {background: none;}
#special {width: 100%; margin: 0 auto; padding-top: 50px; height: auto;}
/*-------------------------For responsive videos or google maps--------------------*/
.video-container {position: relative; /*padding-bottom: 56.25%;*/padding-bottom:25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video-wrapper {/*width: 700px;*/ max-width: 100%; background-color: #fff; border: #dddddd 4px solid;  margin-bottom: 10px; clear:both;}

/*--------------------------contact us form area--------------------*/
form #robothacker{display:none;}/* added 05 10 2022 */
.form-code-box {background: #000; color: #fff; letter-spacing: .05em; padding: 8px; text-align: center;}

.antispam { display:none;}
form #website{ display:none; }
input, textarea { -webkit-border-radius: 0px; border-radius: 0;}/*-webkit-appearance: none;*/ /*---To prevent iOS buttons from rounding---*/
input[type=submit] {-webkit-border-radius:0px;}

#contact-form { color: #CCCCCC; margin-bottom: 25px;}
#contact-form form > div { clear: both; overflow: hidden; padding: 2px; margin: 0 0 2px 0; }
#contact-form form > div > fieldset > div > div { margin: 0 0 10px 0; }
#contact-form form > div > label {line-height: 16px; width: 100%; float: left; padding: 4px 0; color: #fff; text-align: left; }
#contact-form legend { width: 100%; float: left; padding: 10px 0; color: #4d4d4d; text-align: left; }
#contact-form form > div > div,
/*#contact-form form > div > fieldset > div { width: 100%; float: right; }*/
#contact-form form > div > fieldset label { color: #4d4d4d; padding: 10px 0; }
#contact-form fieldset { border: 0; padding: 0; }
#contact-form .notification { display:inline-block; position:relative; line-height:20px; font-style:italic; background:#9A2C2C; color:#fff; padding:2px 8px;box-shadow:inset 0 -1px 3px rgba(0,0,0,0.3),inset 0 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 -1px 3px rgba(0,0,0,0.3),inset 0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 -1px 3px rgba(0,0,0,0.3),inset 0 1px 3px rgba(0,0,0,0.3);font-size: 90%; }

#contact-form input[type=text], #contact-form input[type=email], #contact-form input[type=url], #contact-form input[type=password], #contact-form input[type=tel],
#contact-form textarea {font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-stretch:normal;letter-spacing: 0.02em; font-size: 14px;line-height: 18px;color: #515151;font-weight: 300; width: 100%;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #eee;border-bottom: 1px solid #eee;padding: 8px;}
#contact-form input[type=text], #contact-form input[type=email], #contact-form input[type=url], #contact-form input[type=tel],
#contact-form input[type=password] { width: 100%; padding: 8px; }
#contact-form input[type=number] {width: 50%;padding: 3px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
#contact-form input[type=text]:focus, #contact-form input[type=email]:focus, #contact-form input[type=url]:focus, #contact-form input[type=password]:focus, #contact-form input[type=number]:focus, #contact-form input[type=tel]:focus,
#contact-form textarea:focus { outline: 0; border-color: #b32216; }
#contact-form input[type="checkbox"],
#contact-form input[type="radio"] {	padding: 0; margin: 6px 0; }
/* When the pattern is matched 
#contact-form input[type=text]:valid { color: green; }*/
/* Unmatched 
#contact-form input[type=text]:invalid { color: red; }*/
#contact-form button[type="submit"] { cursor:pointer; width:100%; border:none; }
#contact-form button[type="submit"] { font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-stretch:normal;letter-spacing: 0.02em; font-size: 16px;line-height: 16px;color: #515151;font-weight: 300; }
#contact-form button[type="submit"] {cursor:pointer;width:100%;border:none;background:#b32216;color:#FFF;margin:0 0 5px;padding:10px;}
#contact-form button[type="submit"]:hover {background-color: #000;}
#contact-form button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);}
#contact-form input:focus,
#contact-form textarea:focus { outline:0; border:1px solid #999; }
::-webkit-input-placeholder { color:#515151; }
:-moz-placeholder { color:#515151; }
::-moz-placeholder { color:#515151; }
:-ms-input-placeholder { color:#515151; }

#contact-form table { width: 100%; border-collapse: collapse; }
	/* Zebra striping */
#contact-form tr:nth-of-type(odd) { background: #333; }
#contact-form th { background: #333; color: white; font-weight: bold; }
#contact-form td, th { padding: 6px; border: 1px solid #333; text-align: left; color: #fff; }

/* ----- footer ---------------------------------------------------*/
footer {width: 100%; min-height: 300px; position: relative; margin: 0 auto; padding: 0; background-color: #333333; }
.footer-text {max-width: 1140px; text-align: left; margin: 0 auto; padding: 0; font-size: 16px; color: #454545; line-height: 20px;}
.footer-text a {color: #fff;}
.footer-text a:hover {color: #b32216;}
.footer-text p {color: #fff;}
.footer-text p a {color: #fff;}
.footer-text p a:hover {color: #b32216;}
.footer-text h2 {color: #fff; font-size: 32px;}
.footer-text h3 {color: #fff;}
.footer-text h4 {color: #fff;}

footer ul {margin: 2px 4px 20px 2px;}
footer li {font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;color: #fff;list-style-type: none;padding-bottom: 7px;font-weight: 200;font-stretch: normal;text-decoration: none;letter-spacing: 0.02em;}
footer li a {color: #fff; text-decoration: none;}
/*--------------------------copyright_area--------------------*/
.copyright {bottom: 0; width: 100%; background-color: #b32216; min-height: 75px; text-align: center; padding-right: 20px; }
.copyright-text {max-width: 1140px; margin: 0 auto; padding: 0; padding-bottom: 20px;}
.copyright p { color:#fff; font-size:14px; line-height: 18px; text-align: center; font-weight: 200; }
.copyright a { color: #fff; text-decoration: none; }
.sitecredit {font-size: 14px;color: #fff;line-height: 14px; clear: both;}
.sitecredit a { color: #fff; text-decoration: none; font-weight: 300; }
.sitecredit a:hover { color: #000; text-decoration: none; }
/*----------------------------------------TEMP COMING SOON----------------------------------------------*/
/*.coming-soon {width: 100%; margin: 0 auto; padding: 0; position relative; background-color: #000; min-height: 500px;}
.coming-soon-logo {max-width: 100%; height: auto; display: block; margin: 0 auto; padding: 0;}
.coming-soon h1 {color: #fff; font-size: 3em;}*/
/*-------------------------------------------------MOBILE DEVICE AREA SETTINGS----------------------------------------------*/

/*Styles for screen 1120px to 880px*/
@media screen and (max-width: 1120px) and (min-width: 880px) {
	nav a {padding: 0 10px;}
}
/*Styles for screen 1100px to 880px*/
@media screen and (max-width: 1100px) and (min-width: 880px) {
	nav a {padding: 0 8px;}
}
/*Styles for screen 1100px and lower*/
@media screen and (max-width: 1100px){
	h3 {font-size: 26px; line-height: 29px;}
}
/*Styles for screen 1024px and lower*/
@media screen and (max-width: 1024px) {
	.our-services {padding-right: 0;} /*padding-right: 20px;*/
	.course-box {min-height: 120px;}
	.box-container {min-height: 420px; margin: 10px;} /*margin: 5px 5px 5px 20px;*/
}
/*Styles for screen 880px and lower*/
@media screen and (max-width: 880px) {
	.logo {float: none;}
	.biophotos {float: none;}
}
/* Media Queries for New Resp CSS Navigation
--------------------------------------------- */
@media all and (max-width : 880px) {
	.navcontainer {background-color: #b32216; top: 0;}
	nav {width: 100%; position: absolute; margin: 0; background-color: #b32216; text-align: left;}
	nav a {font-size: 18px; line-height: 40px; font-weight: 300;}
	nav ul li {display: block;width: 100%;background: #b32216;}
	.toggle + a,
	.menu {display: none;}
	.toggle {display: block;background-color: #b32216; padding: 0 20px; color: #fff;font-size: 18px;line-height: 40px;text-decoration: none; border-top: 1px solid #fff;}
	.toggle:hover {background-color: #000000;}

[id^=drop]:checked + ul {display: block;}
	li > a:after {content: ' +';}
	li > a:only-child:after {content: '';}
	nav ul ul .toggle,
	nav ul ul a {padding: 0 40px;}
	nav ul ul ul a {padding: 0 80px;}
	nav a:hover,
	nav ul ul ul a {background-color: #333333; color: #fff;}
	nav ul li ul li .toggle,
	nav ul ul a {background: #000; color: #fff;}
	nav ul ul li a {color: #fff;}
	nav ul ul {float: none;position: static; color: #ffffff;}
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {display: none;}
	nav ul ul li {display: block; width: 100%;}
	nav ul ul ul li {position: static;}
}
@media all and (max-width : 330px) {
nav ul li {display: block;width: 94%;}
}
/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) {
	.section-padding {padding: 0 !important;} /* added 022521 */
	.content {padding: 10px 20px;}
	.headertext {display: none;}
	.headercontent {min-height: 242px;}
	.logo { padding-bottom: 6px; }
	.course-box {min-height: 80px;}
	td, th {padding: 6px 4px;}
	.copyright {padding: 0;}
	h1 {font-size: 38px; line-height: 40px;}
	h2 {font-size: 32px; line-height: 36px;}
	.course-box h3 {font-size: 22px; line-height: 26px;}
	h4 {font-size: 20px; line-height: 24px;}
	h5 {font-size: 16px; line-height: 18px;}
	blockquote p {font-size: 16px; line-height: 20px;}
	.centered-and-cropped {float: none; margin: 0 auto; margin-bottom: 20px;} /* added 022521 */
	.about-section ul li {font-size: 14px; margin-left: 0;}
	.coming-soon {min-height: 300px;}
	.overlay {display: none;}
	.respCal {min-height: 500px;}
	.box-container-single-img {float: none; padding: 0 0 20px 0;} /* added 022521 */
}
/*Styles for screen 603px and lower*/
@media screen and (max-width: 603px) {
	.logo-container {padding: 0;}
	.smallthumbs {float: none;}
	p {line-height: 24px;}
	.content {padding: 10px 25px;}
}
/*Styles for screen 568px and lower*/
@media only screen and (max-width : 568px) {
	.welcome-container {padding: 10px;}
	.welcome-text p {font-size: 16px; line-height: 24px;}
	#special td {width: 100%; display: block;}
  	table {width: 95%;}
  	.floatright {float: none; padding: 10px;}
  	.floatleft {float: none; margin: 0 auto; padding: 10px;}
  	h5 {text-align: center;}
  	.course-box h3 {font-size: 20px; line-height: 24px;}
  	.box-container {min-height: 360px;}
}

/*Styles for google calendar screen 550px and lower*/
 @media (max-width: 550px) {
     .big-container {display: none;}
 }
 @media (min-width: 550px) {
     .small-container {display: none;}
 }
 
/*Styles for screen 450px and lower*/
@media only screen and (max-width : 450px) {
	h1 {font-size: 34px; line-height: 38px;}
	h2 {font-size: 28px; line-height: 32px;}
	h3 {font-size: 22px; line-height: 26px;}
	h4 {font-size: 18px; line-height: 22px;}
	#mainbody ul {margin-left: 0;}
	#mainbody ul li {margin-left: 25px;}
}
/*Styles for screen 360px and lower*/
@media only screen and (max-width : 360px) {
	.floatleft {float: none;}
}