@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600");
			
	/* HTML / BODY */
	HTML, BODY
	{
		height:100%;
		width:100%;
		margin:0;
		padding:0;
		scroll-behavior: smooth;
	}
	
	BODY
	{
		font: normal normal 16px Arial, Helvetica, sans-serif;
		font-family: 'Open Sans', sans-serif;
		font-size:16px;
		color:#444;
		vertical-align: top;
		min-width:320px;
	}

	#divGlobalDebug
	{
		background-color:#FFF;
		float:left;
		width:100%;	
	}

	#global_container
	{
		margin:0 auto;
		width:100%;
		zoom:1;
		float:left;
		position:relative;
	}

	#global_screen
	{
		width: 100%;
		text-align: left;
		position: relative;		
		float:left;
		display:block;	
	}

	#global_screen:after
	{
		content:"";
		display:block;
		clear:both!important;
	}

	#global_content
	{
		margin-top:100px;
		float:right;
		min-height:300px;
		line-height:24px;
		display:inline-block;
		outline:0!important;
		width:73%;
	}
	
	.global_inner_content_container
	{
		position:relative;
		max-width:1280px;
		margin:0 auto;
	}

/* HEADER */
#global_header
{
	width:100%;
	position:absolute;
	top:0; left:0;
	height:60px;
}

	#global_navigation
	{
		width:100%;
		height:100%;
		position:relative;
		margin:0 auto;
	}
	
	#gobal_home_logo
	{
		height:100%;
		position:relative;
		float:left;
		width:180px;
	}
	
		#gobal_home_logo A
		{
			display:block;
			position:absolute;
			top:0; left:0;
			width:100%; height:100%;
			font-size:0;
		}
	
	#global_search_wrapper
	{
		height:100%;
		position:relative;
		float:right;
		width:30%;

	}
		
		#global_search_wrapper FORM
		{
			position:relative;
			width:100%; height:100%;
		}
		
		#global_search_wrapper FORM INPUT[type=text]
		{
			width:50%;
			min-width:150px;
			position:absolute;
			top:0; right:0;
			height:100%;
			padding:15px 20px 15px 50px;
			box-sizing:border-box;
			border:0!important;
			font-size:1.2em;
			background:url(/art/icon/home/search-white.png) no-repeat left center!Important;
			background-size:45px!Important;
			transition:all .2s ease-in;
			z-index:1;
		}
		
		#global_search_wrapper FORM INPUT[type=text]:focus
		{
			width:100%;
		}
		
	
	
	#global_top_menu
	{
		width:120px;
		float:right;	
		z-index:9998;
		position:relative;
		height:100%;
		background:inherit;
	}
	
		#global_top_menu UL
		{
			margin:0; padding:12px 5px;
			list-style-type:none;
			float:left;
			z-index:9999;
		}
	
		#global_top_menu #global_menu_button
		{
			width:100%;
			display:block;
			text-decoration:none!Important;
			position:absolute;
			right:0; top:0;
			width:120px;
			height:100%;
			font-size:1.2em;
			padding:15px 20px;
			text-align:right;
			box-sizing:border-box;
			z-index:1;
		}
		
		#global_top_menu #global_menu_button:after
		{
			content:"";
			width:0%;
			height:0;
			position:absolute;
			top:50%; left:50%;
			border-radius:100%;
			background-color:rgba(0,0,0,0.9);
			opacity:0;
			z-index:-1;
			transition:all .2s ease-out .2s, opacity .4s;
		}
		
		
		#global_top_menu #global_menu_button:focus:after
		{
			height:100%;
			width:100%;
			opacity:1;
			top:0;
			border-radius:0;
			left:0;
			transition:all .2s ease-out;
		}
		
		#global_top_menu #global_menu_button SPAN.globalMenuSpan
		{
			float:left;
			width:22px;
			height:2px;
			position:absolute;
			left:15px;
			transition:all .3s ease-out;
		}
		
		#global_top_menu #global_menu_button SPAN.globalMenuSpan:first-child
		{
			top:18px; 
		}
		
		#global_top_menu #global_menu_button SPAN.globalMenuSpan:nth-child(2)
		{
			top:45%;
			opacity:1;
		}
		
		#global_top_menu #global_menu_button SPAN.globalMenuSpan:last-child
		{
			bottom:22px;
		}

		#global_top_menu > UL > LI > A:focus > SPAN.globalMenuSpan:first-child
		{
			transform:translate(0, 10px) rotate(135deg);
		}
		
		#global_top_menu > UL > LI > A:focus > SPAN.globalMenuSpan:nth-child(2)
		{
			opacity:0!important;
		}
		
		#global_top_menu > UL > LI > A:focus > SPAN.globalMenuSpan:last-child
		{
			transform:translate(0, -8px) rotate(225deg);
		}
		
		
		
		
		
		#global_top_menu UL > LI > UL
		{
			position:absolute;
			top:60px; right:0;
			width:100%;
			max-width:340px;
			min-width:312px;
			opacity:0;
			max-height:0;
			box-sizing:border-box;
			overflow:hidden;
			padding:0;
			transition:all .3s ease-out ;
		}
		
		/*#global_top_menu UL > LI:hover > UL,*/
		#global_top_menu UL > LI A:focus ~ UL
		{
			max-height:1200px;
			border-radius:0;
			opacity:1;
			transition:all .3s ease-out .1s;
			padding:12px 0;
		}
		
		#global_top_menu UL > LI > UL:focus-within,
		#global_top_menu UL > LI > UL:focus
		{
			max-height:1200px;
			border-radius:0;
			opacity:1;
		}
		
		#global_top_menu UL > LI > UL > LI > A
		{
			display:block;
			padding:12px 20px;
			text-decoration:none;
		}
		
		#global_top_menu UL > LI > UL > LI > A:hover,
		#global_top_menu > UL > LI > #global_menu_button:hover
		{
			text-decoration:underline!important;
		}




/* LEFT NAV */	
#global_left_nav
{
	float:left;
	font-size:15px;
}

	#global_left_nav H2
	{
		margin:0!important;
		position:relative;
	}
	
	#global_left_nav H2 A
	{
		color:#333;
		font-size:0.9em;
		text-decoration:none;
		display:block;
		margin: 0 0 15px 0;
		font-weight:bold;
	}
	
	#global_left_nav H3
	{
		margin:0!important;
		font-weight:bold;
	}
	

	#global_left_nav UL
	{
		margin:0;
		padding:0;
		width:100%;
	}

	#global_left_nav LI
	{
		list-style: none;
		margin:0;
		padding: 0;			
	}
	
	#global_left_nav LI A, #global_left_nav LI A:visited,
	#global_left_nav H3 A, #global_left_nav H3 A:visited
	{
		padding: 12px 15px;
		display: block;
		margin: 0;
		text-decoration: none;
		color: #3366ff!important;
		position:relative;		
	}

	#global_left_nav LI A.on_page,
	#global_left_nav H3 A.on_page
	{
		color:#AAA!important;
	}
	
	#global_left_nav A:hover
	{
		text-decoration: underline;
	}
/* END LEFT NAV */



/* BOTTOM AREA*/
#global_bottom_nav
{
	clear:both;
	border-top:5px solid #EEE;
	padding:0 0 15px 0;
	float:left;
	width:100%;
	margin-top:50px;
}

#divOpenData
{
	padding:15px 0;	
}

#divSubscribe
{
	padding:15px 0;	
}

/* PAGE FEEDBACK */	
#page_feedback
{
	/*text-align: left;
	clear: both;
	border-top: 5px solid #DDD;
	width: 100%;
	margin-top:50px;
	padding: 0 0;
	clear: both;
	*clear: inherit;*/
}

	#page_feedback #glbl_page_fb_yes
	{
	
	}
	
	#page_feedback fieldset
	{
		border:0;
		padding:15px 0;
	}
	
	#page_feedback CENTER
	{
		padding:20px;	
	}
	
	#page_feedback legend
	{
		display:none;
	}

	#page_feedback TEXTAREA
	{	
		height: 5em;
	}
	
	#page_feedback TEXTAREA,
	#page_feedback INPUT[type=email],
	#page_feedback #fb_form INPUT[type=Button]
	{		
		font-family: 'Open Sans', sans-serif!important;
		font-size:1.0em!important;
	}
	
	#page_feedback TEXTAREA,
	#page_feedback INPUT[type=email]
	{		
		width: 50%;
		padding:5px;
	}

	#page_feedback #fb_form {
		text-align: left;
		width: 100%;
		box-sizing:border-box;
		transition:all .2s ease-out;
		max-height:0;
		overflow:hidden;
		border-left:5px solid #EEE;
		border-right:5px solid #EEE;
		border-bottom:5px solid #EEE;
		animation:example .5s ease-in forwards;
		padding:10px 30px 30px 30px;
	}
	
	@keyframes example
	{
		from
		{
			max-height:0;
		}
		
		to 
		{
			max-height:999px;
		}
	}

	#page_feedback #fb_form SPAN {
		display: block;
		margin: 20px 0 0 0;
		padding: 0;
	}

	#page_feedback #fb_form INPUT[type=Button]
	{
		-webkit-appearance:none!important;
		appearance:none!important;
		padding:10px 20px;
		margin-top:30px;
		background:#8bc755!important;
		border:0;
		color:#FFF;
		border-radius:2px!Important;
		font-weight:bold;
	}

	#page_feedback #fb_form
	{
		margin-bottom: 1em;
	}
	
	#page_feedback .glbl_service_fb
	{
		display:inline-block;
		border-radius:2px;
		border:1px solid #CCC;
		padding:5px 10px;
		min-width:12px;
		text-align:center;
		margin-right: 5px;
		transition:all .2s ease-out;
	}
	
	#page_feedback .glbl_service_fb:hover
	{
		background-color:#3366FF;
		color:#FFF;
		cursor:pointer;
	}
	
	#page_feedback .glbl_service_fb INPUT[type=radio]
	{
		visibility:hidden;
		opacity:0;
		display:none;
	}

	
/* END PAGE FEEDBACK */



/* FOOTER */
#global_footer
{
	width:100%;
	float:left;
	line-height:23px;
	padding-bottom:50px;
}
	.global_footer_container
	{
		width:25%;
		box-sizing:border-box;
		padding:20px 1% 20px 0;
		float:left;
	}
	
	.global_footer_container LI
	{
		margin-bottom:15px!important;

	}
	
	.global_footer_container A,
	.global_footer_container A:visited
	{
		text-decoration:underline;
		display:inline-block;
	}
	
	.global_footer_container A:hover
	{
		text-decoration:underline;
	}
	
	.global_footer_container .fontUp
	{
		font-weight:bold;
	}
	
	A.global_social_media
	{
		width:35px;
		height:30px;
		display:inline-block;
		background-repeat:no-repeat;
		background-position:center;
		font-size:0!important;
		margin:10px 10px 10px 0;
	}
	
	A.global_social_media[TITLE=Facebook]
	{
		background-image:url(/include/global/images/facebook-icon.png);
	}

	A.global_social_media[TITLE=Twitter]
	{
		background-image:url(/include/global/images/twitter-icon.png);
	}
	
	A.global_social_media[TITLE=YouTube]
	{
		background-image:url(/include/global/images/youtube-icon.png);
	}
	
/* END FOOTER */



/* CREATES A QUICK RIPPLE EFFECT ON CLICK */
.fxRippleDark, .fxRippleLight
{
	position:relative;	
	overflow:hidden;
	display:inline-block;
	z-index:1;
}

.fxRippleDark:after, .fxRippleLight:after
{
	content:"";
	position:absolute;
	cursor:pointer;
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: radial-gradient(circle,rgba(0,0,10,0.5) 10%,transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10,10);
    opacity: 0;
	z-index:-1;
    transition: transform .3s, opacity 1s;
}

.fxRippleDark:active:after, .fxRippleLight:active:after
{	
	transform:scale(0,0);
	opacity:.2;
	transition:0s
}

.fxRippleLight:after
{
    background-image: radial-gradient(circle,rgba(255,255,255,0.8) 10%,transparent 10.01%);
}


/* INCREASE / DECREASE FONT SIZE BY A LITTLE */
.fontDown
{
	font-size:.8em;	
}

.fontUp
{
	font-size:1.1em;	
}


/* ADDS LIST SPACING */
OL.spacing > LI
{
	padding:0 0 10px 20px;
}

OL.paraspacing > LI
{
	padding:0 0 20px 20px;
}

UL.paraspacing > LI
{
	padding:0 0 20px 5px;
}

UL.spacing > LI
{
	padding:0 0 10px 0;
}

#divGlobalServiceDisruption
{
	background-color:#c23616!important;
	color:#FFF;
	float:left;
	width:100%;
	transition:all .2s ease-out;
}

#divGlobalServiceDisruption:hover
{
	background-color:#e84118;
	color:#FFF;
}

#divGlobalServiceDisruption > DIV
{
	max-width:1280px;
	margin:0 auto;
}

#divGlobalServiceDisruption A
{
	box-sizing: border-box;
	display:block;
	padding:20px;
	color:#FFF!important;
	text-decoration:none!important;
	font-weight:bold;
	text-align:center;
}

#divGlobalServiceDisruption SPAN
{
	text-decoration:underline!important;
}