li#portaltab-home ul.submenu {
    display:none;
}


body {
    background: #fff;
    font-size: 95%;
}
#portal-banner { display: none; }


#content {
    font-size: 98%;
    margin: 1.5em 3em;
    padding-bottom: 60px;
}

.site-trb iframe {

    width: 100%;
}

.site-trb dl.portlet {
    margin: 2em;
}

.site-trb .portletNavigationTree .portletHeader {
    background: #395d68 none repeat scroll 0 0;
    border-radius: 5px;
    font-size: 20px;
    margin-bottom: 5px;
}

.nest-navigation-bar {
 display: block;
}

.top-header {
    display: block;
    margin-top: -40px;
}

#visual-portal-wrapper {
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(50, 50, 50, 0.41);
    margin: 0 auto;
    max-width: 100%;

}

.nest-nav-inner {
    margin: 0 2em;
    width: 100%;
}


#portal-top {
    height: 364px;
    background-image: none;
}

#portal-header {
    background: transparent url("trb-site/river-purple.jpg") no-repeat scroll center -50px / cover !important;
    width: 100%;
    position: relative;
    height: 300px;
}


#portal-logo {
    top: -30px;
    left: 30px;
    position: relative;
}

#portal-searchbox {
    background: transparent url("black55.png") repeat scroll left top;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    margin-right: 0;
    margin-top: 10px;
    padding: 10px 20px;
}
@media only screen and (max-width : 768px) {
#portal-top {
    height: 280px;
}


#portal-searchbox {
    background-image: none;
    position: absolute;
    top: 162px;
    left: 160px;
}

#portal-header {
    height: 240px;
}
}

#partnerSiteSelection {
    position: absolute;
    right: 15px;
    top: 145px;
}


#jumpmenu {
   display: none;
}


#globalnav-wrapper {
    background-color: #395d68;
    border-bottom: medium none;
    border-top: 1px solid #0e1d1c;
   top: 249px;
}

@media only screen and (max-width : 768px) {
#globalnav-wrapper {
   top: 30px;
}
}

#portal-globalnav {
    background-color: #395d68;
    justify-content: left;
}

#globalnav-wrapper > ul {
    margin-left: 3em;
}

#portal-globalnav li a {
    background-color: #395d68;
    border-right: 0.1em solid #0e1d1c;
    font-size: 18px;
    min-width: 2.5em;
    padding: 0.75em 1em;
}
#portal-globalnav a:hover, #portal-globalnav .selected a:hover {
    background: #5B9A9A url(none) repeat scroll 0 0;
}

#portal-globalnav ul.submenu {
    top: 52px;
    width: 250px;
}

#portal-globalnav li ul ul {
    margin: 0 0 0 230px;
}

#portal-personaltools-wrapper {
    right: 45px;
    top: 310px;
}

#portal-personaltools {
    margin-top: 10px;

}


#portal-footer {
    background: #385462 url("blank.png") no-repeat;
    color: #b7ccda;
    font-size: 75%;
    padding: 2em 4em;
    text-align: center;
    width: 100%;
}

#portal-footer .rss{
    color: #9adff1;
    font-size: 18px;

}


#portal-footer .help {
    color: #9adff1;
    font-size: 18px;
}

#portal-footer .help > a:link {
    color: #9adff1;
}

#portal-footer a:visited {
    color: #9adff1 !important;
}

#portlet-join {
    background: #ededed none repeat scroll 0 0;
    border-radius: 8px;
    color: blue !important;
    margin-top: 2em;
    padding-top: 10px;
    text-align: center;
}

.btn-rounded {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 1em;
    padding: 8px 15px;
}


.btn-orange {
    background: #f17919 none repeat scroll 0 0;
    border-radius: 6px;
    display: block;
    padding: 8px 15px;
}

a.btn-orange {
    color:#fff!important;
}


#content a:hover.btn-orange {
    background: orange none repeat scroll 0 0;
    color: #000;
}
#content a.btn-orange:hover {
    background: orange none repeat scroll 0 0;
    color: #000!important;
}


.introtext {
    color: #767676;
    font-family: georgia;
    font-size: 1.5em;
    letter-spacing: -0.0125em;
    line-height: 1.4em;
    margin: 1em 0;
}


h2, h3 {
    margin-bottom: 0.75em;
   font-weight: 600;
}

h4  {   
color: #444;
font-weight: 600;
 }


#content li {
    line-height: 1.4em;
    margin-bottom: 0.75em;
}

.floatright {
    float: right;
    margin-bottom: 10px;
    margin-left: 2em !important;
}


/* Video Section */

.leftcolumn {
    float: left;
    margin: 2em 0;
    width: 260px;
}
.rightcolumn {
    padding-left: 300px;
}


.thumbnail {
	width: 23%;
	text-align: center;
	float: left;
	margin-top: 15px;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 3px;
	padding-top: 10px;
	/*border-bottom: 4px solid #6DC7D0;*/
}
.cards {
	width: 100%;
	height: auto;
	max-width: 500px;
	max-height: 300px;
        border-radius: 5px;
}
.cards:hover {
	opacity:.8;
}

.thumbnail h4 {
     font-family: georgia;
     font-size: 18px;
     line-height: 1.3em;
     margin-top: 10px;
	margin-bottom: 5px;
	color: #52BAD5;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}



.thumbnail p {
	margin: 0;
	color: #898989;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

/* --- turn off description --- */
.text_column {
    display: none;

}

.box {
   padding:10px 20px;
}

.box > p {
    color: #676767;
    font-size: 14px;
}

.divider {
    background: #ccc none repeat scroll 0 0;
    height: 1px;
    margin: 2em 0;
}

@media (min-width: 768px) and (max-width: 1096px) {

.thumbnail {
	width: 48%;
}

.leftcolumn {
    float: none;
    margin: 2em 1em;
    width: 100%;
}
.rightcolumn {
    padding-left: 0px;
}

}


/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {

#content {
    font-size: 100%;
    margin: 1.5em;
}


.thumbnail {  width: 100%; }
.leftcolumn {
    float: none;
    margin: 2em 1em;
    width: 100%;
}
.rightcolumn {  padding-left: 0px; }

.box { 
 padding: 10px 0px;
}

}

.menu-portlet {
    background: #eee none repeat scroll 0 0;
    border-radius: 6px;
    margin: 0 0 2em;
    padding: 20px;
}
.menu-portlet .heading {
    border-bottom: 1px dotted #ccc;
    color: #b06d00;
    font-weight: 600;
    padding: 5px 10px 10px;
    text-transform: uppercase;
}
.menu-portlet > p {
    padding: 5px 1em;
}

.menu > li {
    border-bottom: 1px dotted #ccc;
    display: block;
    padding: 5px 10px 10px;
}
.menu a:link {
    border-bottom: medium none !important;
}

.menu > li.active {
    font-weight: 600;
}

/* Fullwidth formatting for mapper tool */


.template-trb-map_fullwidth  #visual-portal-wrapper-full-width {
    background-color: #fff;
    margin: 0em;
    width: 100%;
}

.template-trb-map_fullwidth  #portal-logo {
    top: -40px;
    left: 30px;
    position: relative;
}

.template-trb-map_fullwidth  #portal-searchbox {
    top: 40px;
}

.template-trb-map_fullwidth #portal-header {
    background: #405d68 url("none") no-repeat scroll left top !important;
    border-color: transparent;
    border-style: none;
    height:195px;
}


.template-trb-map_fullwidth #globalnav-wrapper {
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    top: -30px;
}

.template-trb-map_fullwidth #edit-bar {
   display: none;
}

.template-trb-map_fullwidth #portal-personaltools-wrapper {
    margin-top: 0;
}

/* END mapper tool */


/* -------- Media Queries -------- */

@media only screen and (min-width : 1025px) and (max-width : 1378px) {


.nest-nav-inner {
    width: 90%;
}

}

@media only screen and (min-width : 285px) and (max-width : 1024px) {

#visual-portal-wrapper {
    box-shadow: none;
    max-width: 100%;

}

.nest-nav-inner {
    width: 95%;
    margin: 0em;
}

.menu-toggle {
    background: black url("menu-toggle.png") no-repeat scroll 15px center;
    color: white;
    display: block;
    font-size: 18px;
    padding: 5px 15px 5px 45px;
    text-align: left;
}

.footer-rt {
    float: right;
    margin-right: 5px;
    padding-top: 0;
}

#portal-globalnav li a {
    font-size: 16px;

}
}

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

#portal-logo {
    top: 40px;
    left: 20px;
}
#portal-personaltools-wrapper {
    top: 210px;
}
}


@media only screen and (min-width : 285px) and (max-width : 480px) {

#portal-footer {
    background: #385462 url(blank.png) no-repeat scroll 0 0;
    color: #b7ccda;
    font-size: 75%;
    height: 108px;
    line-height: 1.3em;
    margin: 0;
    padding: 1em 1em 1em;
    text-align: center;
    width: 100%;
}

.footer-left, .footer-mid {
    float: none;
    margin-right: 10px;
    width: 100%;
}

#portal-footer .help {
    background: transparent url("help-icon.png") no-repeat scroll 0 0;
    margin-left: 15px;
    margin-top:10px;
}
}

@media only screen and (min-width : 667px) and (max-width : 768px) {

.footer-rt {
    float: right;
    right: 20px;
    top: 20px;
    position: absolute;
}
}

#content ul.submenu {
    list-style: outside none none!important;
    margin-left: 0;

}

#content ul.submenu li {
    font-size: 15px;
    font-weight: 400;
    list-style: outside none none;
    margin-left: 0;
    margin-top: 10px;
}


dl#relatedItemBox dt {
    line-height: 1.2em;
    color: #975D00;
    font-family: "ff-meta-web-pro",sans-serif;
    font-size: 1.2em;
    margin-top: 40px;
    margin-bottom: 15px;
    text-transform: uppercase;
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

/* Mobile settings */