/* Layout Stylesheet */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 1px;
	background-color: #cccccc !important;
	color: #333333;
	text-align: center;
	padding: 0;
	position: relative;
	overflow-x: hidden;
}


/*-----*/

body {
	*font-size: 0.9em;
}

body .H1 {
	font-size: 1.13em;
	color: #800000;
}

body h1 {
	font-size: 1.4em;
	line-height: 1.4em;
}

body h2 {
	font-size: 1em;
}

body h3 {
	font-size: 1.2em;
}

body h4 {
	font-size: 1.1em;
}

body h5 {
	font-size: 1.1em;
}

body h6 {
	font-size: 1em;
}

body .question {
	font-size: 1em;
}

body p {
	font-size: 1em;
}

body #ftr p {
	font-size: 0.9em !important;
	line-height: 0.95em !important;
}

body #ftr a {
	font-size: 0.9em !important;
	line-height: 0.95em !important;
}

body a {
	font-size: 1em;
}

body #ftr h6 {
	font-size: 0.9em;
}

body .footer {
	font-size: 0.9em;
}

body #cont-sub p>a {
	font-size: 1.1em;
}

body #cont-sub strong>a {
	font-size: 1.1em;
}

body #cont-sub ul,
body ol,
body li {
	font-size: 1em;
}

body #cont-sub li>ul,
body ol {
	font-size: 1.1em;
}

body #cont-sub li>a {
	font-size: 1.1em;
}

body .lists td>ul>li {
	font-size: 1.2em;
}

body .tables {
	font-size: 1em;
}

body .current ul {
	font-size: 0.9em;
}

body .current ul li {
	font-size: 0.9em;
}

body #simplegallery1 .gallerydesctext {
	font-size: 0.9em;
}

body .formtable {
	font-size: 1.4em;
}

body label,
body input,
body textarea {
	font-size: 1em;
}

body .applemenu div.submenu ul a {
	font-size: 1.1em;
}

body .applemenu div.submenu a {
	font-size: 1.1em;
}

body .applemenu div.submenu ul {
	font-size: 1em;
}

body .style3 {
	font-size: 1em;
}

body td {
	font-size: 16px;
}
.contactpg span.footer {
	font-size: 12px !important;
	line-height: 15px !important;
}
.contactpg span.footer a{
	font-size: 12px !important;
	line-height: 15px !important;
}
.list ul li,
table ul li{
	font-size: 17px;
}
.list ul a,
table ul li a{
	font-size: 18px;
}
.list ul,
table ul{
	font-size: 20px;
}
/*-----*/

.main-container {
	display: none;
}

#wrap {
	text-align: left;
	border: 0 none;
	width: 955px;
	margin: auto;
}

.gsc-search-box ::placeholder {
	padding-left: 10px;
}

#topline {
	height: 30px;
	overflow: hidden;
}

#search-bar {
	float: left;
	margin-top: 0;
	padding-top: 0;
	width: 300px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333399;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
}

#search-bar.google-input {
	width: 120px;
	background-color: #ccc;
	border: 1px solid #333;
}

#search-bar.google-button {
	width: 25px;
	height: 25px;
	background-color: #333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ccc;
	font-weight: bold;
}

#sub-nav {
	float: right;
	height: 25px;
	width: 650px;
	margin-right: 0;
	text-align: right;
	margin-top: 3px;
	padding-top: 0;
}

#sub-nav a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
	padding-right: 15px;
	padding-left: 15px;
	border-left: 1px solid #999999;
}

#sub-nav a.last {
	border: 0 none;
}

#sub-nav a:hover {
	text-decoration: underline;
}

#border-top {
	height: 8px;
	width: 955px;
	background-image: url('images/border-top.png');
	background-repeat: no-repeat;
}

#hdr {
	height: 100px;
	background-image: url('images/bg.gif');
	background-color: #ffffff;
	background-repeat: repeat;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	color: #333333;
	clear: both;
	margin-bottom: 0;
}

#bar {
	height: 42px;
	background-image: url('images/bg-nav.gif');
	background-repeat: repeat-x;
	color: #333333;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	clear: both;
	margin: 0;
	padding-bottom: 2px;
	border-bottom: 3px solid #ccccee;
	border-top: 1px solid #333399;
	background-color: #CCCCEE;
}

#bodyblock {
	position: relative;
	background: #ffffff;
	color: #333333;
	width: 953px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	clear: both;
	margin: 0;
	padding: 0;
	min-height: 500px;
}

#cont {
	position: relative;
	top: 0;
	left: 0;
	width: 753px;
	background: #ffffff;
	color: #333333;
	border: solid #ffffff;
	border-width: 0 0 0 1px;
	text-align: left;
	padding: 0;
	padding-bottom: 15px;
	margin: 0;
	min-height: 425px;
}

#cont-block {
	/*only on subpage*/
	position: relative;
	top: 0;
	left: 0;
	width: 753px;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	min-height: 425px;
}

#l-col {
	/*only on subpage*/
	position: absolute;
	top: 10px;
	left: 0;
	background-color: #ffffff;
	border-right: 1px solid #999999;
	color: #333333;
	width: 200px;
	height: 95%;
	padding: 0;
	padding-bottom: 15px;
	margin: 0;
	margin-bottom: 1%;
}

#cont-sub {
	/*only on subpage*/
	position: relative;
	top: 0px;
	left: 201px;
	width: 548px;
	background: #ffffff;
	color: #333333;
	border: solid #ffffff;
	border-width: 0 0 0 1px;
	text-align: left;
	padding: 0;
	padding-bottom: 15px;
	margin: 0;
	min-height: 425px;
}

#r-col {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #ffffff;
	border-left: 1px solid #999999;
	color: #333333;
	width: 200px;
	height: 95%;
	padding: 0;
	margin-top: 1%;
	margin-bottom: 1%;
}

#random {
	width: 200px;
	text-align: center;
}

#random a {
	border: 0 none;
}

#ftr {
	min-height: 30px;
	background-image: url('images/bg.gif');
	background-color: #ffffff;
	background-repeat: repeat;
	color: #333333;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	margin: 0;
}

#ftr div {
	width: 925px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	vertical-align: top;
	padding-top: 0;
}

#border-bottom {
	height: 8px;
	width: 955px;
	background-image: url('images/border-bottom.png');
	background-repeat: no-repeat;
}

#footnotes {
	display: none;
}
.sflex{
    display:flex;
}

/*-----menu1-----*/

.menu1 {
	display: none;
	width: 60%;
	height: 100%;
	float: right;
}

.menu1 ul {
	width: 100%;
	height: inherit;
	margin: 0;
	padding: 0 0;
	background-color: rgba(51, 50, 152, 0.9);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.menu1 ul li:first-child {
	padding-top: 15px;
}

.menu1 ul li:last-child {
	padding-bottom: 15px;
}

.menu1 ul li {
	color: #fff;
	line-height: 1em;
	list-style: none;
	padding-left: 0px !important;
}

.menu1 ul a {
	width: 20%;
	height: inherit;
	color: #222;
	display: inline-block;
	font-size: 18px !important;
}

.menu1 ul a:hover {
	background-color: #222;
	color: #444;
}

#menuToggle {
	display: none;
}

.menu-icon {
	display: none;
}

.fa {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 2.5px;
	background: #860D0D;
}

.fa::before,
.fa::after {
	content: "";
	position: absolute;
	width: 35px;
	height: 2.5px;
	background: #860D0D;
	left: 0px;
	top: 8px;
}

span.fa::after {
	top: -8px;
}

#bar1 {
	display: none;
	height: auto;
	width: 100%;
	background-repeat: repeat-x;
	color: #fff;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	clear: both;
	margin: 0;
	padding-bottom: 2px;
	border-bottom: 3px solid #ccccee;
	border-top: 1px solid #333399;
	background-color: #CCCCEE;
}

.chromestyle1 li {
	display: block;
	padding-top: 20px;
	position: relative;
}

.chromestyle1 li a {
	color: #fff;
	font-size: 20px;
	display: inline-block;
	position: relative;
}

.smenudiv {
	color: #333399;
	display: none;
}

.chromestyle1 li:hover .smenudiv {
	display: block;
	position: relative;
	height: auto;
	width: 100%;
}


/*----------2------*/

.toggle2,
[id^=drop] {
	display: none;
}

.menunav-2 {
	display: none;
	margin: 0;
	padding: 0;
	background-color: #CCCCEE;
}

.menunav-2:after {
	content: "";
	display: table;
	clear: both;
}

.menunav-2 ul {
	float: right;
	padding: 10px 0;
	margin: 0;
	list-style: none;
	position: relative;
	width: 100%;
	margin-top: 50px;
}

.menunav-2 .fa {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 2.5px;
	background: #860D0D;
	right: 5px;
	float: right;
	top: 14px;
}

label.first.toggle2 {
	color: #860D0D;
	left: 0;
	width: 100%;
	font-size: 27px;
	padding: 12px 10px;
	line-height: 1em;
	cursor: pointer;
}

.menunav-2 ul li {
	margin: 0px;
	display: inline-block;
	float: left;
	background-color: #CCCCEE;
	padding-left: 0px !important;
	position: relative;
}

.menunav-2 a {
	display: block;
	padding: 10px 10px;
	color: #FFF;
	font-size: 20px !important;
	line-height: 1.2em;
	text-decoration: none;
}

.menunav-2 ul ul {
	display: none;
	position: absolute;
	top: 60px;
	padding-bottom: 0px;
}


/* Display Dropdowns on Hover */


/* Fisrt Tier Dropdown */

.menunav-2 ul ul li {
	width: 170px;
	float: none;
	display: list-item;
	position: relative;
}

.menunav-2 ul ul ul li {
	position: relative;
	top: -60px;
	left: 170px;
}

.menunav-2 a:hover {
	text-decoration: none !important;
}

.submenu-sub {
	padding-left: 20px;
}

.submenu-sub li a {
	color: #fff;
	opacity: 0.8;
}

.menunav-2 a:hover {
	color: #660000 !important;
}

#___gcse_0 .gsc-input-box {
	height: auto !important;
}

.menu2 ul li:before {
	display: none;
}

.menu2 li:last-child:before {
	display: none;
}

.index-slider {
	display: none;
	max-width: 550px;
	margin: auto;
}

.index-slider .item img,
.index-slider .item iframe {
	object-fit: fill;
	object-position: center;
	max-width: 100%;
	height: 100% !important;
}

.index-slider .item {
	border: 10px solid darkblue;
	overflow: hidden;
	height: 300px;
	padding-left: 7px;
	padding-top: 7px;
}
form#cse-search-box{
    margin-bottom:0 !important;
}
@media (max-width: 992px) {
	body #ftr p {
		line-height: 1.4em !important;
	}
	p {
		padding-right: 0px !important;
		padding-left: 0px !important;
		font-size: 18px !important;
	}
	p+p {
		margin-top: 0 !important;
	}
	a {
		font-size: 18px !important;
	}
	.H1 {
		font-size: 21px !important;
		word-break: normal;
	}
	h1 {
		font-size: 21px !important;
		padding-left: 0 !important;
		word-break: normal;
	}
	h4,
	h3,
	h2,
	h5,
	h6 {
		font-size: 19px !important;
		padding-left: 0 !important;
		word-break: normal;
	}
	li {
		font-size: 18px !important;
	}
	.index-slider {
		display: block;
	}
	.desktop-carousel,
	#mygallery {
		display: none !important;
	}
	#ftr {
		padding: 10px 7px 10px !important;
	}
	#ftr div {
		display: none !important;
	}
	#l-col {
		display: block !important;
	    position: relative !important;
	    width: 100%!important;
	    height: auto;
	    border-right: 0 !important;
	    padding-bottom: 5px!important;
	}
	#r-col {
		display: none !important;
	}
	#random br {
		display: none;
	}
	.SandboxRoot.env-bp-820 .timeline-Tweet-text {
		font-size: 15px !important;
		line-height: 1.4em !important;
	}
	.SandboxRoot.env-bp-min .timeline-Tweet-text,
	.TweetAuthor-screenName,
	.TweetAuthor-name {
		font-size: 15px !important;
		line-height: 20px !important;
	}
	#ftr h6 {
		font-size: 18px !important;
	}
	#hdr div img {
		max-width: 280px;
		height: auto;
		padding: 5px 0;
	}
	#hdr a img {
		max-width: 130px;
		height: auto;
		padding: 5px 0;
	}
	#ftr div p {
		display: none;
	}
	#ftr p {
		display: block;
	}
	#r-col>div.gadgets {
		position: relative;
	}
	.toggle2,
	[id^=drop] {
		display: none;
	}
	.toggle2+a,
	.menu2 {
		display: none;
	}
	[id^=drop]:unchecked+ul {
		display: none !important;
	}
	.menu1 {
		display: block;
		cursor: pointer;
	}
	#sub-nav {
		display: none;
	}
	#wrap {
		width: 100% !important;
		overflow-x: hidden;
	}
	#bar {
		display: none !important;
		height: 100% !important;
		background-image: none !important;
	}
	.menunav-2 {
		display: block;
		cursor: pointer;
	}
	.chromestyle {
		width: 100% !important;
		position: relative;
		height: 100% !important;
	}
	.chromestyle ul {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex !important;
		flex-flow: column!important;
		justify-content: center!important;
		align-items: !important;
		padding-left: 20px !important;
	}
	#bodyblock {
		width: 100%!important;
	}
	#cont div {
		padding-right: 0px !important;
	}
	#cont-block {
		width: 100%!important;
	}
	#cont-sub {
		left: 0px!important;
		width: 100%!important;
	}
	#cont {
		width: 100%!important;
	}
	#l-col h6 {
		font-size: 23px!important;
	    margin-top: 0px!important;
	    margin-bottom: 20px;
	    display: inline-block;
	}
	#l-col p{
		padding: 0px !important;
	}
	#twitter-widget-0 {
		width: 95% !important;
		margin: 20px auto -10px!important;
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex !important;
		justify-content: center !important;
		height: auto !important;
		min-height: 400px !important;
	}
	.timeline-Widget {
		max-width: 620px !important;
		margin: auto !important;
	}
	#random {
		width: 100%;
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		justify-content: space-around;
		align-items: center;
	}
	#random img {
		min-width: auto;
		height: auto;
	}
	#random iframe {
		width: calc(100% - 70px);
	}
	#elearning {
		display: none !important;
	}
	.chromestyle ul li a {
		font-size: 20px !important;
	}
	/*-------menu-----*/
	#topline {
		height: 40px !important;
	}
	#border-top {
		display: none !important;
	}
	#hdr {
		width: 100% !important;
		border-radius: 5px;
		padding: 10px 0px;
	}
	.menu1 {
		width: 100%;
		height: auto;
	}
	.menu1 ul {
		display: block;
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height 0.3s;
		-moz-transition: max-height 0.3s;
		-ms-transition: max-height 0.3s;
		-o-transition: max-height 0.3s;
		transition: max-height 0.3s;
	}
	.menu1 ul a {
		text-align: left;
		width: 100%;
		padding: 10px 20px;
		color: #fff !important;
		font-size: 20px;
	}
	.menu-icon {
		width: auto;
		height: inherit;
		display: block;
		position: absolute;
		top: 0;
		right: 10px;
		padding: 18px 5px;
		margin-bottom: 0;
		cursor: pointer;
	}
	#menuToggle:checked~ul {
		max-height: 550px;
	}
	.menunav-2 {
		margin: 0;
		min-height: 50px;
	}
	.toggle2+a,
	.menu {
		display: block;
	}
	.toggle2 {
		display: block;
		background-color: #CCCCEE;
		padding: 10px 10px;
		color: #FFF;
		font-size: 25px;
		line-height: 1em;
		text-decoration: none;
		border: none;
		position: absolute;
		right: 0;
		margin: 0;
	}
	[id^=drop]:checked+ul {
		display: block;
	}
	.menunav-2 ul li {
		display: block;
		width: 100%;
	}
	.menunav-2 ul ul .toggle2,
	.menunav-2 ul ul a {
		padding: 0 40px;
	}
	.menunav-2 ul ul ul a {
		padding: 0 80px;
	}
	.menunav-2 ul li ul li .toggle2,
	.menunav-2 ul ul a,
	.menunav-2 ul ul ul a {
		padding: 10px;
		color: #FFF;
		font-size: 17px;
	}
	.menunav-2 ul li ul li .toggle2,
	.menunav-2 ul ul a {
		padding-left: 15px;
		color: #330066;
	}
	.menunav-2 ul ul {
		float: left;
		position: static;
		color: #ffffff;
		padding-top: 0;
		margin-top: 0;
	}
	.menunav-2 ul ul li {
		display: block;
		width: 100%;
	}
	.menunav-2 ul ul ul li {
		position: static;
	}
	.workshops {
		width: 100%!important;
		margin: 0px!important;
		padding-left: 5px!important;
		padding-right: 5px!important;
	}
	.testi {
		height: auto !important;
	}
	.testi div {
		height: auto !important;
	}
	.testi div a img {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	#cont-sub table tr td img {
		width: 100% !important;
		height: auto;
	}
	#cont-sub .question img {
		max-width: 25px !important;
		width: 100% !important;
	}
	#cont-sub img {
		max-width: 800px !important;
		height: auto;
	}
	.art-img {
		width: 100%!important;
		float: none!important;
		text-align: center!important;
	}
	#bodyblock {
		padding: 15px;
	}
	#l-col a {
		font-size: 18px !important;
	}
	.workshopH {
		width: 100% !important;
		margin: 0 !important;
		padding-left: 5px;
	}
	.current {
		width: 100% !important;
		margin: 0px !important;
	}
	hr {
		width: 100%;
	}
	#cont-sub table {
		width: 100% !important;
		border: 0 #fff;
	}
	.lists {
		width: 100% !important;
	}
	.tables {
		width: 100% !important;
	}
	.lists td>ul>li {
		margin-top: 8px;
		font-size: 18px !important;
	}
	#l-col a img {
		display: none;
		width: 200px !important;
		height: auto !important;
	}
	#___gcse_0 .gsc-input-box {
		height: auto !important;
	}
	.brk {
		display: none;
	}
	.html5-video-player .video-click-tracking,
	.html5-video-player .video-stream {
		width: 100% !important;
		height: 100% !important;
	}
	#cont-sub iframe {
		width: 100% !important;
		height: auto;
		max-width: 570px;
	}
	.pd-left {
		padding-left: 20px !important
	}
	.contactpg .textField {
	    width: 100%;
	    max-width: 570px;
	    height: 30px;
	}
	.contactpg .textarea {
	    background-color: #e6f4f9;
	    height: 120px;
	    width: 100%;
	    border: 1px solid #333333;
	}
	.contactpg #cont-sub iframe {
	    height: 100px !important;
	}
}

@media (max-width: 575px) {
	#hdr {
		height: 90px;
	}
	a {
		word-break: break-word;
	}
	.lists td {
		width: 100% !important;
		display: block !important;
	}
	#cont div ul {
		margin-left: -15px;
	}
	.menunav-2 a {
		font-size: 18px !important;
		line-height: 1em;
	}
	#hdr div img {
		max-width: 200px !important;
	}
	#hdr a img {
		max-width: 100px !important;
	}
	#___gcse_0 .cse .gsc-control-cse,
	#___gcse_0 .gsc-control-cse {
		max-width: 220px !important;
	}
	#twitter-widget-0 {
		max-width: 100%!important;
	}
	#l-col {
		position: relative;
		width: 100% !important;
	}
	#ftr {
		padding: 10px 7px 10px !important;
	}
	.buy tr {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		justify-content: center;
		flex-flow: column;
		align-items: center;
	}
	.modules {
		overflow-x: auto;
	}
	.art-img {
		width: 100%!important;
		float: none!important;
		text-align: center!important;
	}
	#cont-sub table tr td img {
		width: 100% !important;
	}
	#cont-sub img {
		width: 100% !important;
		max-width: 100% !important;
	}
	#cont-sub .process-cards img{
	    width: auto !important;
	}
	#cont-sub p img.logoy {
		max-width: 100px !important;
	}
	#random img {
		min-width: auto;
		height: auto;
		max-width: 150px;
	}
	body #cont-sub ul,
	body ol,
	body li {
		padding-left: 15px !important;
	}
	#r-col a img {
		max-width: 150px;
	}
}

@media (max-width: 480px) {
	#cont-sub p img {
		max-width: 400px !important;
	}
	#random img {
		max-width: 100px !important;
	}
	#r-col a img {
		max-width: 100px !important;
	}
	.index-slider .item {
		height: 190px;
	}
	.contactpg .textField {
	    width: 93% !important;
	}
	.contactpg .textarea {
	    width: 93%;
	}
	.seminar .dropDown {
        width: 80%;
    }
    .seminar select {
        width: 80%;
    }
    .seminar input{
        width: 80%;
    }
    #cse-search-box .google-input{
        max-width:180px;
    }
}