/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - PAGE-layout type layout
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.1
 */
@media screen {
  /* force vertical scrollbar */
  body {
    overflow-y: scroll;
	background-color: #ddd;
  }

  /* Layout Module Configuration & fallback for unsupported media queries */
  .ym-wrapper {
    min-width: 760px;
    max-width: 80em;
    margin: 1em auto;
	background-color: #fff;
  }

  .ym-wbox {
    padding:10px 30px 10px 10px;
  }

  /* Basic Element Styling */
  #headerImage{
    display: block;
	width: 100%;
	height: auto;
  }

	.youtube_video {
		width:600px;
		max-width:100%;
		height:0;
		padding-bottom:56.25%;
		position:relative;
	}

	.youtube_video iframe {
		position:absolute;
		height:100%;
		width:100%;
	}
  
  #logo {
    padding: 10px;
  }

  #logo img {
    display: block;
    margin: 0 auto;
	max-width: 265px;
	max-height: 200px;
  }
  
  #breadcrumbs {
	padding: 1.5em;
  }

  footer {
    position: relative;
    margin: 3em 0 0 0;
    background: #d8d3d1;
    color: #444;
    padding: 1.5em;
  }
  footer p {
    margin: 0;
  }

  /* Column-Set Configuration: 1-3 (sidebar right) */
  .ym-column {
    display: block;
    overflow: hidden;
    padding-right: 340px;
    width: auto;
  }

  /* content - column */
  .ym-col1 {
    float: left;
    width: 100%;
  }

  /* sidebar - column */
  .ym-col3 {
    position: relative;
    float: left;
    width: 340px;
    margin-left: 0;
    margin-right: -340px;
  }

  .ym-col1 .ym-cbox {
    padding: 0 0.75em 0 1.5em;
  }

  .ym-col3 .ym-cbox {
    padding: 0 20px 0 12px;
  }

  .ym-gbox {
    padding: 0 1.5em 0 0;
  }

  /* skip links styling */
  .ym-skiplinks a.ym-skip:focus,
  .ym-skiplinks a.ym-skip:active {
    color: #fff;
    background: #333;
    border-bottom: 1px #000 solid;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
  }
}

@media screen and (max-width: 820px) {
	.youtube_video {
		width:100%;
	}
}

/* reset fallback values in modern browsers */
@media screen and (min-width: 0px) {
  .ym-wrapper {
    min-width: 0px;
  }
}

.align-center {
	text-align:center;
}

.align-left {
	text-align:left;
}

.align-right {
	text-align:left;
}

.align-justify {
	text-align:justify;
}

.csc-frame-frame1 {
	background-color:#f5ffaa;
	padding:2px 4px 2px 4px;
	border:1px solid #333333;
}

.csc-frame-frame2 {
	background-color:#edebf1;
	padding:2px 4px 2px 4px;
	border:1px solid #333333;
}