#body .dropdown-menu > li > a:hover,
#body .dropdown-menu > li > a:focus,
#body .dropdown-submenu:hover > a,
#body .dropdown-submenu:focus > a {
    color: #fff;
    background-color: #075290;
    background-image: -moz-linear-gradient(top,#075290,#075290);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#075290),to(#075290));
    background-image: -webkit-linear-gradient(top,#075290,#075290);
    background-image: -o-linear-gradient(top,#075290,#075290);
    background-image: linear-gradient(to bottom,#075290,#075290);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#075290',endColorstr='#075290',GradientType=0);
	text-decoration: none !important;
}

#body .nav > li > a,
#body .dropdown-menu > li > a {
	text-decoration: none !important;
}

#body .nav > li > a:hover,
.dropdown-menu > li > a:hover {
	background-color: rgb(230,230,230);
}

a.btn.btn-navbar {
	margin-top: 9px;
	border: 1px solid rgb(212,212,212);
}

.navbar-inner {
	padding-right: 10px;
}

#circle-nav {
	padding-top: 80px;
}

#circle-nav > div > a {
	margin-bottom: 40px;
}

#circle-nav > div > a:link,
#circle-nav > div > a:active,
#circle-nav > div > a:visited {
	text-decoration: none !important;
}

#circle-nav > div > a:hover {
	text-decoration: none !important;
}

#circle-nav > div > a > img {
	position: relative;
	border: 4px solid #075290;
	max-width: 70%;
	z-index: 1;
}

.grow > img {
	-webkit-filter: grayscale(75%);
	-moz-filter: grayscale(75%);
	filter: grayscale(75%);
	transition: all .2s ease-in-out;
}
.grow:hover > img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	transform: scale(1.1);
}

#circle-nav > div > a > h3 {
	color: #075290;
	position: relative;
	z-index: 10000;
	font-weight: bold;
	text-shadow: 
		rgba(255, 255, 255, 1) 0px 1px 8px, 
		rgba(255, 255, 255, 1) 0px 1px 8px, 
		rgba(255, 255, 255, 1) 0px 1px 8px, 
		rgba(255, 255, 255, 1) 0px 1px 8px, 
		rgba(255, 255, 255, 1) 0px 1px 8px, 
		rgba(255, 255, 255, 1) 0px 1px 8px, 
		rgba(255, 255, 255, 1) 0px 1px 8px;
}

#contentArea > h1 {
	text-align: center;
}

a.brand,
a.brand:link,
a.brand:active,
a.brand:visited,
a.brand:hover {
	text-decoration: none !important;
}

a.brand:hover {
	background-color: rgb(230,230,230);
}

.prev-next {
	border-bottom: 1px solid rgba(7,82,144,0.25);
	padding-bottom: 10px;
	font-size: 2em;
}

.prev-next a {
	text-decoration: none !important;
}

.prev-next.top {
	position: relative;
	top: -40px;
	margin-bottom: -11px;
}

.prev-next.bottom {
	border-bottom: none;
	border-top: 1px solid rgba(7,82,144,0.25);
	padding-top: 10px;
}

.sub-section {
	font-size: 100%;
	border: 1px solid rgba(7,82,144,0.25);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-bottom: 20px;
}

.sub-section > div {
	/*margin-bottom: 15px;*/
}

.sub-section > div {
}

.sub-section > div:first-child {
	padding: 10px;
}

.sub-section > div:nth-child(2) > p {
	padding: 10px;
	margin-bottom: 0px;
}

.sub-section > div > h2 {
	background-color: #075290;
	color: #fff;
	margin: -10px -10px 10px -10px;
	padding: 5px 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.sub-section > div > div > section:nth-child(2) {
	border-left: 1px solid rgba(7,82,144,0.25);
	padding-left: 10px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-container + p {
	font-size: 85%;
	margin-bottom: 0;
}

#share-bar,
.breadcrumbs,
.pagetitle {
	display: none;
}

figure {
	text-align: center;
}

#body a.btn-primary {
	color: #fff;
	text-decoration: none;
}

.highlight,
.missing-link,
.broken-link {
	background-color:rgba(255,255,0,1.00) !important;
	color: rgba(255,0,0,1.00) !important;
}

.missing-link::after,
.broken-link::after { 
    content: " - (Broken or Missing Link)";
}

.navbar .btn-navbar .icon-bar {
	background-color: #ddd;
}

/********************************************************
Panels for Bootstrap 2.3.2

Below is an exanmple of panel structure:

<div class="panel panel-success">
	<div class="panel-heading">
		<span class="panel-title">Panel Title</span>
	</div>
	<div class="panel-body">
		Panel content
	</div>
	<div class="panel-footer">
		Panel footer
	</div>
</div>

********************************************************/

.panel {
  padding: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  padding: 10px 15px;
  margin: -15px -15px 15px;
  font-size: 14px;
  font-weight: 500;      
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-footer {
  padding: 10px 15px;
  margin: 15px -15px -15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary .panel-heading,
.panel-primary .panel-heading * {
  color: #ffffff;
  background-color: #075290;
  border-color: #075290;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-warning {
  border-color: #fbeed5;
}

.panel-warning .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-danger {
  border-color: #eed3d7;
}

.panel-danger .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}


.panel-title > ol {
	margin-bottom: 0;
}

.panel input[type="radio"] {
    margin: 0 0 2px 0;
}

.panel label {
	line-height: 25px;
}

.questions .panel-body > ul {
	list-style-type: none;
}

.questions .panel-body > ul >li > label > span {
	display: table-cell;
}

.questions .panel-body > ul >li > label > span:first-child {
	padding-right: 10px;
}

.alert {
	display: none;
}

table > caption {
	text-align: left;
}

.table th {
	text-align: center;
}

/* Customize Tooltip colors */

/*
dark-blue: #075290
med-blue: #b1dafb
*/

.tooltip-inner {
  background-color: #075290 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #075290;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #075290;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #075290;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #075290;
}


.next-arrow:after {
	font-family: FontAwesome;
    content: "\f061";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
	/*&#xf061;*/
}

.prev-arrow:after {
	font-family: FontAwesome;
    content: "\f060";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
	/*&#xf061;*/
}



/* Bootstrap 3.3.7 screen reader only classes */
.sr-only{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus{
	position: static;
	width :auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}
.has-feedback label.sr-only~.form-control-feedback{
	top: 0;
}

.modal {
	background: transparent;
}

.modal-body{
	background: rgb(255,255,255);
	height: 350px;
}

.modal-header {
	height: auto;
	border-radius: 6px 6px 0px 0px;
	background: rgb(151, 209, 247) !important;
	border-bottom: 2px solid rgba(91,116,151,1.00) !important;
}

.modal-footer {
    background: rgba(49, 131, 171,1) !important;
    border-top: 0px solid rgba(91,116,151,1.00) !important;
	border-radius: 0 0 6px 6px;
}

.btn-activity {
	margin: 25px 0px 35px 0px;
}

div.btn-activity-mid {
	border-bottom: 1px solid rgba(7,82,144,0.25);
	margin-bottom: 20px;
}


@media screen and (max-width: 767px) {
	#circle-nav {
		padding-top: 20px;
	}
	
	.sub-section > div > div > section:nth-child(2) {
		border-left: none;
		padding-left: 0;
	}
}

@media screen and (max-width: 979px) {
	.navbar-inner {
		padding-left: 10px;
	}
	
	.navbar .brand {
		margin-left: -10px;
	}
}

/* Small an larger */
@media screen and (min-width: 768px) {
/*
	.sub-section {
		display: flex;
		font-size: 120%;
	}
*/
}

/* Med and larger */
@media screen and (min-width: 1200px) {
/*
	.sub-section {
		display: flex;
		font-size: 135%;
	}
*/
}