﻿.co-img-left { float:left; margin:0 20px 10px 0; width:40%; max-width:288px; }
.co-img-right { float:right; margin:0 0 10px 20px; width:40%; max-width:288px; }
@media all and (max-width:450px) /* ToDo: user boottrap sizes */
{
    .co-img-left { margin:0 0 10px 0; width:100%; max-width:none; }
    .co-img-right { margin:0 0 10px 0; width:100%; max-width:none; }
}


.co-document .glyphicon { font-size:17px; }
.co-document a { text-decoration:none!important; }
.co-document a:hover .co-document-text span { text-decoration:underline!important; }
.co-document p { color:#333; }
.co-documents { list-style-type:none; margin:0; }
.co-documents li { margin:0; }
.co-document-text { margin-left:30px; }

.co-header-image { width:100%; }

.co-navigation { margin-top:30px; }
.co-navigation .col { padding-bottom:10px; }

.co-google-map-container { margin-top:0px!important; margin-bottom:25px; }
.ly-header-pane .co-google-map-container { margin-top:0; margin-bottom:0; }

#col2 .co-text-only {
	margin-bottom: 30px;
}

.co-img-full {
	margin: 20px 0;
}

@media all and (max-width: 450px) /* ToDo: Use bootstrap sizes */
{
    .co-google-map-container { padding-bottom:100%!important; }
}


.co-person-placeholder { padding-bottom:100%; background:#DEDEDE; }
.co-person { overflow:hidden; margin:20px 0; }
.co-person h2 {margin: 0;}
.co-person-2-0 { clear:left; }
.co-person-image { width:175px; float:left; }
.co-person-text { margin-left:190px; word-wrap: break-word; }
.co-person-noimage .co-person-text { margin-left:0; }
.co-person .co-function { display: inline-block; margin-bottom: 4px; }
@media all and (max-width: 550px) /* ToDo: Use bootstrap sizes */
{
    .co-person-image { width:100%; margin:0; float:none; max-width:150px; }
    .co-person-text { margin-left:0; margin-top:20px; }
    .co-person { margin-bottom:40px; }
}

@media all and (max-width:767px) {
    #dnn_ContentPane .co-text-only { padding-right: 0; }
}

.dnnEditState #ytplayer { margin-top:30px; }

/** BOOTSTRAP CSS **/
  .img-responsive {
    max-width: 100% !important;
  }
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 33.3%;
 
}
@media all and (max-width:990px) {
  .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 55%;
   
  }
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
} 