@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
  }

}
     
	body {
		font-family:Arial, Geneva, sans-serif; 
		font-size:0.9em;
		color:#000000; 
		text-align:center;
	}
	
		a img
	{
		border:none;
	
	}
	
	a {
	 color: #000;
	 text-decoration:none;
	 }
	 
	a:hover {
	 color: #000;
	 text-decoration:underline;

	 }

#content_home h1 {
	 margin-top: 25px;
	 }

#content_home a {
	 color: #0d7bbf;
	 text-decoration:underline;
	 }

#content_home a:hover {
	 color: #272361;
	 text-decoration:none;
	 }

#quickinfo_home_mobile a {
	 color: #0d7bbf;
	 text-decoration:underline;
	 }

#quickinfo_home_mobile a:hover {
	 color: #272361;
	 text-decoration:none;
	 }

#quickinfo_home a {
	 color: #0d7bbf;
	 text-decoration:underline;
	 }

#quickinfo_home a:hover {
	 color: #272361;
	 text-decoration:none;
	 }

#news_home a {
	 color: #0d7bbf;
	 text-decoration:underline;
	 }

#news_home a:hover {
	 color: #272361;
	 text-decoration:none;
	 }
	
	.clear{clear:both;}
	
	#outer_container {
		height: 100%;
		width: 100%;
	}
	
	h1 {
		
	font-size:22px;
	color:#000;
	margin-top:0px;
	line-height:26px;
	}	
	
	
	h2 {
		
	font-size:20px;
	color:#000;
	margin-top:0px;
	}

h3 {
	color:#272361;
	margin-block-end: -5px;
    margin-block-start: 30px;
}
	
	#content img {
		
	max-width:100% !important;
	height:auto !important;
	}

#sub_content a {
		color:#017cbf;
	    font-weight: bold;
	}

#home_choose {
	margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}
	

#half_width_input {
	    margin-bottom: 18px;
}

#sitemap a {
		
		text-decoration:none;
		font-size:16px;
	line-height: 36px;
		color:#000;
	font-weight: normal;
	}
	
	#sitemap a:hover {
		
		text-decoration:underline;
		font-size:16px;
		line-height: 36px;
		color:#000;
		font-weight: normal;
	}

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 4%;
  margin-right: 4%;
}
	
	
	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 760px)  {

	#header table, #header_image, #logo, #quickinfo_home {
	
	display:none !important;
	
	}	
			
	
	#container {
		margin: 0 auto;   
		text-align: left; 
		width: 100%;
	}
	
	#content {
	  font-size: 15px;
	  line-height: 22px;
	  padding:10px;
	}
	
	#content_home {
	  font-size: 15px;
	  line-height: 22px;
	  padding:10px;
	}
	
	#news_home {
	  font-size: 15px;
	  line-height: 22px;
	}

	#sub_content {
	  font-size: 15px;
	  line-height: 22px;
	  padding-bottom:10px;
	  padding-top:20px;
	}	
	
	#sub_content_about {
	  font-size: 15px;
	  line-height: 22px;
	  padding-bottom:10px;
	
	  
	}
	
	#quickinfo_home_mobile {
	 padding:10px;
		
	 }
	
	
	
	#quickinfo_home img {
		max-width: 504px;
	}
	
	
	
	
	#logo_mobile img, #header_image_mobile img, #header_image img, #col1 img, #col2 img, #footer_container img, #content_container img, #main_container img {
		
		max-width:100% !important;
	}	
	
	
	
	#header {
		
		width:98%;
		height:auto;
		float:left;
	}
	#m_nav {
		
		width:98%;
		height:auto;
		float:left;
	}	
	
	
	#logo_mobile {
		
	float: left;
    height: auto;
    position: relative;
    text-align: left;
    width: 75%;
	}	
	
	
	#sub_logo {
		
	width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin-top: 6px;
    text-align: center;
	margin-bottom: 10px;
	}

	#sub_logo img{
		
	width: 100%;
    max-width: 530px;
	}		
	
	

	#header_right{
		
	width: 20%;
    height: auto;
    float: right;
    text-align: right;
    margin-right: 1%;
	}	
	
	
	#top_links{
		
	width: 100%;
    height: auto;
    float: right;
    text-align: right;
    margin-bottom: 10px;
	font-size:2vw;
	}
	
	#top_links a{
		
	font-size:2vw;
	}	

	#mtec_logo{
		
	width: 100%;
    height: auto;
    float: right;
    text-align: right;
	}	
	
	#mtec_logo img {
		width:100%;
		max-width:70px;
	}	
	
	
	

	#header_image {
    width: 98%;
    height: auto;
    float: left;
	}
	
	#header_image_mobile {
    width: 98%;
    height: auto;
    float: left;
	}
	
	
	#main_container {
		
		width:98%;
		height:auto;
		float:left;
	}

	#content_container {
		
		width:100%;
		height:auto;
		float:left;
	}

	
	#sidebar_container {
		
		width:98%;
		height:auto;
		float:left;
		margin-bottom: 30px;
	}
	
	#sidebar_container img{
		
		width:49.5%;
		height:auto;
		float:left;
		margin-top:5px;
	}

	#sub_button2 {
		
		padding-left:1%;
	}

	
	

	#sub_content_container {
		
		width:98%;
		height:auto;
		float:left;
	}		
	
	
	
	#col1 {
		
		width:98%;
		height:auto;
		float:left;
	}
	
	#col2 {
		
		width:98%;
		height:auto;
		float:left;
	}	
	#home_button1, #home_button2, #home_button3, #home_button4 {
		
    width: 100%;
    height: auto;
    float: left;
	text-align:center;
	margin-top:5px;
	}

	
	#home_button1 img, #home_button2 img, #home_button3 img, #home_button4 img {
		
    max-width:280px !important;
		
	}	
	
	
	#footer_container {
		
		width:100%;
		height:auto;
		float:left;
		margin-top:20px;
		margin-bottom:20px;
		background-color:#E1E1E1;
		font-size:10px;
		color:#000;
	}
	
	#footer_container a{
		
		font-size:10px;
		color:#000;
	}

	#footer_container a:hover{
		
		font-size:10px;
		color:#000;
		text-decoration:underline;
	}
	
	#footer_col1 {
		
		width:98%;
		height:auto;
		float:left;
		margin-top:20px;
		text-align:center;
	}
	
	#footer_col1 img{
		
		max-width:233px !important;
	}	

	#footer_col2 {
		
    
    float: left;
    height: auto;
    /*-- margin-top: 20px; --*/
    width: 98%;
	text-align:center;
	}	

	#footer_col3 {
		
    float: left;
    height: auto;
    line-height: 20px;
    margin-top: 20px;
	margin-bottom: 28px;
    width: 98%;
	text-align:center;
	}	
	
	#footer_col3_half {
		
	width: 50%;
    height: auto;
    float: left;
	}

	#footer_col3_full {
	
    float: left;
    height: auto;
    /*-- margin-top: 10px; --*/
    width: 100%;
	text-align:center;
	}
	
	#footer_col3_full table {
   margin: 0 auto;
    text-align: center;
    width: 305px;
	}	
	
	

}	
	
	
	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (min-width: 761px) and (max-width: 1599px)  {


	#cssmenu, #m_nav, #header_image_mobile, #logo_mobile, #quickinfo_home_mobile {
	
	display:none !important;
	
	}	
	
		
	
	#container {
		margin: 0 auto;   
		text-align: left; 
		width: 100%;
	}
	
	#content {
	  font-size: 15px;
	  line-height: 22px;
	  padding-top:10px;
	  padding-bottom:10px;
	  padding-left:10px;
	  padding-right:10px;	  
	}
	
	
	#content_home {
	  font-size: 15px;
	  line-height: 22px;
	  padding-top:10px;
	  padding-bottom:10px;
	  padding-left:4%;
	  padding-right:2%;
		width:59%;
		height: auto;
    	float: left;
		position: relative;
	}
	
	#quickinfo_home {
		width: 29%;
    height: auto;
    float: right;
    padding-left:2%;
	  padding-right:4%;
		margin-top:35px;
	}
	
	#quickinfo_home img {
		max-width: 504px !important;
	}
	
	#news_home {
	  font-size: 1.1vw;
	  line-height: 1.5vw;
	}
	
	#quickinfo_home h3 {
	  font-size: 1.4vw;
	      color: #272361;
    margin-block-end: -5px;
    margin-block-start: 30px;
	}
	

	#sub_content {
	  font-size: 15px;
	  line-height: 22px;
	  padding-bottom:10px;
	}	
	
	#sub_content_about {
	  font-size: 15px;
	  line-height: 22px;
	  padding-top:10px;
	  padding-bottom:10px;
	  padding-left:1%;
	  padding-right:2%;
		width:51%;
		height: auto;
    	float: left;
		position: relative;
	}
	
	#quickinfo_about {
		width: 38%;
    height: auto;
    float: right;
    padding-left:2%;
	  padding-right:3%;
		
    
	}
	
	#quickinfo_about img {
		max-width: 504px;
	}
	
	#header_image img, #header_image_mobile img, #col1 img, #col2 img, #footer_container img, #content_container img, #main_container img{
		
		max-width:100% !important;
	}	
	
	
	
	#header {
		
		width:100%;
		height:auto;
		float:left;
	}
	
	#logo {
		
    height: auto;
    margin-left: auto;
	margin-right: auto;
	display:block;
    position: relative;
	margin-top:5px;
	margin-bottom:5px;
	text-align: center;
	}

	#logo img{
		
	width: 100%;
    max-width: 700px;
	}
	
	
	#sub_logo {
		
	width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin-top: 8px;
    text-align: center;
	}

	#sub_logo img{
		
	width: 100%;
    max-width: 700px;
	}	
	
	

	#header_right{
		
	width: 18%;
    height: auto;
    float: right;
    text-align: right;
    margin-right: 25px;
    margin-top: 10px;
	}	
	
	
	#top_links{
		
	width: 100%;
    height: auto;
    float: right;
    text-align: right;
    margin-bottom: 17px;
	}

	#mtec_logo{
		
	width: 62%;
    height: auto;
    float: right;
    text-align: right;
	}	
	
	#mtec_logo img {
		width:100%;
		max-width:100px;
	}

	
	
	#header table{
		
    color: #000;
    font-size: 14px;
    height: 55px;
    margin: 0 auto 5px;
    max-width: 1100px;
    position: relative;
    text-align: center;
    width: 100%;
	}

	#header table a{
		
		text-decoration:none;
		font-size:13.8px;
		color:#000;
	}
	
	#header table a:hover{
		
		text-decoration:underline;
		font-size:13.8px;
		color:#000;
	}

	#header_image {
    width: 100%;
    height: auto;
    float: left;
	}
	
	#header_image_mobile {
    width: 100%;
    height: auto;
    float: left;
	}
	
	
	#main_container {
		
		width:100%;
		height:auto;
		float:left;
		margin-top:20px;
	}

	#content_container {
		
		width:100%;
		height:auto;
		float:left;
	}
	
	#sidebar_container {
		
		width:24%;
		height:auto;
		float:left;
		margin-left:4%;
	}

	#sub_content_container {
		
		width:66%;
		height:auto;
		float:left;
		margin-left:2%;
		margin-top:10px;
	}	
	

	
	#col1 {
		
		width:44%;
		height:auto;
		float:left;
		margin-left:4%;
	}
	
	#col2 {
		
		width:44%;
		height:auto;
		float:left;
		margin-left:4%;
	}	

	#home_button1 {
		
    width: 24%;
    height: auto;
    float: left;
    margin-left: .5%;
	}

	#home_button2, #home_button3, #home_button4 {
		
    width: 24%;
    height: auto;
    float: left;
    padding-left: 1%;
		
	}
	
		
	
	
	#footer_container {
		
		width:100%;
		height:auto;
		float:left;
		margin-top:20px;
		margin-bottom:20px;
		background-color:#E1E1E1;
		font-size:11px;
		line-height:16px;
		color:#000;
	}
	
	#footer_container a{
		
		font-size:11px;
		line-height:15px;
		color:#000;
	}

	#footer_container a:hover{
		
		font-size:11px;
		line-height:15px;
		color:#000;
		text-decoration:underline;
	}
	
	#footer_col1 {
		
		/*-- width:34%; --*/
		height:auto;
		float:left;
		margin-left:2%;
		margin-top:20px;
	}

	#footer_col2 {
		
    border-right: 1px solid #fff;
    float: left;
    height: auto;
    margin-left: 6%;
    margin-top: 20px;
    padding-right: 15px;
    width: 32%;
	}	

	#footer_col3 {
		
    float: left;
    height: auto;
    line-height: 18px;
    margin-left: 2%;
    margin-top: 20px;
	margin-bottom: 25px;
    width: 35%;
	}	
	
	#footer_col3_half {
		
	width: 50%;
    height: auto;
    float: left;
	}

	#footer_col3_full {
	
    float: left;
    height: auto;
    /*-- margin-top: 10px; --*/
    max-width: 400px;
    width: 100%;
	}
	
	#footer_col3_full table {
		
	width: 100%;
    /*-- text-align:center; --*/
	}	
	
	
	
	
}
	
	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (min-width: 1600px)   {		
	
	#cssmenu, #m_nav, #header_image_mobile, #logo_mobile, #quickinfo_home_mobile {
	
	display:none !important;
	
	}	
	
	#header_image img, #col1 img, #col2 img, #footer_container img, #content_container img, #main_container img{
		
		max-width:100% !important;
	}	
	
	
	
	#container {
		margin: 0 auto;   
		text-align: left; 
		width: 1575px;
	}
	
	#content {
	  font-size: 15px;
	  line-height: 22px;
	  padding-top:10px;
	  padding-bottom:10px;
	  padding-left:4%;
	  padding-right:4%;
	}

	#sub_content {
	  font-size: 15px;
	  line-height: 22px;
	  padding-bottom:10px;
	}
	
	#sub_content_about {
	  font-size: 15px;
	  line-height: 22px;
	  padding-bottom:10px;
	  width:55%;
	  height: auto;
      float: left;
	  position: relative;
	}
	
	#quickinfo_about {
		width: 38%;
    height: auto;
float: right;
padding-left:2%;
	padding-right:3%;
	
    
	}
	
	#quickinfo_about img {
		max-width: 504px;
	}
	
	#content_home {
	  font-size: 15px;
	  line-height: 22px;
	  padding-top:10px;
	  padding-bottom:10px;
	  padding-left:4%;
	  padding-right:2%;
		width:59%;
		height: auto;
    	float: left;
		position: relative;
	}
	
	#news_home {
	  font-size: 15px;
	  line-height: 22px;
	}
	
	#quickinfo_home {
		width: 29%;
    height: auto;
float: right;
padding-left:2%;
	padding-right:4%;
	margin-top:35px;
    
	}
	
	#quickinfo_home img {
		max-width: 504px;
	}
	
	
	#header {
		
		width:100%;
		height:auto;
		float:left;
	}
	
	#logo {
		
    height: auto;
    margin-left: auto;
	margin-right: auto;
	display:block;
    position: relative;
	margin-top:5px;
	margin-bottom:5px;
	text-align: center;
	}

	#logo img{
		
	width: 100%;
    max-width: 700px;
	}
	
	#logo_mobile {
		
    width: 30%;
    height: auto;
    float: left;
    margin-left: 25px;
    position: relative;
    margin-top: 6px;
	}

	#logo_mobile img{
		
	width: 100%;
    max-width: 530px;
	}
	
	
	
	#sub_logo {
		
	width: 28%;
    height: auto;
    float: left;
    margin-left: 25px;
    position: relative;
    
	}

	#sub_logo img{
		
	width: 100%;
    max-width: 700px;
	}
	
		
	
	#header table{
		
	width: 66%;
    height: auto;
    float: right;
    font-size: 15px;
    color: #000;
    text-align: center;
    margin-right: 30px;
    margin-top: 24px;
	}
	
	#header_right{
		
	width: 10%;
    height: auto;
    float: right;
    text-align: right;
    margin-right: 30px;
    margin-top: 18px;
	}	
	
	
	#top_links{
		
	width: 100%;
    height: auto;
    float: right;
    text-align: right;
    margin-bottom: 17px;
	}

	#mtec_logo{
		
	width: 45%;
    height: auto;
    float: right;
    text-align: right;
	}	
	
	#mtec_logo img {
		width:100%;
		max-width:100px;
	}
	

	#header table a{
		
		text-decoration:none;
		font-size:15px;
		color:#000;
	}
	
	#header table a:hover{
		
		text-decoration:underline;
		font-size:15px;
		color:#000;
	}

	#header_image, #header_image_mobile {
    width: 100%;
    height: auto;
    float: left;
		margin-top:12px;
	}
	
	
	#main_container {
		
		width:100%;
		height:auto;
		float:left;
		margin-top:20px;
	}

	#content_container {
		
		width:100%;
		height:auto;
		float:left;
	}
	
	#sidebar_container {
		
		width:24%;
		height:auto;
		float:left;
		margin-left:4%;
	}

	#sub_content_container {
		
		width:68%;
		height:auto;
		float:left;
		margin-top:10px;
		margin-left:2%;
	}
	
	#col1 {
		
    width: 44%;
    height: auto;
    float: left;
    text-align: left;
		margin-left: 4%;
	}
	
	#col2 {
    width: 44%;
    height: auto;
    float: left;
    text-align: left;
		margin-left: 4%;
	}	

	#home_button1 {
		
    width: 24%;
    height: auto;
    float: left;
    margin-left: .5%;
	}

	#home_button2, #home_button3, #home_button4 {
		
    width: 24%;
    height: auto;
    float: left;
    padding-left: 1%;
		
	}
	
	
	
	
	#footer_container {
		
		width:100%;
		height:auto;
		float:left;
		margin-top:20px;
		margin-bottom:20px;
		background-color:#E1E1E1;
		font-size:14px;
		line-height:18px;
		color:#000;
	}
	
	#footer_container a{
		
		font-size:14px;
		line-height:18px;
		color:#000;
	}

	#footer_container a:hover{
		
		font-size:14px;
		line-height:18px;
		color:#000;
		text-decoration:underline;
	}
	
	#footer_col1 {
		
		/*-- width:50%; --*/
		height:auto;
		float:left;
		margin-left:4%;
		margin-top:20px;
	}

	#footer_col2 {
		
	width: 32%;
    height: auto;
    float: left;
    margin-left: 6%;
    
    margin-top: 20px;
    border-right: 1px solid #FFF;
	}	

	#footer_col3 {
		
	width: 35%;
    height: auto;
    float: left;
    margin-left: 4%;
    margin-top: 20px;
	margin-bottom: 28px;
	line-height:20px;
	}	
	
	#footer_col3_half {
		
	width: 50%;
    height: auto;
    float: left;
	}

	#footer_col3_full {
	
	/*-- margin-top: 10px; --*/
	width: 100%;
    height: auto;
    float: left;
	}
	
	#footer_col3_full table {
		
	width: 100%;
    /*-- text-align:center; --*/
	}	

	
	
}