html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; background:#dcf6ff; }

a {
  color:#0678b3;
}

a:hover {
  color:#be0a09;
	text-decoration:none;
}


.slidingDiv {
    /*height:300px;*/
    background-color: #e8f9ff;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #008fd4;
display:none;
}

.show_hide {

}

a.show_hide { font-size: 12px; }



.bg { clear:both; padding:3px 0; margin:0; border-bottom:1px solid #ededed;}

.borderLeft { padding-left: 5px; border-left:1px solid #d4d4d4;}
.borderRight { padding-right: 5px; border-right:1px solid #d4d4d4;}

a.dark_btn { background-color: #be0a09; padding:6px 8px 6px 8px; color:#fff; font: 22px Arial, Helvetica, sans-serif; text-decoration:none; }
a.dark_btn:hover { background-color: #be0a09; color: #FFF; }

a.light_btn { background-color: #7b7b7b; padding:6px 8px 6px 8px; color:#fff; font:bold 22px Arial, Helvetica, sans-serif; text-decoration:none; }
a.light_btn:hover { background-color: #4f0b00; color: #FFF; }

h1{
	font-size:20px;
}
h2{
	font-size:26px;
}

.MediumGreen, #MediumGreen{
  color:#105700;
}

.MediumRed, #MediumRed{
  color:#c00d0d;
}

.Small, #Small{

}

.coursebtn{
background-color: #000000;
color: #fff;
padding: 7px;
font-size: 22px;
letter-spacing: 2px;
}




.audioplayer{
	font-size:0.8em;
 width: 740px;
 padding: 5px 0;
}


.accessibility{
  padding: 10px 0;
	font-size:0.8em;
	float:right;
	width:200px;
	text-align:left;
}

a.autoplay {
	font-size:0.9em;
}

a.autoplay:hover {
  color:#7a7a7a;
	text-decoration:none;
}

.font-change{
	font-size:1.2em;
}
.course-title {
  float: left;
}

.course-title h3 {
  font-size:1.9em;
}
.course-font {
  float: right;
  padding-left: 20px;
	font-size:0.9em;
}
.course-font .big{
	font-size:1.2em;
}
/* Header top buttons */

.sitename h1{
	font-size:1.3em;
	color:#2b2b2b;
}

.footer {
  padding: 15px 0;
	font-size:0.9em;
	color:#2b2b2b;
}

.topbar {
	font-size:0.9em;
	color:#7a7a7a;
}

.topbar span.user a {
	color:#2b2b2b;
}

.topbar span.user a:hover {
	text-decoration:underline;
}


.topbar a.btn {
  font-size:0.8em;
  line-height:1em;
	background:#262626;
	border-color:#2e2e2e;
	color:#fff;
	text-decoration:none;
}

.topbar a.btn:hover {
	color:#7a7a7a;
}

.topbar span.note a {
	color:#262626;
}


#sidebar {
  font-size:0.9em;
  width: 199px;
	background-color: #ffffff;
}


/* ICONS */

.icon  {
	background-image:url(../images/course_images/icons.png);
}



/* siderbar / Component containers */

.navigation {
	border: 1px solid #c2bdb1;
}

.navigation-header {
	background:#e5e1d8;
	color:#484848;
	text-shadow:#fff 1px 1px 0;
  /* padding:0.4em 1em 0.4em 12px;*/
}



	/* Sidebar Navigation */


.navigation-content .btn-bg, .close_sidebar .btn-bg, .open_sidebar .btn-bg{
	border:1px solid #ddd;
	line-height: 0.9em;
	background:#f7f7f7 url(../images/course_images/button.png) 50% 50% repeat-x;
	outline:none;
	float:none!important;
	margin:0 0 8px!important;
  color:#7a7a7a;
	text-decoration:none;
}

.navigation-content a:hover, .close_sidebar .btn-bg a:hover, .open_sidebar .btn-bg a:hover {
  background: #fff url(../images/course_images/button-hover.png) 50% 50% repeat-x;
	outline:none;
	text-decoration:none;
}




 /* Pagination */

.pages {
  padding: 25px 0;
  margin: 0 auto;
}

.pagestop {
  padding: 0;
}

.pagination span  {
  padding:5px;
}


.pagination li  {
  border:1px solid #ddd;
	line-height: 0.9em;
	background:#f7f7f7 url(../images/course_images/button.png) 50% 50% repeat-x;
	outline:none;
}

.pagination .right  {
 float:right;
}

.pagination .active {
	background:#f7f7f7 url(../images/course_images/button-hover.png) 50% 50% repeat-x;
	font-weight:bold;

}

.pagination .previous-off, .pagination .next-off {
  padding:5px;
	background:#ffffff;
}

.pagination a {
  padding:5px;
  font-size: 12px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.h_iframe        {position:relative;}
/*.h_iframe .ratio {display:block;width:100%;max-height:600px;}*/
.h_iframe iframe,
.h_iframe object,
.h_iframe embed  {position:absolute;top:0;left:0;width:100%; height:100%;}

/*
.course-content img {
 padding: 10px;
 margin: 12px;
 border: 1px solid #c2bdb1;
}
  */