@font-face {
 font-family: "futura";
 src: url( fonts/FUTURAL.eot ); /* IE */
 src: local("FUTURAL"), url(font/FUTURAL.TTF ) format("truetype"); /* non-IE */
}
body {
	font: 100% futura, Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixRtHdr #container {
	width: 910px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixRtHdr #header {
	background: #001A21;
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: none; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
}
.twoColFixRtHdr #mainContent {
	margin: 0 250px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
	padding-right: 0px;
}


.twoColFixRtHdr #mainContent4 {
	margin: 0 20px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
	padding-right: 0px;
}


.twoColFixRtHdr #footer {
	padding: 0 10px 0 20px;
	margin-top:20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.main {
	border:thin #009900 none;
	background:url(images/grad.jpg) repeat-x;
	background-position:bottom;
	margin-left:20px;
	margin-right:20px
}


.main4 {
	
	margin-left:20px;
	margin-right:20px
}


.gradbottom {
	margin-left:20px;
	margin-right:20px;
	margin-top:-15px
}
/* leftboxes */


.leftbox {
	width:200px;
	background:none
}
.boxtop {
	height:22px
}
.boxmiddle {
	background: url(images/boxmiddle3.png) repeat-y;
}
.boxtitle {
	color:#008C98;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding-right:5px
}
.boxtext {
	color:#555555;
	font-size:11px;
	font-weight:normal
}
.boxcontent {
	padding-left:15px;
	padding-right:15px;
	padding-top:5px
}
.boxcontent2 {
	padding-left:15px;
	padding-right:15px;
	padding-top:5px
}
.boxcontent {
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
}
.blackstrip {
	color:#ffffff;
	width:910px;
	margin-top:0px;
	background:#232021;
	padding:0px;
	font-weight:bold;
	font-size:16px;
	padding-bottom:10px;
	padding-left:0px
}
.whitestrip {
	color:#ffffff;
	width:910px;
	background:#ffffff;
}
.submitdiv {
	display: inline;
	top:6px;
	position:relative
}
.blackstriptext {
	padding-left:10px;
	display: inline;
}
.submitimage {
	border-top: #232021 thick solid
}
.green {
	color:#008C98
}
h1 {
	font-size:24px;
	color:#232021
}
p {
	color:#232021;
	font-size:13px;
	line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif;
}

.termslist {
	color:#232021;
	font-size:13px;
	line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none
}


.ul {
	color:#232021;
	font-size:13px;
	line-height:20px
}
.list {
	margin-left:-20px;
	margin-bottom:0px;
	list-style:url(images/bullet.png)
}
.inp {
	width:160px;
	border:#333333 thin solid;
	-moz-border-radius:4px;
	margin-bottom:5px;
	-webkit-border-radius:4px;
}
.inp2 {
	width:160px;
	margin-bottom:5px;
}
.formdiv2 {
	margin-top:10px;
		padding-bottom:10px;
}
/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
#slider {
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:910px;
	height:252px;
	overflow:hidden;
	z-index:-10;
	margin-bottom:0px;
	margin-top:0px;
}
#slider ul, #slider li,  #slider li, #slider2 li {
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		margin:0;
	padding:0
}
@charset "utf-8";
/* 
			styles for forms
		*/ 		
		
		.info {
	clear:both;
	padding-top:30px;
	line-height:1.6;
}
h2 {
	color:#426;
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:16px;
	border-bottom:solid 1px #aaa;
}
h3 {
	background-color:#fff;
	color:#669;
	padding:10px;
	margin:10px 0 15px 0;
	font-size:11px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #ddd;
	font-weight:normal;
}
input {
	outline:none;
}
.form {
	float:left;
	width:570px;
b!ackground-color:#f0f0f0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:20px;
	margin:0 10px 0 0;
	margin-left:0px;
	margin-bottom:20px;
	border:#cccccc thin solid;
	 background: -webkit-gradient(linear, left top, left 50, from(#cfcfcf), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #cfcfcf, #FFFFFF 50px);  
}

.form-row2 {

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;
}


.form .form-row {
	width:100%;
	margin-bottom: 10px;
	float:left;
}
.form .label {
	float:left;
	width:250px;
	margin:6px 0 0 5px;
	font-family:verdana;
	font-size:14px
}


.form .label2 {
	float:left;
	width:500px;
	margin:6px 0 0 5px;
	font-family:verdana;
	font-size:14px
}


.form .input-container {
	float:left;
	width:195px;
	text-align:right;
}


.form .input-container2 {
	float:left;
	width:50px;
	text-align:right;
}

.form .input-container3 {
	float:left;
	width:400px;
	text-align:right;
}

.tb {margin-left:20px}


.form .input-container_radio {
	float:left;
	width:195px;
	text-align:right;font-size:14px
}


.form .input-container_radio2 {
	float:left;
	width:300px;
	text-align:right;font-size:14px
}


.form .input {
	width:220px;
	height:18px;
	border:#333333 thin solid;
	-moz-border-radius:4px;
	margin-bottom:5px;
	-webkit-border-radius:4px;
	
	
	
}


.form .input2 {
	width:40px;
	height:18px;
	border:#333333 thin solid;
	-moz-border-radius:4px;
	margin-bottom:5px;
	-webkit-border-radius:4px;
	
	
	
}


.form .textarea {


	width:220px;
	height:120px;
	border:2px solid #c4c4c4;
	font-family:verdana;
	font-size:11px;
	border:#333333 thin solid;
	-moz-border-radius:4px;
	margin-bottom:5px;
	-webkit-border-radius:4px;
}


	input, textarea {  
    background: -webkit-gradient(linear, left top, left 15, from(#cfcfcf), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #cfcfcf, #FFFFFF 15px);  
	box-shadow: rgba(1,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(1,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(1,0,0, 0.1) 0px 0px 8px; 
    } 





.form .error-input, .form .error-both .input, .form .error-same .input {
	background-color:#FFEFEF;
	border-color:#BB6666;
	color:#660000;
}

.form .error-div-alternative {
	display:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:800px;
	top:0;
	left:50%;
	position:absolute;
	z-index:1000;
	margin-left:-400px;
	text-align:center;
	font-size:16px;
	color:#934;
	padding:20px 0 20px 0;
	background-color:#fee;
	border:solid 2px #d36;
	border-top-width:0;
}
.form .error-same, .form .error-both {
	color:#fff;
	background-color:#b66;
	-moz-border-radius:3px;
}
.form .sendBtn {
	width:75px;
	height:24px;
	text-align:center;
	background:#008C98;url(submit-btn-bg.gif) repeat-x 0 0;
	color:#ffffff;
	border:none;
	float:right;
	display:block;
	cursor:pointer;
	font-weight:bold;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


.form .sendBtn2 {
	width:75px;
	height:24px;
	text-align:right;
	background:#008C98;url(submit-btn-bg.gif) repeat-x 0 0;
	color:#ffffff;
	border:none;
	float:right;
	
	cursor:pointer;
	font-weight:bold;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


.form .sendBtn:hover {
	background:url(submit-btn-bg-hover.gif) repeat-x 0 0;
	color:#666666;
	border:1px solid #666666;
}

.required_text {font-size:12px}

.a {color:#008C98}

.a:hover {color:#333333;text-decoration:none}


body {
overflow-x:hidden;
}

.tabtext {margin-left:100px;color:#232021;
	font-size:13px;
	line-height:20px}
	
	
	.leftphoto {margin-right:30px;float:left; margin-top:0px}
	
		.leftphoto2 {margin-right:30px;margin-bottom:60px;float:left; margin-top:0px}
	
	
		.leftphoto img { border:#cccccc thin solid}
	
	


.printbutton {font-weight:bold; text-decoration: underline; background-color:#CCCCCC}

.infobox h1 {color:#008C98; font-size:14px }

.infohead{color:#008C98; font-size:14px }

.courselink, 
.detail , 
.location,
.terms,
.download,
.cost,
.faq {font-size:12px; color:#008C98; text-decoration:none;}

.courselink:hover,
.detail:hover,
.location:hover,
.cost:hover,
.terms:hover,
.download:hover,
.faq:hover
 {text-decoration:underline; color:#333333;}
 
 
 
 strong, b { color:#666666}
 
 p { text-align:justify}
 
 
 .table {
    display:table;text-align:center;width:100%
}
.table_wrap {text-align:center !important;width:100%}

.tr {
    display:table-row;
}
.td {
display:table-cell;padding-left:2px;padding-right:2px;
}

.box1001 { border:thin solid #999; border-radius:10px;box-shadow: 10px 10px 5px #888888;}

.box100 {
padding: 0px;
-webkit-box-shadow: 0px -5px 10px -1px rgba(0, 0, 0, .3);
box-shadow: 0px -5px 10px -1px rgba(0, 0, 0, .3);
background: #FFF;
margin: 20px;
-webkit-border-radius: 5px;
border-radius: 5px;
max-height:150px; overflow:hidden; overflow-x:hidden; border:#ccc thin solid;width:250px
}



.box100 li {text-align:left; border-bottom:#EEECEC	thin solid}
.box100 li:hover {background-color:#EEECEC}
.box100 ul {text-align:left;  padding:5px;margin:0}

.box100 li a { text-decoration:none; font-size:12px; color: #008C98;}

.box100 h4 {
color: #008C98;
font-size: 16px;
font-weight: bold;
text-align: left;
padding-right: 5px;
}

.box100_top { background-color:#008C98; color:#ffffff;padding:10px;text-align: left;}

.box100_content {max-height:150px; overflow:hidden; overflow-x:hidden;}
.box100_content2 {max-height:150px; overflow:hidden; overflow-x:hidden;}

.q1a {background-image:url(images/1b.png); background-repeat:no-repeat; background-position:right}



.q2a{background-image:url(images/2b.png); background-repeat:no-repeat; background-position:right}

.q3a{background-image:url(images/3b.png); background-repeat:no-repeat; background-position:right}

.q4a{background-image:url(images/4b.png); background-repeat:no-repeat; background-position:right}

.q5a{background-image:url(images/5b.png); background-repeat:no-repeat; background-position:right}








	
		
		
		
		
/* CSS Document */


/*
== malihu jquery custom scrollbar plugin ==
Version: 3.0.2 
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-top: 0px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 0px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 8px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #008C98; background-color: #008C98;
		filter: "alpha(opacity=80)"; -ms-filter: "alpha(opacity=80)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	#map2 {display:none}
	
	
	.blackstriptext:first-child {display:none}
	.submitdiv .example6 {display:none}