/*
	Theme Name:		ITBMS Theme
	Description:	A child theme of the Twenty Seventeen default WordPress theme
	Author:			eRepasi
	Template:		twentyseventeen
	Created:		21-Januar-2018
	Revised:		31-March-2019
	File:			style-itbms.css (assets/css/style-itbms.css)
*/
/*------------------------------------------------------------------------------
		********** The ITBMS-Styles **********
------------------------------------------------------------------------------*/

		* {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			box-sizing: border-box;
		}
		body {
		    font-size: 100%;
		}
		
		.all1 {
			padding: 2px 2px 0px 2px;
			background-color: #ffffcc;
			font-size: 1.0em;
			line-height: 1.3;
			border: 1px solid #009475;
		}
		div .header {
			padding: 4px 4px 4px 4px;
			background-color: #ffcc66;
			border-width: 0px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
		}
		div .main {
			padding: 2px 2px 2px 0px;
			background-color: #ffffff;
			border-width: 0px;
			align-items: stretch;
			display: flex;
/*			flex-wrap: wrap;	*/
		}
		div .main .mainMenu {
			float: left;
			width: 20%;
			max-width:189px;
			background-color: #ffcc66;
		}
		div .main .mainContent {
			width: 80%;
			float: none;
			vertical-align:	top;
			text-align: center;
			background-color: #ffffff;
			display: inline-block;
		}

		div .main .mainMenu #outer {
			height: 100%;
			position:relative;
		}
		.main .mainMenu #outer hr {
			width: 100%;
			height: 2px;
			background-color: #ffffff;
			border-width: 0px;
			padding: 0px;
			margin: 0px;
		}

		div .main .mainMenu #outer .top {
			width: 100%;
			padding: 0px;
/*    		border: 1px solid red; 	*/
		}
		div .main .mainMenu #outer .middle {
			width: 100%;
			padding: 0px;
/*    		border: 1px solid red; 	*/
		}
		div .main .mainMenu #outer .bottom {
			position:absolute;
			width: 100%;
			bottom: 0px;
			padding: 0px;
/*    		border: 1px solid red;	*/
		}

		.main .mainMenu #outer .menuitem {
			text-align: left;
			font-size: 0.85em;
			font-weight: bold;
		    text-decoration: none;
		}

		.main .mainMenu #outer .top ul,
		.main .mainMenu #outer .middle ul,
		.main .mainMenu #outer .bottom ul {
			display: block;
			list-style-type: none;
			list-style-position: inside;
			padding: 0px 0px 0px 0px;
			border: 0px;
			margin: 1.5em 0.5em;
/* 			border: 1px solid green;	*/
		}
		.main .mainMenu #outer .bottom ul {
			margin: 1.5em 0.5em 3.0em 0.5em;
   		}

		.main .mainMenu #outer .top ul li, 
		.main .mainMenu #outer .middle ul li,
		.main .mainMenu #outer .bottom ul li {
			padding: 12px 8px;
/*    		border: 1px solid blue;	*/
		}
		.main .mainMenu #outer .bottom ul li {
			padding: 12px 0px;
		}


		.main .mainContent hr {
			width: 85%;
			height: 2px;
			border-width: 0px;
			color: #afafaf;
			background-color: #afafaf;
		}
		.main .mainContent .main-inside {
			width: 80%;
			margin: auto;
		}

		ul {
			padding-left: 2em;
			list-style-position: outside;
		}
		.left {
			text-align: left;
			margin-left: 10%;
			width: 80%;
			border-width: 1px;
			border-color: #af0000;
/*			border-style: solid;	*/
			border-style: none;
			line-height: 1.4;
		}

/*
	Our own font-size selections...
*/
		div .tiny			{ font-size: 0.54em; margin: 1em 0 1em }
		div .small3			{ font-size: 0.62em; margin: 1em 0 1em }
		div .small2			{ font-size: 0.73em; margin: 1em 0 1em }
		div .small1			{ font-size: 0.85em; margin: 1em 0 1em }
		div .normalsize		{ font-size: 1.00em; margin: 1em 0 1em }
		div .large1			{ font-size: 1.17em; margin: 1em 0 1em }
		div .large2			{ font-size: 1.37em; margin: 1em 0 1em }
		div .large3			{ font-size: 1.60em; margin: 1em 0 1em }
		div .huge1			{ font-size: 1.87em; margin: 1em 0 1em }
		div .huge2			{ font-size: 2.20em; margin: 1em 0 1em }

		tiny				{ font-size: 0.54em; margin: 1em 0 1em }
		small3				{ font-size: 0.62em; margin: 1em 0 1em }
		small2				{ font-size: 0.73em; margin: 1em 0 1em }
		small1				{ font-size: 0.85em; margin: 1em 0 1em }
		normalsize			{ font-size: 1.00em; margin: 1em 0 1em }
		large1				{ font-size: 1.17em; margin: 1em 0 1em }
		large2				{ font-size: 1.37em; margin: 1em 0 1em }
		large3				{ font-size: 1.60em; margin: 1em 0 1em }
		huge1				{ font-size: 1.87em; margin: 1em 0 1em }
		huge2				{ font-size: 2.20em; margin: 1em 0 1em }

		.black				{ color: #000000;	}
		.grey-darker 		{ color: #404040;	}
		.grey 				{ color: #707070;	}
		.blue 				{ color: #0f3fff;	}
		.red-normal			{ color: #ff0000; font-weight: normal; }
		.red-bold 			{ color: #ff0000; font-weight: bold; }

		.bold				{ font-weight: bold; }
		.tab				{ margin-left: 2.5em; }
/*
	Customized links...
*/
		a.blink:link 		{ color: #0f3fff; }						/* unvisited link (blue) */
		a.blink:visited 	{ color: #0f3fff; }						/* unvisited link (blue) */
		a.blink:hover 		{ color: #ff3f3f; }						/* mouse over link (bright red) */
		
		a.menuitem:link 	{ color: #009475; }						/* unvisited link (green) */
		a.menuitem:visited 	{ color: #009475; }						/* unvisited link (green) */
		a.menuitem:hover 	{ color: #ff3f3f; }						/* mouse over link (bright red) */

/*
	For the 'Former Workshops' table...
*/
		.Style6 {
			font-size: 14px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			color: #303030;
		}