.ct-panel {
	border:1px groove #ccc;	
	box-shadow:1px 1px 2px -1px #000;
	margin:16px;
	border-radius:4px;	
	padding:16px;
	
}
html {
    margin: 0 auto;
    max-width: 1024px;	
}
.nav {
	left:0px;
}
.nav>*>* {
    margin: 0 auto;
    max-width: 1024px;	
}
#mySidebar>a:first-child{
    position: absolute;
    right: 0px;
}
#mySidebar{
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}
.right{ float:right;}
.left{ float:left;}
/*
hr {
	border-top: 1px solid #ccc;
	box-shadow: 2px 2px 2px #eee;
	margin: 10px 10px 10px 10px;
	height: 3px;
	width: calc(100% - 20px);
	background:url(../images/divider.png);
}
*/
hr {
	border-radius:4px;	
	border-top: 1px solid #ccc;
	margin: 10px 10px 10px 10px;
	height: 2px;
	width: calc(100% - 20px);
	background:url(../images/divider.jpg);
}
hr.header {
	margin: 0px;
	padding: 0px;
	width:100%;
}
hr.divider {
	border-radius:4px;	
	margin: 10px 10px 10px 10px;
	height: 10px;
	width: calc(100% - 20px);
	background:url(../images/divider.jpg);
}

.panel .panel-heading {
	background:url(../images/divider.jpg);	
	border-radius:8px 8px 0px 0px;	
}
.panel .panel-heading-text {
	background-color:white;		
	border-radius:4px;	
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: inherit;
	color:#3393FF;
}
a.read-more {
	font-size: large;
    font-weight: bolder;
    padding: 1px 9px 3px 9px;
    border-radius: 4px;
}
a.read-more:hover {
    padding: 0px 8px 2px 8px;
	border:1px groove #ccc;	
	-moz-box-shadow: 4px 4px 8px #000;
	-webkit-box-shadow: 4px 4px 8px #000;
	box-shadow: 4px 4px 8px #000;
}
a.read-more .icon {
	font-size: 22px;
}
.w3-text {
	
}
.w3-padding.w3-left {
	padding: 8px 32px 8px 4px!important;	
}
.w3-padding.w3-right {
	padding: 8px 4px 8px 32px!important;	
}
@media (max-width: 600px) {
	.w3-padding.w3-left {
		padding: 8px 4px 16px 4px!important;	
	}
	.w3-padding.w3-right {
		padding: 8px 4px 16px 4px!important;	
	}
}
audio {
	width: 100%;
    height: 50px;
	margin-top: 20px;
	margin-bottom: 30px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	-moz-box-shadow: 4px 4px 8px #000;
	-webkit-box-shadow: 4px 4px 8px #000;
	box-shadow: 4px 4px 8px #000;
}

.iframe-wrapper         {position:relative; width:100%; height:0px; }
.iframe-wrapper iframe {position:absolute; left:0; top:0; width:100%; height:100%}
iframe {
	margin-top: 0px;
	margin-bottom: 30px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 4px 4px 8px #000;
	-webkit-box-shadow: 4px 4px 8px #000;
	box-shadow: 4px 4px 8px #000;
}
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.w3-image {
	border-radius:8px;
	-moz-box-shadow: 4px 4px 8px #000;
	-webkit-box-shadow: 4px 4px 8px #000;
	box-shadow: 4px 4px 8px #000;
}
.w3-card {
	border-radius:8px;
}
.w3-card>img {
    border-radius: 8px 8px 0px 0px;
}
.degrees-20 {
	-moz-transform:rotate(20deg);
	-webkit-transform:rotate(20deg);
	-o-transform:rotate(20deg);
	-ms-transform:rotate(20deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=.2);
}

blockquote {
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    /*margin: 25px;*/
	margin: 0px;
    padding: 8px 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
}

blockquote:before {
    display: block;
    padding-left: 10px;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -20px;
    top: -20px;
    color: #7a7a7a;
}

blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

blockquote cite:before {
    content: "\2014 \2009";
}
/* Style the list */
ul.breadcrumb {
	padding: 10px 16px;
	list-style: none;
	/*
	background-color: #eee;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	*/
	margin: 0px;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

.w3-bar-block .w3-bar-item.level-1 {
	padding-left: 30px;
	font-size: 16px!important;
}
.w3-bar-block .w3-bar-item.level-2 {
	padding-left: 45px;
	font-size: 16px!important;
}
@media (max-width: 600px) {
    .w3-image-small {
        width:100%
    }
	.w3-right-small {
		float:right!important;
	}
	p.w3-right {
		float:none!important;
	}
}
@media (max-width: 992px) and (min-width:601px) {
    .w3-image-medium {
        width:100%
    }
	.w3-right-medium {
		float:right!important;
	}
}

@media (min-width: 993px) {
    .w3-image-large {
        width:100%
    }
	.w3-right-large {
		float:right!important;
	}
}
@media (max-width: 600px) {
	footer .w3-quarter {
		width: 50%;
	}
}