/* CSS Document */

body {
    background-repeat: no-repeat;
	background-color:#adbf6b;
}

h1{
	color:#fff;
	
}
.top_stripe{
	background-color:#6a1103;
	height: 5px;
	margin-top: 4px;
}

#spacebar{
	height:60px;
}

.center_back{
	background-color: #bcc665;
}
	
#tools{
	text-align:center;
}

#tools_btn{
	font-weight:bold;
	clear:both;
	margin:0;
	padding:5px 10px;
	display:inline-block;
	border-width:3px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#tools_btn:link, #tools_btn:visited{
	border:2px solid #F93;
	background-color:#F93;
	color:#fff;
	text-decoration:none;
}

.panel-heading{
	background-color:#5cb85c;
	color:#fff;
}

#video_back{
	background-color:#bcc665;
	padding: 0;
}

#tools_btn:hover{
	background-color:#8020AF;
	border:2px solid #8020AF;
}

#tools #features{
	color:#fff;
	background-color:#21223D;
	padding:10px 10px 0 10px;
	border-bottom:2px solid #F93;
}

#tools #features .nav-pills a{
	margin-bottom:10px;
}

#tools #features .nav-pills a{
	margin-left:10px;
}

header{
	background-color:#387b2b;
	padding-top:5px;
	margin-bottom:10px;
	padding: 2px 20px 4px 20px;
}

header p{
	padding-top:12px;
	font-size:140%;
	font-weight:normal;
}

header #UCEL_header{
	clear:right;
}

.resource_title{
	font-weight:bold;
	font-size:120%;
}


html > body > div.container > nav#main_nav.navbar.navbar-default div{
	padding:0px;
}

html > body > div.container > nav#main_nav.navbar.navbar-default > div#bs-example-navbar-collapse-1.collapse.navbar-collapse > ul.nav.navbar-nav > li > a{
	padding:auto 5px;
}

.main_nav{
	font-size:80%;
	position: relative;
	z-index: 1000;
	margin-bottom:12px;
}

nav.section_nav{
	padding:20px 10px;
	background-color:#c2c862;
	opacity: .7;
}

nav.section_nav ul{
	list-style:none;
	padding:0;
	margin:0;
}

.center img.img-responsive{
	margin:3px auto 10px auto;
}

.center iframe{
	margin:0 auto 10px auto;
	text-align:center;
	display:block;
	background-color:transparent;
}

#av-component1{
	padding: 10px 0px 8px 10px;
}


#av-component{
	/* background-color: #309; */
}


.mid_strip{
	background-color:#FFF;
	padding: 5px 5px 0px 5px;
}

.school_link{
	text-decoration:underline;
}

.school_link:hover{
	color:#F93;
}

#sub_title{
	font-size:1.1em;
}

footer{
	background-color:#387b2b;
	color:#fff;
	padding:20px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom:10px;
}

footer ul{
	margin:0;
	padding:0;
	list-style:none;
}

footer p{
	margin-bottom:0px;
}

footer img{
	margin-top:5px;
}

footer a{
	color:#000;
}

.pop_up_hide{
	display:none;
}

.panel_current{
	display:block;
}

#supporting_image{
	position:relative;
}

#pop_up_panel{
	position:absolute;
	top:0;
	margin:70px auto 0 auto;
}
#light_green{
	background-color:#DFF0D8;	
}

  /* Popover 
  .popover {
      border: 4px dashed orange;
  }*/
  /* Popover Header
  .popover-title {
      background-color: #000; 
      color: orange; 
      font-size: 18px;
      text-align:center;
	  font-family:Zig, Arial, Helvetica, sans-serif;
  } */
  
  /* Popover Body 
  .popover-content {
  /*#activity1
      background-color: #000;
      color: #F90;
      padding: 10px;
	  font-size: 10px;
	  text-align:left;
	  font-family:Zig, Arial, Helvetica, sans-serif;
  }*/
  
  /* Popover Arrow 
  .arrow {
      border-right-color: orange !important;
  }*/
  
	#feedbackA, #feedbackB, #feedbackC, #feedbackD, #feedbackE, #feedbackF, #feedbackG{ 
		  text-align:center;
		  color:#fff;
		  background-color:#dff0d8;
		  margin: 2px;
		  padding: 5px;  
		  border-radius: 8px;
	  }
  
	  #barOne, #barTwo, #barThree, #barFour, #barFive{
		  cursor:pointer;
	  }
  
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}

#activity_back{
	background-color:#dff0d8;
	padding: 20px;
}

#back_image{
	background-image:url(images/progress_back.png)
}

#left_house{
margin:0px
}

#right_house{
margin-left:0px !important;
}


/*
.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}
*/