body { font-family:"proxima-nova", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:17px; font-weight: 100; letter-spacing:.04em}
h1, h2, h3, h4, h5 { line-height: 1.6em; margin: 0;}
h1 { font-size: 200% }
h2 { font-size: 175% }
h3 { font-size: 150% }
h4 { font-size: 125% }
h5 { font-size: 110% }
strong { font-size: 101%; font-weight: bold }
b { font-size: 101%; font-weight: bold }
em { font-style: italic }
i { font-style: italic }
p { padding: 5px 0; }

hr {margin:10px 0}
hr.style-black {
	border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}
hr.style-white {
	border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #8c8c8c, #fff, #8c8c8c); 
    background-image:    -moz-linear-gradient(left, #8c8c8c, #fff, #8c8c8c); 
    background-image:     -ms-linear-gradient(left, #8c8c8c, #fff, #8c8c8c); 
    background-image:      -o-linear-gradient(left, #8c8c8c, #fff, #8c8c8c); 
}

html, body, .body { height: 100%;}
.wrapper { min-height: 100%; /* equal to footer height */ margin-bottom: -80px; }
.wrapper:after {  content: "";  display: block;}
.footer, .wrapper:after {  /* .push must be the same height as footer */  height: 80px; }

.header {background:#00004c; min-height:160px; }
.brand {float:none; display:block; width:266px; margin:0px auto 0; height:88px; padding:60px 0; text-decoration:none; background:transparent url(/assets/themtc/media/logo-2.png) no-repeat 0 15px; text-indent:-5000px}
.navbar-header {height:40px; background:#616263 ; line-height:40px;}
.navbar-nav > li > a {color:#fff; text-shadow: 0 0px 0 rgba(255,255,255,0);}
.nav>li>a:hover, .nav>li>a:focus {text-decoration: none;background-color: #4d4d4d;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: #4d4d4d; border-color: #f2f2f2;}
.page-banner {min-height:250px; overflow:hidden}

.main {background:transparent url(/assets/themtc/Media/trans-gray.png) repeat; color:#fff; padding-left:0; padding-right:0}
.splash .main {background:transparent none}
.main-shadow {background:transparent url(/assets/themtc/Media/bottom-shadow.png) no-repeat center bottom; padding:47px 0;}
.splash-shadow {background-image:none; padding:0 0}

.inner-content {padding:0 20px 20px}
.page-content  {padding:10px 20px 20px}
.page-content a, .page-content a:visited {font-weight:bold; text-decoration:underline; color:#fff}
h2.page-heading {font-weight:100; font-size:240%; padding-bottom:0!important}

.foot-info {text-align:center; color:#fff;}
.foot-info .divider {padding:0 15px}
.footer a {
color: #fff;
text-decoration: none;
}
.navbar-toggle span {background:#dfdfdf}
.dropdown-toggle {padding:0 3px; float:right}
#supersized, #supersized ul, #supersized li{margin:0; padding:0}

.iframe-container {  position: relative;   padding-bottom: 56.25%;   padding-top: 35px; height: 0; min-height:500px; padding-left:5px; padding-right:5px; overflow: hidden;}
.iframe-container iframe {position: absolute;   top:0;  left: 0;  width: 100%;  height: 100%;}

@media (min-width: 320px) {
.container {padding-left:0; padding-right:0}
.navbar-header {height:auto; line-height:auto; background:#616263 url(/assets/themtc/Media/mobile-logo.png) no-repeat 5px 5px;}
.header {height:auto; min-height:40px; background:#616263}
.page-banner {min-height:100px; overflow:hidden}
h2.page-heading {font-weight:100; font-size:150%; padding-bottom:0!important}
.navbar-collapse.in { overflow-y: none; }
.navbar-collapse{text-align:left}
.navbar-nav {float:none;}
.navbar-nav>li {float:none;}
.nav >li {display:block;}
.nav  li  a {margin-right:100px;}
.dropdown-toggle {visibility:visible; display:block; width:100px; margin-right:0px!important; text-align:center}
.banner {visibility:hidden; display:none}
.dropdown-menu > li > a {font-size:16px; color:#fff; font-weight:100}
.foot-info {font-size:12px}
#supersized img {left:0!important}
}
@media (max-width:599px){
.float-rt, .float-left {float:none!important; margin:0 auto!important;}
}
@media (min-width: 600px) {
.container {padding-left:0; padding-right:0}
.navbar-header {height:auto; line-height:auto; background:#616263 url(/assets/themtc/Media/mobile-logo.png) no-repeat 5px 5px;}
.header {height:auto; min-height:40px; background:#616263}
.page-banner {min-height:100px; overflow:hidden}
h2.page-heading {font-weight:100; font-size:180%; padding-bottom:0!important}
.navbar-collapse.in { overflow-y: none; }
.navbar-collapse{text-align:left}
.navbar-nav {float:none;}
.navbar-nav>li {float:none;}
.nav >li {display:block;}
.nav  li  a {margin-right:100px;}
.banner {visibility:hidden; display:none}
.dropdown-toggle {visibility:visible; display:block; width:100px; margin-right:0px!important; text-align:center}
.dropdown-menu > li > a {font-size:16px; color:#fff; font-weight:100}
.foot-info {font-size:12px}
#supersized img {left:0!important}
}

@media (min-width: 768px) {
.container {padding-left:15px; padding-right:15px}
.header {background:#00004c; min-height:160px; }
.page-banner {min-height:220px; overflow:hidden}
h2.page-heading {font-weight:100; font-size:240%; padding-bottom:0!important}
.main-nav {background:#616263}
.navbar-nav > li > a {color:#fff; text-shadow: 0 0px 0 rgba(255,255,255,0);}
.nav>li>a:hover, .nav>li>a:focus {text-decoration: none;background-color: #4d4d4d;}
.navbar-collapse.in { overflow-y: none; }
.navbar-collapse{text-align:center}
.navbar-nav {float:none;}
.navbar-nav>li {float:none;}
.nav >li {display:inline-block;}
.nav  li  a {margin-right:0px; font-size:21px}
.dropdown-toggle {visibility:hidden!important; display:none!important; }
.banner {visibility:visible; display:block}
.nav li:hover .dropdown-menu {display:block; background-color:#616263; margin-top: -1px;}
.nav li:hover .dropdown-menu a{color:#fff; font-size:17px}
.nav li:hover .dropdown-menu a:hover{background:#4d4d4d; color:#fff}
.wrapper { min-height: 100%; /* equal to footer height */ margin-bottom: -80px; }
.wrapper:after {  content: "";  display: block;}
.footer, .wrapper:after {  /* .push must be the same height as footer */  height: 80px; }
.foot-info {font-size:17px}
#supersized img {left:0!important}
}

@media (min-width: 960px) {
.page-banner {min-height:250px; overflow:hidden}
}