/* column adjustments if required - note: default is 15px for a 30px gap */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12
{ padding-left:15px; padding-right:15px; }
.row { margin-left:-15px; margin-right:-15px; }


/* header */
.header { background:url(/tree/images/bgtexture.png) repeat; }
.sitetitle h1 { margin:16px 0 0; font-size:54px; color:#7ebbd2; line-height:1; text-transform:lowercase; font-family:Helvetica, "nimbus-sans", Arial, sans-serif; font-weight:bold; }
.sitetitle h1 .brown { color:#501c0e; }
.sitetitle h3 { margin:0 0 20px; font-size:22px; color:#165f89; line-height:1; }
.sitetitle h3 .caps { text-transform:uppercase; }
.sitetitle img { display:none; }
.sitetab { background:#165f89 url(/tree/images/tabtreewords.png) 15px 5px no-repeat; border-radius:8px; padding:4px; margin:0 0 15px; }
.sitetab a { display:block; background:#7ebbd2 url(/tree/images/tabarrow.png) center no-repeat; border-radius:6px; width:40px; height:40px; text-indent:-5000px; float:right; box-shadow:inset 1px 1px 0 #3f5d69; -moz-box-shadow:inset 1px 1px 0 #3f5d69; transition:all 0.5s linear; }
.sitetab a:hover, .sitetab a:focus { background-color:#aadbee; transition:all 0.2s linear; box-shadow:inset 1px 1px 0 #7094a3; -moz-box-shadow:inset 1px 1px 0 #7094a3; }
.sitetab:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.socialtop { margin:10px 0; }
@media (min-width:768px) {
.sitetitle h1 { font-size:40px; }
.sitetitle h3 { font-size:18px; }
.sitetab { background:#165f89 url(/tree/images/tabtree.png) 8px 0px no-repeat; border-radius:0 0 8px 8px; padding:18px 8px 8px 0; margin:0; text-indent:-5000px; }
.sitetab a { display:block; background:#7ebbd2 url(/tree/images/tabarrow.png) center no-repeat; border-radius:0 6px 6px 6px; width:40px; height:40px; text-indent:-5000px; float:right; box-shadow:inset 1px 1px 0 #3f5d69; -moz-box-shadow:inset 1px 1px 0 #3f5d69; transition:all 0.5s linear; }
.sitetab a:hover { background-color:#aadbee; transition:all 0.2s linear; box-shadow:inset 1px 1px 0 #7094a3; -moz-box-shadow:inset 1px 1px 0 #7094a3; }
.sitetab:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.socialtop { margin:8px 0 0; text-align:right; }
}
@media (min-width:992px) {
.sitetitle h1 { font-size:46px; }
.sitetitle h3 { font-size:22px; }
.sitetab a { width:28px; height:28px; background:#7ebbd2 url(/tree/images/tabarrowsmall.png) center no-repeat; }
.sitetab { padding:30px 8px 8px 0; }
.socialtop { margin:25px 0 0; }
}
@media (min-width:1200px) {
.sitetitle h1 { font-size:54px; }
.sitetab a { width:40px; height:40px; background:#7ebbd2 url(/tree/images/tabarrow.png) center no-repeat; }
.sitetab { padding:18px 8px 8px 0; }
.socialtop { margin:32px 0 0; }
}


/* content schizzle */
/*body { border-top:8px solid #165f89; }*/
.content { padding:0; }
.bluebg { background:#165f89; }
.bluebg p { color:#fff; }
.bluebg p.small { color:#ccc; }
.bluebg p a { color:#a9def2; }
.bluebg p a:hover, .bluebg p a:focus { color:#d7f4ff; }
@media (min-width:768px) { .content { padding:5px 0 15px; } .content p, .content ul { font-size:14px; } .content .large { font-size:16px; } h2 { font-size:22px; } h3 { font-size:18px; } }
@media (min-width:992px) { .content p, .content ul { font-size:15px; } .content .large { font-size:18px; } h2 { font-size:24px; } h3 { font-size:20px; } }
@media (min-width:1200px) { .content p, .content ul { font-size:16px; } .content .large { font-size:20px; } h2 { font-size:28px; } h3 { font-size:24px; } }

/* footer */
.footercredits { margin:20px 0 0; }
.textgoright { text-align:left; }
@media (min-width:768px) { .textgoright { text-align:right; } }

/* expandable area */
.readmore { border:none; }
.read_more_header { clear:both; cursor:pointer; padding:20px; background:#dddddd url(/tree/images/showhide-smallmore.png) right no-repeat; transition:background 0.5s linear; }
.read_more_header:hover { background:#bbbbbb url(/tree/images/showhide-smallmore.png) right no-repeat; transition:background 0.2s linear; }
@media (min-width:768px) { .read_more_header { padding:15px; } }


/* embedded video aspect ratio adjustment */
.videoWrapper, .videoWrapper4by3, .videoWrapper3by1, .videoWrapper1by1, .bookWrapper, .imageWrapper1by1, .imageWrapper8by5, .imageWrapper8by3 { position:relative; height:0; margin:0 0 20px; border:0; }
.videoWrapper { padding-bottom:56.25% /* 16:9 */; }
.videoWrapper4by3 { padding-bottom:75% /* 4:3 */; }
.videoWrapper3by1 { padding-bottom:33.33% /* 3:1 */; }
.videoWrapper1by1, .imageWrapper1by1 { padding-bottom:100% /* 1:1 */; }
.imageWrapper8by5 { padding-bottom:62.5% /* 8:5 */; }
.imageWrapper8by3 { padding-bottom:37.5% /* 8:3 */; }
.bookWrapper { padding-bottom:171.43% /* 7:12 */; }
.videoWrapper iframe, .videoWrapper4by3 iframe, .videoWrapper3by1 iframe, .videoWrapper1by1 iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.bookWrapper img, .imageWrapper1by1 img, .imageWrapper8by5 img, .imageWrapper8by3 img { position:absolute; top:0; left:0; width:100%; height:100%; }
.imageWrapper1by1 a, .imageWrapper8by5 a, .imageWrapper8by3 a { transition:all 0.5s linear; }
.imageWrapper1by1 a:hover, .imageWrapper1by1 a:focus,
.imageWrapper8by5 a:hover, .imageWrapper8by5 a:focus,
.imageWrapper8by3 a:hover, .imageWrapper8by3 a:focus { transition:all 0.2s linear; opacity:0.7; }
.sociallink, .imageWrapper8by5 img, .imageWrapper8by3 img { border-radius:6px; }


/* CSS template for responsive */
/* Extra small devices (phones, up to 480px) - No media query since this is the default in Bootstrap */
.csshere {  }
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {  }
/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {  }
/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {  }
/* IE8 fixes to come after other media elements #spits */
@media \0screen {  }

/* to copy */
@media (min-width:768px) {  }
@media (min-width:992px) {  }
@media (min-width:1200px) {  }