@charset "UTF-8";

	:root
	{
		--mainmiddlepadding: 0;
		--mainheaderheight: auto;
		--mainheaderborder: none;
		--mainheaderbgcolor: white;
		--fontsize: 16px;
		--navselbgcolor: inherit;		
		
		--artbgcolor: cadetblue;
		--artcolor: white;
		--mainfooterbgcolor: cadetblue;
		--mainfootercolor: white;
		
		--widgetheight: 230px;
		
		--buttonbgcolor: cadetblue;
  	--buttoncolor: white;
  	--buttonborder: 1px solid cadetblue;
  	
		--navfontfamily: inherit;
		--navfontsize: inherit;
		--navfontstyle: inherit;
		--navwidth: 100%;
		--navopenwidth: 100%;
		--navbgcolor: inherit;
		--navitmheight: 30px;
		--navbordercolor: inherit;
		--navselbgcolor: inherit;
		--navselcolor: var(--wsblue);
		--navactbgcolor: inherit;
		--navactcolor: var(--wsblue);
		--navactfontweight: bold;
		--navsubcolor: inherit;
		--navsubbgcolor: inherit;
		--navshadow: var(--shadow);
  	
  	
  	--wsgreen: cadetblue;			
  	--wsfooterleft: 400px;
  	--wsfooterright: 200px;
  	/*	
		--mainfooterheight: 200px;
		*/
		--mainfootercolor: white;
		--mainfooterbgcolor: #387376;
		--mainfooterfont: normal 100% var(--fontfamily);	
	}

	.leftpad
	{
		padding-left: 3em !important;
	}
	.morepad
	{
		padding-left: 150px !important;
		padding-right: 150px !important;
	}

	.tcms_dialog .tcms_dialoghead div.icons
	{
		display: none;
	}
	.wsgreen
	{
		color: var(--wsgreen);
	
	}
	.wsbggreen
	{
		background-color: var(--wsgreen);
	}
	.tcinvert
	{
		background-color: var(--wsgreen);
		color: white;	
	}
	header.maintop
	{
		border-bottom: 3px solid var(--wsgreen);
		text-align: center;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	header.maintop .infoitem
	{
		display: inline-block;
	}
	header.maintop .infoitem.tooplogo 
	{
		float: left;
	}
	header.maintop .infoitem.tcpagemenu 
	{
		float: left;
		margin-left: 50px;
		margin-right: 50px;
	}
	header.maintop .infoitem.wslogo 
	{
		float: right;
	}
		
	footer.mainbottom
	{
		position: relative;
		font-size: smaller;
  	padding-left: var(--wsfooterleft);
  	padding-right: var(--wsfooterright);		
	}
	footer.mainbottom .infoarea 
	{
		width: 100%;
	}
	footer.mainbottom .infoarea .contentelements .infoitem 
	{
		display: inline-block;
		padding-right: 100px;
	}		
	footer.mainbottom h6
	{
		position: revert;
	}
	footer.mainbottom nav 
	{
		--navcolor: var(--mainfootercolor);
		--navselcolor: var(--mainfootercolor);
		--navactcolor: var(--mainfootercolor);
	}
	footer.mainbottom h6.subline
	{
		display: none;
	}

	nav li span, nav li a 
	{
	  display: block;
	  padding: 10px;
	  width: 100%;
	  box-sizing: border-box;
	  padding-right: 40px;
	}	
	
	nav.contentmenu div.menucontent .mcinner
	{
		border-top: 0;
		border-bottom: 3px solid var(--navselcolor);
	}	
	nav.contentmenu li.menuitem.level1 div.menucontent.level1
	{
		border-top: 3px solid var(--wsgreen);
	}
	section.page.simpleform,
	.wspage
	{
		padding: 40px;
	}		
	section.page.loginbox input.login 
	{
  	width: var(--controlswidth);
	}	
	article.colbased
	{
		padding-top: 100px;
	}

	article.opener
	{
		padding: 0;
		width: 100vw;
		height: 500px;
		margin-top: 20px;
	}
	article.colbased.opener .captionside.outer
	{
		vertical-align: bottom;
	

	}
	article.colbased.opener .contentside.outer
	{
		background-color: #00000091;
		color: white;
		position: absolute;
		right: 80px;
		width: 800px;
		max-width: 100%;
	}

	article.carousel article.colbased
	{
		padding: 0;
	}
	article.carousel ul.carouselselector li.selectoritem.selected	
	{
		color: var(--wsgreen);
	}

	article.tcstandard
	{
		margin-top: 40px;
		margin-bottom: 40px;
		padding: 40px;
		padding-top: 60px;
	}



	article.rollup h1.itemhead
	{
		color: var(--wsgreen);
		width: auto;
  	display: inline-block;
  	font-size: 120%;
	}
	article.rollup.open h1.itemhead
	{
		color: var(--wsgreen);
		border-bottom: none;
		width: auto;
  	display: inline-block;
	}
	article.rollup .artdetail
	{
		padding: 40px;
	}


	ul.checklist,
	ul.tcbulletpointlist,
	ul.keywordlist
	{
		padding: 0;
	}

	ul.checklist
	{
		list-style: disclosure-closed;
		line-height: 1.8;
		padding-left: 1em;
	}
	ul.checklist li::marker
	{
		color: var(--artbgcolor);
	}
	ul.checklist.whitemarker li::marker 
	{
 		color: white;
	}	
	
	ul.checklist li
	{
		padding-left: 20px;
	}
	
	.widget.powerwidget
	{
		text-align: center;
		border: 3px solid var(--wsgreen);
		font-size: var(--bigfont);
	}
	.widget.powerwidget ul.checklist
	{
		display: inline-block;
	}
	.widget.powerwidget ul.checklist li
	{
		text-align: left;
		padding-left: 24px;
	}
	.widget.powerwidget h1
	{
		font-size: 180%;
	}
	.keywordlist
	{
		width: 100%;
		list-style: none;
		color: cadetblue;
	}		
	.keywordlist li 
	{
		float: left;
		padding: 10px;
		padding-right: 20px;
		line-height: 1.5;
	}
	
	ul.tcbulletpointlist li 
	{
		font-size: 120%;
		display: inline-block;
		margin: 20px;
		padding: 20px;
		background-color: var(--wsgreen);
		color: white;
		box-sizing: border-box;
		border-radius: 10px;
		transition: var(--transition);
	}	

	

	div.tcmsscheduler.selectorcontrol 
	{
		display: block;
	}
	ul.tcmsscheduler 
	{
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline-block;
		margin-bottom: 10px;
	}
	li.tcmsscheduler 
	{
		float: left;
		padding: 10px;
		cursor: pointer;
	}
	ul.tcmsscheduler.tabpage 
	{
		clear: both;
	}	
			
	li.tcmsscheduler.blocked
	{
		opacity: 0.4;
		cursor: default;
	}		
	li.tcmsscheduler
	{
		border: 1px solid var(--buttonfocuscolor);
		border-radius: 5px;
		
	}	
	li.tcmsscheduler.active
	{
		background-color: var(--buttonfocuscolor);
		color: white;		
		border: 1px solid white;
	}
			
	li.control input.savedata,
	a.button.tcmsscheduler
	{
		border: 2px solid white;
		padding: 10px;
		font-size: 110%;
	}			

	article.simple.widget.powerwidget.r2 
	{
	  height: 600px;
	}
	article.simple.widget.powerwidget.c2 
	{
  	width: 400px;
	}
			
	@media (max-width: 1300px)
	{
		header.maintop .infoitem.wslogo
		{
			display: none;
		}
		header.maintop .infoitem
		{
			float: none !important;
			display: inline-block;
		}
	}
	@media (max-width: 1200px)
	{

		footer.mainbottom
		{
			padding: 20px;
		}
	}

	@media (max-width: 950px)
	{
		:root
		{
			--navfontsize: smaller;
		}
		.morepad
		{
			padding: 40px !important;
		}
		article.colbased .contentcols
		{
			text-align: left;
		}
		
	}
	@media (max-width: 800px)
	{
		header.maintop .infoitem
		{
			float: none;
			display: inline-block;
		}
	}
	@media (max-width: 880px)
	{
		article.colbased.opener .contentside
		{
			left: 0;
		}
	}
	@media (max-width: 600px)
	{
	}