//#layoutBody
//	width: 100%
//	height: 100%
//	//display: table  //Firefox does not like this - no idea why.  Not required apparently.
//	margin: 0
//	padding: 0
//	border: 0
//	overflow: hidden

#mainBody
	//position: relative
	display: flex;
	flex-flow: row;
	//display: inline-block  // Requried by Firefox for absolute positioning.
	margin: 0
	padding: 0
	border: 0
	height: 100%
	width: 100%

	.leftSidebar
		flex: 0 0 auto
		display: flex
		flex-flow: column
		justify-content: flex-start
		align-items: flex-start
		align-content: stretch
		height: 100%
		//position: absolute
		border: 0
		vertical-align: top
		padding: 0
		text-align: left
		//top: 0px
		//left: 0px
		//bottom: 0px
		width: 220px
		//Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D
		background-color: #90b272   //Old browsers
		background: -moz-linear-gradient(-180deg, #90b272 0%, #4d7727 100%)  //FF3.6-15
		background: -webkit-linear-gradient(-180deg, #90b272 0%,#4d7727 100%)  //Chrome10-25,Safari5.1-6
		background: linear-gradient(180deg, #90b272 0%,#4d7727 100%)  //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
		font-size: 14px
		font-weight: 700
		overflow: hidden

		.logoArea
			flex: 0 0 auto
			width: 100%
			.signOut
				position: absolute
				left: 10px
				top: 10px
				color: white
				cursor: pointer
			.signOut:hover
				color: #BBB
			.signOut:active
				color: black
			.logo
				text-align: center
				margin-top: 20px
				img:hover
					//-webkit-animation: neon6_drop 1.5s ease-in-out infinite alternate;
					//-moz-animation: neon6_drop 1.5s ease-in-out infinite alternate;
					animation: neon6_drop 1.5s ease-in-out infinite alternate;
		.menuArea
			flex: 1 1 auto
			width: 100%
			ul
				padding: 20px 0 0 0
				margin: 0
				list-style: none
				li:first-child
					border-top: 1px solid #e4e5e7
				li
					border-bottom: 1px solid #e4e5e7
					color: #96a2ae
					text-transform: uppercase
					display: block
					a
						color: black
						padding: 10px 20px
						cursor: pointer
						text-decoration: none
						display: block
						.tag
							padding: .2em .5em
							font-size: .7em
							color: #fff
							white-space: nowrap
							vertical-align: baseline
							border-radius: .25em
							border: 1px solid #000000
							float: right
				li:hover
					background-color: #333
					-webkit-animation: neon6 1.5s ease-in-out infinite alternate;
					-moz-animation: neon6 1.5s ease-in-out infinite alternate;
					animation: neon6 1.5s ease-in-out infinite alternate;
				li.active
					background-color: #333
					a
						color: #96a2ae
				li.active:hover
					background-color: #333
					a
						color: white
		.footer
			flex: 0 0 auto
			width: 100%
			font-size: 9px
			text-align: center

	.contentBody
		flex: 1 1 1px
		padding: 10px 20px
		-webkit-box-shadow: inset 4px 2px 10px -3px rgba(168,165,168,1)
		-moz-box-shadow: inset 4px 2px 10px -3px rgba(168,165,168,1)
		box-shadow: inset 8px 0px 10px -3px rgba(168,165,168,1)
		//position: absolute
		//top: 0
		//bottom: 0
		//left: 220px
		//right: 0
		overflow: hidden

		//.contentBody
		//	//display: table-cell
		//	position: absolute
		//	top: 0
		//	bottom: 0
		//	left: 220px
		//	right: 0
		//	//background: #4d7727
		//
		//	.contentContainer
		//		display: table
		//		width: 100%
		//		height: 100%
		//		//border-radius 20px
		//		//border: 0;
		//		background: white
		//
		//		.content
		//			display: table-row
		//			width: 100%
		//			-webkit-box-shadow: inset 4px 2px 10px -3px rgba(168,165,168,1)
		//			-moz-box-shadow: inset 4px 2px 6px 2px rgba(168,165,168,1)
		//			box-shadow: inset 4px 2px 6px 2px rgba(168,165,168,1)


//#layoutBody
//	width: 100%
//	height: 100%
//	display: table
//	margin: 0
//	padding: 0
//	border: 0
//
//	.bodyTable
//		display: table
//		margin: 0
//		padding: 0
//		border: 0
//	.bodyTableRow
//		display: table-row
//	.bodyTableCell
//		display: table-cell
//
//	.left
//		display: table-cell
//		border: 0
//		vertical-align: top
//		padding: 0
//		text-align: left
//		width: 220px
//		height: 100%
//		//Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D
//		background: #627d4d   //Old browsers
//		background: -moz-linear-gradient(-180deg, #627d4d 0%, #1f3b08 100%)  //FF3.6-15
//		background: -webkit-linear-gradient(-180deg, #627d4d 0%,#1f3b08 100%)  //Chrome10-25,Safari5.1-6
//		background: linear-gradient(180deg, #627d4d 0%,#1f3b08 100%)  //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
//		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
//		font-size: 14px
//		font-weight: 700
//
//		ul
//			padding: 50px 0 0 0
//			margin: 0
//			list-style: none
//
//			li:first-child
//				border-top: 1px solid #e4e5e7
//			li
//				border-bottom: 1px solid #e4e5e7
//				color: #96a2ae
//				text-transform: uppercase
//				display: block
//
//				a
//					color: #96a2ae
//					padding: 15px 20px
//					cursor: pointer
//					text-decoration: none
//					display: block
//
//					.tag
//						padding: .2em .5em
//						font-size: .7em
//						color: #fff
//						white-space: nowrap
//						vertical-align: baseline
//						border-radius: .25em
//						border: 1px solid #000000
//						float: right
//			li:hover
//				background-color: #333
//			li.active
//				background-color: #333
//
//	.header
//		height: 1px
//		background: #627d4d
//		width: 100%
//	.content
//		background: white
//	.footer
//		text-align: center
//		height: 1px;
//		background: #1f3b08
//		color: white



//
//.header
//	display: table-row
//	height: 1px
//	background: #627d4d
//
//#layoutBody.body
//	display: table
//	margin: 0
//	padding: 0
//	width: 100%
//	height: 100%
//
//	.body
//		display: table-row
//		width: 100%
//
//		.left
//			display: table-cell
//			border: 0
//			vertical-align: top
//			padding: 0
//			text-align: left
//			width: 220px
//			//Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D
//			background: #627d4d   //Old browsers
//			background: -moz-linear-gradient(-180deg, #627d4d 0%, #1f3b08 100%)  //FF3.6-15
//			background: -webkit-linear-gradient(-180deg, #627d4d 0%,#1f3b08 100%)  //Chrome10-25,Safari5.1-6
//			background: linear-gradient(180deg, #627d4d 0%,#1f3b08 100%)  //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
//			font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
//			font-size: 14px;
//			font-weight: 700
//
//			ul
//				padding: 50px 0 0 0
//				margin: 0
//				list-style: none
//
//				li:first-child
//					border-top: 1px solid #e4e5e7
//				li
//					border-bottom: 1px solid #e4e5e7
//					color: #96a2ae
//					text-transform: uppercase
//					display: block
//
//					a
//						color: #96a2ae
//						padding: 15px 20px
//						cursor: pointer
//						text-decoration: none
//						display: block
//
//						.tag
//							padding: .2em .5em
//							font-size: .7em
//							color: #fff
//							white-space: nowrap
//							vertical-align: baseline
//							border-radius: .25em
//							border: 1px solid #000000
//							float: right
//				li:hover
//					background-color: #333
//				li.active
//					background-color: #333
//		.main
//			display: table-row
//			background: white
//			border: 0
//			vertical-align: top
//			padding: 0
//			text-align: left
//
//	.footer
//		display: table-row
//		text-align: center
//		height: 1px;
//		background: #1f3b08
//		color: white