@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 #bbbbbb;}
.ets_tables td{padding:8px;border-bottom:solid 1px #bbbbbb;}
.ets_tables tr{background-color:#eeeeee !important;}
.ets_tables tr:nth-child(even){background-color:#eeeeee !important;}
.ets_tables tr:nth-child(odd){background-color:#dddddd !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:400;}

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

/* 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: relative;
    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: #fff;
	overflow-x:hidden;
}


.top{
	position:absolute;
	z-index:1000;
	width:100%;
	background-color:rgba(51, 51, 51,.35);
	height:100px;
	border-bottom:1px solid #aaa;
}

.top_main{
	position:absolute;
	z-index:1000;
	width:100%;
	background-color:rgba(29, 33, 55,.6);
	height:100px;
	border-bottom:1px solid #aaa;
}


.top2{
	position:absolute;
	z-index:1000;
	width:100%;
	background: rgba(0, 0, 0, 0.5);
}

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


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

.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;
}

.header_nav {

	height:100px;
	width:100%;
}


.header_nav .link {
font-family: 'Roboto Condensed', sans-serif;
text-decoration:none;
font-size:14px;
padding: 35px 11px; 
color:#fff;
display: inline-block; 
vertical-align:middle;
cursor: pointer;
text-align:center;
font-weight:400;
text-transform:uppercase;
position: relative;
max-width:93px;
}

.subnav{
	background-color:rgba(51,51,51,.75);
	height:62px;
	width:100%;
	position:absolute;
	z-index:9999;
	bottom:1px;
}

.subnav2{
	background-color:#26A9E0;
	height:62px;
	width:100%;
	position:absolute;
	z-index:100;
	bottom:1px;
	border-top:1px solid #aaa;
}

.subnav_nav{
	margin: 0 auto;
	display:table;
}
.subnav .link, .subnav2 .link {
font-family: 'Roboto Condensed', sans-serif;
text-decoration:none;
font-size:15px;
padding: 22px 24px; 
color:#fff;
display: inline-block; 
vertical-align:middle;
cursor: pointer;
text-align:center;
font-weight:100;
}

.subnav .link:hover {
background-color:#26A9E0;
	-webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.subnav2 .link:hover {
background-color:#fff;
color:#26A9E0;
	-webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.bottom{
	position:relative;
}

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

.front_image img{
	width:100%;
	height:auto;
	min-width:1400px;
}

.header_nav  .right {
float:right;
}

.logo__toc {
	width: 40%;
}

.logo__main {
	width: 20%;
}

.right {
float:right;
}

.header_nav .link:hover {
background-color:rgba(51,51,51,.95);
	-webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.header_nav .link2:hover {
background-color:#25A3B3 !important;
	-webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

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

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

.logo {
float:left;
margin-top:20px;
margin-bottom:20px;

}

.portal-wrapper{
	position:relative;
}

.linkbox{
	padding:7px 17px !important;
	background-color:#26A9E0;
	margin-right:10px;
	color:#fff !important;
	border: 1px solid #fff;
}

.linkbox:hover{
	background-color:#fff;
	color:#26A9E0 !important;
		-webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.buttons{
	text-align:center;
	padding-top:50px;
}

.buttons_wrap{
	position:absolute;
	top:208px;
	z-index:999;
	text-align: center;
}


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

.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;
}

.content-img{
	padding:5px 0px 25px 0px; 
}

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

.link1:hover{
	color:#26A9E0 !important;
	background-color:#fff;
		-webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

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

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

}

.link2:hover{
	background-color:#fff;
	color:#26A9E0 !important;
		-webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}


.slideshow {
position:relative;
width: 100% !important;
min-width:1000px;
}

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


.top_image{
	position:relative;
}

.top_image .left{
	position:absolute;
	top:143px;
	z-index:999;
}

.top_image .left img{
	width:185px;
	min-width:285px;
	position: absolute;
	top:-20px;

}

.top_image .right{
	font-family: 'Roboto Condensed', sans-serif;
	position:absolute;
	top:150px;
	z-index:999;
	right:0px;
	font-size:45px;
	color:#fff;
	text-transform: uppercase;
	letter-spacing:1px;
	font-weight:300;
}

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

.clear{
clear:both;
}


.gray-line{
	height:1px;
	background-color:#fff;
	width:1000px;
	position:absolute;
	margin-top:5px;
}

.page_text{
	line-height:18px;
font-size:13px;
color:#777777;
margin-top:25px;
margin-bottom:25px;
}

.content-wrapper {
background-color:#fff;
z-index:999;
	min-height:550px;
	width:100%;
	border-bottom:1px solid #fff;
	overflow:hidden;
	margin-bottom:50px;
}

.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;	
}

.right_section{
		float:right;
}

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

.quicklinks{
	background:#F3F3F3;
	border:1px solid #ddd;
	padding:20px;
}

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

.quicklinks .link:hover {
color:#009FE4 !important;
}

.quicklinks img{
	vertical-align:sub;
}

.page_title {
	font-family: 'Roboto Condensed', sans-serif;
padding:10px 0px 25px 0px;
color:#2EACE0;
font-weight:300;
border-bottom:1px solid #CCCCCC;
font-size:31px;
line-height:15px;
background:#fff;
margin-bottom:20px;
position:relative;
}

.page_title h1, .page_title h2{
	color:#333333;
}

.search-icon{
	width:20px;
	top:47px;
	right:70px;
	position: absolute;
}

.page_title h1{
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:1.6px;
	font-size:45px;
}

.page_title h2{
		font-weight:300;
	letter-spacing:1.2px;
	font-size:21px;
}

.search {
margin:92px 0 42px 0;
border:#c2c2c2 thin solid;
padding:5px;
width:183px;
background: #ffffff url('images/logos/search.png') no-repeat right;
}

.content {
float:right;
width:620px;
position:relative;
margin:20px 10px 0 30px;
}

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

.page_content{
	line-height:20px;
font-size:14px;
color:#545454;
padding:0px 10px 0px 0px;	
font-weight:300;
}

.line{
	height:1px;
	width:1000px;
	background:#00A1E4;
	position:relative;
	bottom:20px;
}

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

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

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

.overlay_main{
	 height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: 995;
background: rgba(29, 33, 55, 0.3);
}

.main_text{
	position:absolute;
	right:0px;
	top:110px;
}

.main_text1{
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-size:45px;
	font-weight:100;
	letter-spacing:1px;
	margin-bottom:-15px;
}

.main_text2{
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	font-weight:100;
	letter-spacing:1px;
	text-align:right;
}

.footer {
	height:45px;
	width:100%;
	position:relative;
	bottom:0px;
	z-index:100;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	background-color:#333333;
}

.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 {
color:#fff;
font-size:15px;
float:left;
line-height:0px;
letter-spacing:.7px;
}

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

.footer .left {
padding:8px 0 0 0;
float:left;
}

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

.footer .right{
float:right;
padding:11px 0 0 0;
}

.footer .right img{
	margin-left: 10px;
    margin-top: -8px;
    width: 40px;
} 

.fancybox img{
	padding:9px
	
}

.login-form {
	position: absolute;
	z-index: 10001;
	top: 340px;
	left: 50%;
	margin-left: -170px;
}
.fancybox-overlay{
	z-index:99999 !important;
}
/*Username and Password*/

.usernamepassword_space {

}

@-moz-document url-prefix() {
    .usernamepassword_space {
        /*padding-top: 150px !important;*/
    }
}


.usernamepassword_nav {
    margin-top: 55px; 
    margin-left: 0px;
}

@-moz-document url-prefix() {
    .usernamepassword_nav {
        margin-top: 75px; 
        margin-left: 0px;
    }
}

.usernamepassword_footer {
    margin-left: -40px;
}

.usernamepassword_banner {
    font-family:helvetica; 
    font-weight:bold; color:#FFF; 
    font-size:12px; 
    padding:10px; 
    background-color: #E31D2C; 
    border: 1px solid #FFF; 
    margin-bottom:10px; 
    width:280px; 
    margin-left:auto; 
    margin-right:auto;
}

.usernamepassword_bgimage {
    /*background-image: url('images/pieces/toc_login.jpg');*/
    background-color:transparent;
    background-repeat: no-repeat;
}

.usernamepassword_panel {
    width:300px; 
    margin-left:auto; 
    margin-right:auto; 
    border: 1px solid gray; 
    background-color:white;
    padding:20px;
}

.usernamepassword_header {
    font-family:helvetica; 
    font-weight:bold; 
    color:#E31D2C; 
    font-size:18px; 
    margin-bottom:10px;
}

.usernamepassword_subheader {
    font-family:helvetica; 
    font-weight:bold; 
    color:#333; 
    font-size:13px; 
    margin-bottom:5px;
}

.usernamepassword_need {
    font-family:helvetica; 
    font-size:12px;
    margin-bottom:5px;
    padding-bottom:5px;
}

.usernamepassword_need a:link {
    color:#333; 
}

.usernamepassword_need a:hover {
    color: #E31D2C; 
}

.usernamepassword_submit {
    padding-bottom:5px;
    padding-top:10px;
}


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

.blackout, .blackout2 {
background-color:#000;
opacity:.7;
filter:alpha(opacity=70);
height:100%;
width:100%;
position:fixed;
top:0;
left:0;
z-index:101;
display:none;
cursor:pointer;
}
.msgbox{
background-color:#fff;
border:1px solid #ccc;
color:#000;
width:70%;
height:auto;
position:absolute;
border-radius:20px;
padding:10px;
z-index:9999;
display:none;
margin-left: 14%;
top:20px;
}

.msgbox2{
background-color:#fff;
border:1px solid #ccc;
color:#000;
width:70%;
height:auto;
position:absolute;
border-radius:20px;
padding:10px;
z-index:9999;
display:none;
margin-left: 14%;
top:20px;
}
.closeBox, .closeBox2 {
background-color:#555;
color:#FFFFFF;
padding:8px;
float:right;
border-radius:3px;
cursor:pointer;
text-transform:uppercase;

}

#btn1, #btn2{
	cursor:pointer;
}