@charset "UTF-8";
/* CSS Document */

/* DO NOT DELETE */

.maintextlink {font-family:Arial, Helvetica, sans-serif;}
.maintext{text-align:left;font-family:Arial, Helvetica, sans-serif;}
.maintextbold{font-weight: bold;font-family:Arial, Helvetica, sans-serif;}
.maintextitalic{font-style:italic;font-family:Arial, Helvetica, sans-serif;}
.header{font-family:Arial, Helvetica, sans-serif;}
.maintextboldkern{font-family:Arial, Helvetica, sans-serif;letter-spacing: 0.1em;}
.maintextboldnum{font-weight: bold;color:#993300;}
.feedbacklink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}
.copyrighttext {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
}

.copyright_wrapper{ 
    margin: 0 auto;
    width: 1000px;
}

.ets_tables{border:solid 1px #EEEEEE;}
.ets_tables td{padding:8px;border-bottom:solid 1px #EEEEEE;}
.ets_tables tr{background-color:#FFFFFF !important;}
.ets_tables tr:nth-child(even){background-color:#FFFFFF !important;}
.ets_tables tr:nth-child(odd){background-color:#FFFFFF !important;}

#table_top {position:absolute; top: 340px; left:100px;}

#map_results_UI_search{position:relative !important;width:auto !important;margin-left:170px;left:0px !important;}

img,.noborder{border:0 none !important;}

.bold{font-weight:bold;}

a,a:link,a:visited{color:#5c99b6;}
a:hover{color:#4182B7;}


a.titlelink,a.titlelink:link,a.titlelink:visited{color:#ffffff; text-decoration:none;}
a.titlelink:hover{color:#CCCCCC; text-decoration:none; }



/* searchbox */

.searchbox_shell input{
	border: 1px solid #cccccc;
    color: #333333;
    font: 11px Arial,Helvetica,sans-serif;
    height: 11px;
    margin-bottom: 15px;
    opacity: 1.0;
    outline: 0 none;
    padding: 7px;
    width: 175px !important;
}

.searchbox_submit_shell{
	background-color: #ffffff;
    height: 11px;
    margin-right: 0;
    margin-top: 0;
    opacity: 1.0;
    padding: 3px 4px 11px 7px;
    position: absolute;
    right: 5px;
    top: 1px;
    width: 16px;
}

.icon{
	display:block;
	background-image:url("images/iconsprite/mtcicons.png");
	overflow:hidden;
	margin-right:10px;
	float:left;
}

.icon_search{
	background-position:-72px -102px;
	width:15px !important;
	height:17px !important;
}

#admin_search_box{
	display: inline-block;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 11px;
    width: 195px;
    z-index: 1;
}

#admin_search_box .icon_search{
	/*background-position:-72px -102px;*/
	background-position:-181px -102px;
	width:15px !important;
	height:17px !important;
}

/* END DO NOT DELETE */

body{
	font:12px normal arial, Helvetica, sans-serif;
	color:#38393E;
	width:100%;
	margin:0;
	padding:0;
	background: #FFFFFF;
	overflow-x:hidden;
}


.top{
	border-bottom:1px solid #eee;
	position:absolute;
	z-index:1000;
	width:100%;
	background-color: rgba(0, 0, 0, 0.3);
}


.wrapper {
	margin:0 auto;
	width:1000px;
	clear:both;
}

.wrapper-nav{
		margin:0 auto;
	width:1000px;
	clear:both;
	position:relative;
}

.wrapper1 {
	margin:0 auto;
	width:820px;
}
.wrapper2 {
	margin:0 auto;
	clear:both;
	width:1000px;
}

.wrapper3{
	position:relative;
}

.wrapper4{
	margin: 0 auto;
	width:1000px;
	position:relative;
}


.top_wrap{
	position:absolute;
}
.wrapper5{
		margin: 0 auto;
	width:1000px;
}

.header_nav {

	height:50px;
	width:100%;
}

.header_nav .link {
font-family: 'Lato', sans-serif;
text-decoration:none;
font-size:12px;
padding: 25px 8px 25px 8px; 
color:#fff;
display: inline; 
vertical-align:middle;
cursor: pointer;
float:left;
text-align:center;
font-weight:400;
text-transform:uppercase;
position:relative;
}



.video{
	width:100%;
	height:auto;
}

video {
    width: 100% !important;
    height: auto !important;
}


.header_nav  .right {
float:right;
}


.right {
float:right;
}

.header_nav .link:hover {
background-color: #D4D3D1;
color:#195786;
	-webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}

.header_nav .link2:hover {
background-color:#25A3B3 !important;
}

.header_nav .link img {
padding:0 5px 0 0;
}

.front_logo{
	position:relative;
	clear:both;
	width:1200px;
}

.logo {
float:left;
margin-right:15px;
margin-top:10px;

}

.linkbox{
	padding:7px 17px !important;
	background-color:#0F6DB4;
	margin-top:21px;
	margin-right:10px;
	color:#fff !important;
}

.linkbox:hover{
	background-color:#fff;
	color:#0F6DB4 !important;
		-webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}

.buttons{
	text-align:center;
	padding-top:10px;
	margin-top:35px;
}

.buttons_wrap{
	position:absolute;
	top:240px;
	z-index:100;
	width:1000px;
}


.buttons_wrap p{
	font-weight:300;
	color:#fff;
	font-family: 'Lato', sans-serif;
	letter-spacing:0.8px;
	text-align:center;
}

.logo1{
	height:165px;
	position:absolute;
	z-index:100;
	top:69px;
}

.logo1 img{
	height:165px;
}

.welcome_text{
	font-size:24px;
	margin-bottom:-45px;
}

.header_text{
	font-size:55px;
	margin-bottom:-5px;
}

.subhead_text{
	font-size:18px;
	margin-bottom:30px;
}

.link1{
	padding:14px 25px !important;
	margin-top:21px;
	margin-right:10px;
	color:#444444 !important;
	background:#fff;
	text-decoration:none;
}

.link1:hover{
	color:#0F6DB4 !important;
	background-color:#fff;
		-webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}

.link2{
	padding:15px 37px !important;
	border:1px solid #fff;
	margin-top:21px;
	margin-right:10px;
	color:#fff !important;
}

.link3{
	padding:15px 37px !important;
	border:1px solid #195786;
	margin-top:21px;
	margin-right:10px;
	color:#195786 !important;
	text-decoration:none !important;
}

.link2, .link1, .link3 {
font-family: 'Lato', sans-serif;
text-decoration:none;
font-size:22px;
color:#fff;
display: inline; 
vertical-align:middle;
cursor: pointer;
text-align:left;
font-weight:300;
text-transform:uppercase;
}

.link2:hover{
	background-color:#fff;
	color:#0F6DB4 !important;
		-webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}

.link3:hover{
	background-color:#195786;
	color:#fff !important;
		-webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}


.logo2 {
position:absolute;
top:75px;
right:37px;
z-index:100;
}

.slideshow {

}

.top_image {

}

.top_image img{
	height:auto;
	width:100%;
	min-width:1500px;

}

.text-overlay{
	position:absolute;
	top:128px;
	color:#fff;
	font-size:40px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	width:1000px;
}

.clear{
clear:both;
}

.page_title {
	font-family: 'Lato', sans-serif;
font-size:30px;
padding:5px 0px 15px 0px;
color:#195786;
font-weight:300;
}

.page_text{
	color:#777;
	font-size:13px;
	line-height:17px;
}

.content-wrapper {
background-color:#fff;
z-index:999;
	min-height:690px;
	position:absolute;
	left:250px;
	top:45px;
	width:1000px;
}

.content_wrapper{
	overflow:hidden;
}

.quicklink_bg{
	height:34px;
	background:rgba(218,228,69,0.8);
	position:absolute;
	top:0px;
	right:0px;
	width:30%;
	z-index:100;
	border-left:15px solid #DAE445;
}

.quicklink_bg:hover{
	background:#DAE445;	
		-webkit-transition: background .2s ease;
  -moz-transition: background .2s ease;
  -ms-transition: background .2s ease;
  -o-transition: background .2s ease;
  transition: background .2s ease;
}

.quicklinks h3 {
color:#D96D00;
font-size:15px;
font-weight:300;
padding:10px 0 0 30px;
}

.quicklinks .link {
font-family: 'Lato', sans-serif;
text-decoration:none;
font-size:12px;
display: inline-block;
color:#fff;
cursor: pointer;
font-weight:100;
line-height:19px;
padding:0px 18px 0 10px;
letter-spacing:.7px;
}

.quicklinks .link:hover {
color:#0F6DB4 !important;
		-webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

.quicklinks img{
	vertical-align:sub;
}


.search {
margin:0 0 20px 0;
padding:5px;
width:183px;
position:relative;
float:right;
margin-top:5px;
z-index:100;
margin-right:42px;
}

.content {
float:left;
width:650px;
position:relative;
margin:20px 0px 50px 30px;
}

.content p{
line-height:19px;
font-size:13px;
color:#777777;
padding:0px 10px 0px 0px;
}

.content a {
color:#195786;
text-decoration:underline;
font-weight:bold;
}

.content-wrapper img {
float:left;
}

.video {
    position: relative;
    width: 100%;
    height: 100%;
    //padding: 20px;
    border-radius: 5px;
    background-attachment: scroll;
    overflow: hidden;
    min-width:1400px;
}
.video video {
    min-width: 100%;
    min-height: 100%;
    position: relative;

}    

.video img{
	height:auto !important;
	width:100% !important;
}

.overlay{
	 height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
background: rgba(0, 0, 0, 0.5);
}

.footer {
	border-top:1px solid #eee;
	height:60px;
	width:100%;
	position:absolute;
	bottom:0px;
	z-index:100;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	background-color: rgba(0, 0, 0, 0.3);
}

.footer2 {
	border-top:1px solid #eee;
	height:60px;
	width:100%;
	bottom:0px;
	z-index:100;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	background-color: rgba(0, 0, 0, 0.7);
}

.building{
	font-size:18px;
	border-right:1px dotted rgba(255, 255, 255, 0.5);
	padding:10px 20px;
}

.address{
	font-size:14px;
	border-right:1px dotted rgba(255, 255, 255, 0.5);
	padding:10px 20px;
}

.footer p, .footer2 p{
color:#fff;
font-size:15px;
float:left;
line-height:0px;
letter-spacing:.7px;
}

.footer p .green{
color:#DAE445;	
}

.footer .left, .footer2 .left {
padding:15px 0 0 0;
float:left;
}

.footer .left img, .footer2 .left img {
float:left;
padding:7px 0px 5px 13px;
}

.footer .right, .footer2 .right{
float:right;
padding:3px 0 0 0;
}

.footer .right img, .footer2 .right img{
	margin-left:10px;
}

.left-image{
	padding-top:20px;
	padding-bottom:20px;
	margin-left:20px;
}

#menuToggle
{
  display: block;
  position: absolute;
  top: -44px;
  right: 42px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  right: -5px;
  
  cursor: pointer;
  
  opacity: 0; 
  z-index: 2; 
  
  -webkit-touch-callout: none;
}


#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #cdcdcd;
}

#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

#menu
{
  font-family: 'Lato', sans-serif;
  text-transform:uppercase;
  position: absolute;
  width: 225px;
  height:0px;
  padding-left:0px;
  overflow:hidden;
  margin: 18px 0 0 -190px;
  z-index:9999;
  background: #222222;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  
   -webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */
    transition: height 2s;

}

#menu a{
	    text-decoration:none;
}

#menu li
{
  padding: 18px 0;
  font-size: 14px;
  color:#fff !important;
  text-align:center;
}

#menu li:hover{
	background:#fff;
	color:#195786 !important;
			-webkit-transition: background .2s ease;
  -moz-transition: background .2s ease;
  -ms-transition: background .2s ease;
  -o-transition: background .2s ease;
  transition: background .2s ease;
}

#menuToggle input:checked ~ ul
{
  transform: scale(1.0, 1.0);
  opacity: 1;
  width:225px;
  height:320px;
  padding-left:0px;
  z-index:1000;
     -webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */
    transition: height 2s;

}

[data-link="pprocedures"]{
  display:none !important;
}