/* Stylesheet for ND Studies
 * by Agency MABU
 * August 2012
*/

/* BOOTSTRAP OVERRIDES TO ALLOW TYPEPLATE STYLES */
*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.xdebug-var-dump {
	overflow: scroll;
	max-height: 500px;
}
.nav .dropdown-toggle .caret {
	display: none;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	height: 30px;
};

/* END BOOSTRAP OVERRIDES */

/* DRUPAL OVERRIDES */
.element-invisible {
	display: none;
}

html.js body.page-admin {
	padding-top: 60px;
}
/* END DRUPAL OVERRIDES */

.smash {
	margin-top: 0;
	margin-bottom: 0;
}

.crush {
	padding-top: 0;
	padding-bottom: 0;
}

.hide {
	display: none;
}

.clear {
	clear: both;
}

span.highlight {
	background-color: yellow;
}

/* DRAWER CSS */
html {
	background: #ffffff url('../img/ndstudies-background.jpg') no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	overflow-y: scroll; /* forces vertical scrollbar to prevent awkward background jump now that it is fixed - works when height: 100%; is not set for .screen & .frame */
}

body {
	/* height: 100%; */ /* makes android devices slow */
	margin:0;
	/* overflow-x: hidden; */ /* messes up popups on android devices */
	padding:0;
	/*position: relative;*/ /* messes up popups in chrome */
	/*overflow-y: scroll;*/
}

/* --vvv-- needed to make drawer nav full height but slows down android devices */
/*
body .screen, body .frame {
	height: 100%;
}
*/


body .navbar .navbar-inner {
	border-radius:0;
	padding-left:5px;
}
body .menu {
	height:100%;
}
body .menu.collapse {
	float:left;
	height:100% !important;
	/*width:auto;*/
	width: 100%;
}
body .menu.collapse.height {
	position:relative;
	height:0;
	overflow:hidden;
	-webkit-transition:height .35s ease;
	-moz-transition:height .35s ease;
	-o-transition:height .35s ease;
	transition:height .35s ease;
}
body .menu.collapse.width {
	position:relative;
	/*width:0;*/
	overflow:hidden;
	-webkit-transition:width .35s ease;
	-moz-transition:width .35s ease;
	-o-transition:width .35s ease;
	transition:width .35s ease;
}
body .menu.collapse.in.width {
	width:auto;
}
body .menu.collapse.in.height {
	height:auto;
}
body .menu .collapse-inner {
	box-shadow: inset -26px 0px 20px -20px rgba(0,0,0,0.2);
	overflow-x: hidden;
	/*overflow-y: scroll;*/
	-webkit-overflow-scrolling: touch;
	position:relative;
	/*width:350px; height:100%;*/
	width: 100%; height: 100%;
}
body .menu .navbar .navbar-inner {
	color: #808080;
	font-size:1.2em;
	line-height:38px;
	text-align:center;
}
body .menu .nav-stacked {
	padding:0 10px;
}

body #menu {
	background-color: #e3e3e3;
	background-color: rgba(240, 240, 240, 0.9);
	/*box-shadow: -13px 60px 20px -25px rgba(0, 0, 0, 0.8) inset;*/
}

body #menu .navbar {
	margin-bottom: 0;
}
body #viewport {
	height:100%;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
body #viewport .navbar .navbar-inner .btn-navbar {
	display:block;
	float:left;
}
body #viewport #content {
	/*margin:auto 15px;*/
	text-align:justify;
}
body.toolbar .navbar-fixed-top {
	top: 64px;
}
body form {
	margin-bottom: 0;
}

body[data-font-style="serif"] #content-container label,
body[data-font-style="serif"] #content-container li,
body[data-font-style="serif"] #content-container p {
	font-family: 'Georgia',serif;
}

body[data-font-style="sans-serif"] #content-container label,
body[data-font-style="sans-serif"] #content-container li,
body[data-font-style="sans-serif"] #content-container p {
	font-family: 'myriad-pro', sans-serif;
}

body[data-paragraph-style="web"] #content-container p {
	margin-bottom: 3em;
	text-indent: 0;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
body[data-paragraph-style="web"] .book-caption {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

body[data-text-size="2"] #content-container p {
	font-size: 1.25em;
}
body[data-text-size="2"] #content-container .book-figure .book-caption {
	font-size: 1.0em;
}
body[data-text-size="3"] #content-container p {
	font-size: 1.5em;
}
body[data-text-size="3"] #content-container .book-figure .book-caption {
	font-size: 1.1em;
}
body[data-text-size="4"] #content-container p {
	font-size: 1.75em;
}
body[data-text-size="4"] #content-container .book-figure .book-caption {
	font-size: 1.3em;
}

.nav-collapse.collapse {
	overflow: hidden!important;
}

.navbar-tools button.active {
	background-color: #cccccc;
}

.navbar-tools {
	background-color: #202020;
	overflow: hidden;
	height: auto;
	width: 100%;
}
.navbar-tools .tool {
	display: none;
	/*overflow: visible !important;*/
	width: 100%; height: 100%;
}
.navbar-tools .tool .nav-group {
	float: left;
	padding: 2em;
	width: 100%;
}
.navbar-tools .search {

}
.navbar-tools #search-block-form .input-append {
	width: 100%;
}
.navbar-tools .search input {
	width: 96%;
}

.navbar-tools .tool h2, .navbar-tools .tool h3, .navbar-tools .block {
	color: #ffffff;
	font-family: 'myriad-pro', sans-serif;
}
.navbar-tools .well {
	color: #222222;
}
.navbar-tools .login .control-group, .navbar-tools .login ul {
	display: block;
	float: left;
	padding: 0 1em;
	width: 50%;
}
.navbar-tools .login input {
	font-size: 30px;
	width: 100%; height: auto;
}
.navbar-tools .login button.form-submit {
	display: block;
	float: right;
	margin-right: 0.7em;
	font-size: 26px;
	padding: 0.5em 3.5em;
}
#navbar-container .navbar-tools .login .nav-group ul li a {
	font-weight: bold;
}
#navbar-container .navbar-tools .login .nav-group ul li a:hover {
	color: #16acf7;
}
.navbar-tools .preferences {

}
.navbar-tools .btn-group .nav-btn-desc {
	color: #FFFFFF;
	display: inline;
	float: left;
	font-family: 'myriad-pro',sans-serif;
	font-size: 20px;
	font-style: italic;
	text-align: center;
	width: 50%;
}
.navbar-tools .nav-group h3 {
	font-size: 1.7rem;
}

.region-drawer {
	/*padding: 0 20px;*/
	/*width: 350px;*/
}
.region-drawer .menu {
	clear: both;
}

#edit-search-block-form--2 {
	height: 45px;
}

.block-search .btn {
	height: 45px;
}

.form-search .input-append .search-query {
	/*border-radius: 0;*/
}

select#edit-timezone--2 {
	width: auto;
}

/* Bootstrap navigation style overrides */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	color: #333333;
}
.dropdown-submenu:hover > a:after {
	border-left-color: #cccccc;
}
.dropdown-menu > li > a {
	padding-right: 0;
	padding-left: 5px;
}
.dropdown-menu li a:focus {
	background: none;
	box-shadow: none;
}
/* end Bootstrap navigation style overrides */

.dropdown-menu.open {
	background: transparent;
	border: none;
	box-shadow: none;
	display: block;
	float: none;
	position: static;
	width: 100%;
}
.dropdown {
	position: static;
}


/* overrides for drawer */
.nav-layer .nav-collapse .dropdown-menu li + li a {
	margin: 0;
}

.nav-layer .dropdown-menu {
	padding: 0;
	border-radius: 0;
}

.nav-layer .dropdown-menu.open {
	width: auto;
}


/* Drawer styling */

.nav-layer ul.menu.nav {
	margin: 0;
	font-family: "myriad-pro-condensed", sans-serif;
}

.nav-layer ul.menu.nav li > a,
.nav-layer ul.menu.nav li > a:hover {
	color: #1e1e1e;
}


.nav-layer ul.menu.nav > li > a {
	display: block;
	margin: 0 20px;
	padding: 24px 0;
	color: #b91d1d;
	font-weight: 500;
	line-height: 0.7;
	white-space: normal;
	border-bottom: 1px solid #727272;
	border-radius: 0;
}
.nav-layer ul.menu.nav > li > a:hover {
	color: #d90707;
}

.nav-layer ul.menu.nav + ul.menu.nav > li > a {
	color: #1590c7;
}
.nav-layer ul.menu.nav + ul.menu.nav > li > a:hover {
	color: #23aaff;
}

.nav-layer ul.menu.nav + ul.menu.nav + ul.menu.nav > li > a {
	color: #ffa029;
}
.nav-layer ul.menu.nav + ul.menu.nav + ul.menu.nav > li > a:hover {
	color: #ffb70c;
}

.nav-layer ul.menu.nav + ul.menu.nav + ul.menu.nav + ul.menu.nav > li > a {
	color: #6418a5;
}
.nav-layer ul.menu.nav + ul.menu.nav + ul.menu.nav + ul.menu.nav > li > a:hover {
	color: #8220d8;
}

.nav-layer ul.menu.nav small {
	font-size: 62.5%;
}

/* all lower levels, Lessons, Topics, and Sections */
.nav-layer ul.menu.nav li {
	font-size: 1em;
}

/* top level, Units */
.nav-layer ul.menu.nav > li {
	font-size: 2.7em;
}

.nav-layer ul.menu.nav > li > ul > li /* Drawer Nav Lessons */ {
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 0.5em;
}

.nav-layer ul.menu.nav ul.dropdown-menu > li > a {
	display: block;
	padding: 4px;
	white-space: normal;
	font-weight: 500;
}

.nav-layer ul.menu.nav li > a.active,
.nav-layer ul.menu.nav li > a.active .drawer-nav-prefix {
	border-radius: 4px;
	color: #fff;
}

.nav-layer ul.menu.nav li > a:focus,
.nav-layer ul.menu.nav li > a:hover {
	background: transparent;
	text-decoration: underline;
}

.nav-layer ul.menu.nav li > a:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -1px;
}

.nav-layer ul.menu.nav > li li > a.active:focus,
.nav-layer ul.menu.nav > li li > a.active:hover {
	background-color: #0081c2;
	background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
	background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
	background-image: -o-linear-gradient(top, #0088cc, #0077b3);
	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.nav-layer ul.menu.nav ul.dropdown-menu {
	margin: 0;
}

.nav-layer ul.menu.nav ul.dropdown-menu ul.dropdown-menu {
	padding-left: 14px;
}

.nav-layer ul ul ul ul li /* Drawer Nav Sections */ {
	padding: 0.3em 0;
}

.nav-layer ul.menu.nav li ul.dropdown-menu li a[href*="unit-i-"]:active,
.nav-layer ul.menu.nav li ul.dropdown-menu li a[href*="unit-i-"]:hover {
	color: #b32a2a;
}
.nav-layer ul.menu.nav li ul.dropdown-menu li a[href*="unit-ii-"]:active,
.nav-layer ul.menu.nav li ul.dropdown-menu li a[href*="unit-ii-"]:hover {
	color: #158cc2;
}
.nav-layer ul.menu.nav li ul.dropdown-menu li a[href*="unit-iii-"]:active,
.nav-layer ul.menu.nav li ul.dropdown-menu li a[href*="unit-iii-"]:hover {
	color: #ffa029;
}
.nav-layer ul.menu.nav li ul.dropdown-menu li a[href*="unit-iv-"]:active,
.nav-layer ul.menu.nav li ul.dropdown-menu li a[href*="unit-iv-"]:hover {
	color: #6418a5;
}

.nav-layer ul.menu.nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li {
	border-bottom: 1px dotted #bbbbbb;
	padding-top: 7px;
	padding-bottom: 7px;
}

.nav-layer ul.menu.nav > li > ul.dropdown-menu > li > ul.dropdown-menu.open {
	border-top: 1px dotted #1e1e1e;
	margin-bottom: 2.5em;
}

.nav-layer ul.menu.nav > li > ul.dropdown-menu.open {
	padding: 0 20px;

	background-color: #ffe2e2;
	box-shadow: inset -26px 0px 20px -20px rgba(0,0,0,0.2);
}

.nav-layer ul.menu.nav + ul.menu.nav > li > ul.dropdown-menu.open {
	background-color: #e0f3ff;
}

.nav-layer ul.menu.nav + ul.menu.nav + ul.menu.nav > li > ul.dropdown-menu.open {
	background-color: #ffeedb;
}

.nav-layer ul.menu.nav + ul.menu.nav + ul.menu.nav + ul.menu.nav > li > ul.dropdown-menu.open {
	background-color: #f3e8ff;
}

.nav-layer ul.menu.nav > li > ul.dropdown-menu.open > li.last {
	border-bottom: 1px solid #727272;
}

.nav-layer ul.menu.nav > li > a:before {
	content: url(../img/nav-drawer-unit-1-img.jpg);
	float: left;

	margin-right: 20px;
	margin-bottom: 20px;
}

.nav-layer ul.menu.nav + ul.menu.nav > li > a:before {
	content: url(../img/nav-drawer-unit-2-img.jpg);
}

.nav-layer ul.menu.nav + ul.menu.nav + ul.menu.nav > li > a:before {
	content: url(../img/nav-drawer-unit-3-img.jpg);
}

.nav-layer ul.menu.nav + ul.menu.nav + ul.menu.nav + ul.menu.nav > li > a:before {
	content: url(../img/nav-drawer-unit-4-img.jpg);
}

/* END DRAWER */


/* TOP NAV BAR */
#nd-banner {
	background: #ffffff;
	height: 25px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}
#nd-banner a {
	display: block;
	height: 100%;
	line-height: normal;
}
#nd-banner img {
	display: inline;
	vertical-align: baseline;
}
#nd-banner .nd-left, #nd-banner .nd-right {
	height: 26px;
}
#nd-banner .nd-right {
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
}

#navbar-wrapper {
	margin-top: 50px;
}

.navbar {
	margin-bottom: 0;
}

.navbar .navbar-inner, .region-drawer {
	margin: 0;
	font-family: "myriad-pro-condensed", sans-serif;
	line-height: 20px;
}


.nav-layer .navbar-inner button.btn {
	font-family: "myriad-pro-condensed", sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
}

.region-drawer .drawer-nav-prefix {
	color: #373737;
	font-weight: bold;
}

.region-drawer a[href*=unit-i-] .drawer-nav-prefix {
	color: #b32a2a;
}
.region-drawer a[href*=unit-ii-] .drawer-nav-prefix {
	color: #158cc2;
}
.region-drawer a[href*=unit-iii-] .drawer-nav-prefix {
	color: #ffa029;
}
.region-drawer a[href*=unit-iv-] .drawer-nav-prefix {
	color: #6418a5;
}

#navbar-container .navbar .navbar-inner {
	padding: 0;
}

.mainnav-button {
	border-right: 1px solid #6c6c6c;
	display: block;
	float: left;
	height: 65px;
	list-style: none none outside;
	overflow: hidden;
	position: relative;
	text-align: center;
	/*text-indent: 100%;*/
	/*white-space: nowrap;*/
}

#navbar-container .mainnav-button a,
#navbar-container .mainnav-button button {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	display: inline-block;
	padding: 0;
	width: 100%;
	height: 100%;

	color: #a3a3a3;
	font-family: "myriad-pro-condensed", sans-serif;
	font-size: 18px;

	background-image: none;
	border: 0;

	overflow: visible; /* IE8 fix for absolute positioned elements inside of buttons */

	/* these transitions enable a darkening of the background color */
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.mainnav-button .icon {
	border-top: 0px solid transparent;
	/* these transitions enable an 'out' animation */
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

#navbar-container .mainnav-button a:hover .icon,
#navbar-container .mainnav-button button:hover .icon {
	background-color: #040404;
	border-top: 3px solid #ffffff;
	/* these transitions enable an 'in' animation */
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}


.preferences .font-style .serif {
	font-family: 'Georgia',serif;
}

.preferences .text-size-option {
	padding-top: 1em;
	padding-bottom: 1em;
}

.preferences .font-style-option {
	padding: 0.9em 2em;
}

.preferences .paragraph-style-option  {
	/*width: 40%;*/
	padding-right: 3em;
	padding-left: 3em;
}

.preferences .paragraph-style-option.web {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

.preferences .paragraph-style-option .icon-bar {
	display: block;
	background-color: #0a0a0a;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	width: 30px; height: 2px;
}
.preferences .paragraph-style-option .icon-bar.short {
	margin-left: 6px;
	width: 24px;
}
.preferences .paragraph-style-option .icon-bar.blank {
	background-color: transparent;
	-webkit-box-shadow: 0 0 0 transparent;
	-moz-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
}

.preferences .text-size .size-2 {
	font-size: 22px;
}
.preferences .text-size .size-3 {
	font-size: 28px;
}
.preferences .text-size .size-4 {
	font-size: 32px;
}
.preferences .text-size .text-size-option {
	height: 54px;
	padding: 0em 1em;
}

.preferences .page-animation .page-animation-option {
	height: 50px;
	padding: 0em 1.5em;
}


.breadcrumb {
	background: #444;
	border-radius: 0;
	color: #ffffff;
	font-family:'myriad-pro',sans-serif;
	padding: 0 1.5%;
	margin: 0;
}
.breadcrumb a {
	color: #ffffff;
	font-family:'myriad-pro',sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	vertical-align: bottom;
}
.breadcrumb li span.divider {
	color: #ffffff;
	vertical-align: bottom;
}
.breadcrumb > li {
	text-shadow: none;
}

body.unit1 .breadcrumb {
	background: #b32a2a;
}
body.unit2 .breadcrumb {
	background: #158cc2;
}
body.unit3 .breadcrumb {
	background: #ffa029;
}
body.unit4 .breadcrumb {
	background: #6418a5;
}

/*
UNIT 1 - red - #b32a2a
UNIT 2 - blue - #158cc2
UNIT 3 - orange - #ffa029//old:#f6871c
UNIT 4 - purple - #6418a5
*/

table {
	margin-left: auto;
	margin-right: auto;
}
table tbody {
	background: #ffffff;
	box-shadow: 0 0 5px #666666;
}
.unit1 table tbody {
	border: 2px solid #b32a2a;
}
.unit2 table tbody {
	border: 2px solid #158cc2;
}
.unit3 table tbody {
	border: 2px solid #ffa029;
}
.unit4 table tbody {
	border: 2px solid #6418a5;
}

.unit1 table tbody tr:hover {
	background: #fff4f4;
}
.unit2 table tbody tr:hover {
	background: #f2faff;
}
.unit3 table tbody tr:hover {
	background: #fff9f2;
}
.unit4 table tbody tr:hover {
	background: #fbf7ff;
}

table tr td {
	padding: 0.5em;
}
.unit1 table tr td {
	border: 1px solid #d90707;
}
.unit2 table tr td {
	border: 1px solid #22aaff;
}
.unit3 table tr td {
	border: 1px solid #ffb70c;
}
.unit4 table tr td {
	border: 1px solid #8220d8;
}

.ds-1col {
	margin: 0 3.4%;
	min-height: 450px;
}
.ds-1col a {
	font-weight: bold;
	text-decoration: underline;
}
.ds-1col .menu li {
	line-height: 1.3em;
	margin: 0 3em;
}
.ds-1col .menu li a {
	color: #008DD2 !important;
	font-family:'myriad-pro', sans-serif;
	font-size: 1.3em;
	font-weight: normal !important;
	padding: 0.5em;
	text-decoration: none !important;
}
.ds-1col .nav > li > a:hover, .ds-1col .nav > li > a:focus {
	background-color: #FCFBF7;
	color: #005580 !important;
}

body.unit1 #navbar-container .mainnav-button a:hover .icon,
body.unit1 #navbar-container .mainnav-button button:hover .icon {
	border-top: 3px solid #b32a2a;
}

body.unit2 #navbar-container .mainnav-button a:hover .icon,
body.unit2 #navbar-container .mainnav-button button:hover .icon {
	border-top: 3px solid #1f9ceb;
}

body.unit3 #navbar-container .mainnav-button a:hover .icon,
body.unit3 #navbar-container .mainnav-button button:hover .icon {
	border-top: 3px solid #ffa029;
}

body.unit4 #navbar-container .mainnav-button a:hover .icon,
body.unit4 #navbar-container .mainnav-button button:hover .icon {
	border-top: 3px solid #6418a5;
}

body.unit3 h1.page-header {
	color: #ffa029;
}

#navbar-container .mainnav-button .icon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;

	display: inline-block;
	width: 100%;
	height: 65%;

	background-position: center center;
	background-repeat: no-repeat;
}

#navbar-container .mainnav-button .link {
	position: absolute;
	bottom: 0;

	width: 100%;
	height: 35%;

	text-transform: uppercase;

	background-color: #2f2f2f;
	border-top: 1px solid #484848;
}

.mainnav-drawer {
	width: 8.404%;/* 79px / 940px */
}
.mainnav-drawer .icon {
	background-image: url("../img/mainnav-drawer.png");
}
.mainnav-button > * {
	background: none;
	background-color: transparent;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

.mainnav-gr8 {
	width: 24.489%;/* 155px / 940px */
}
.mainnav-gr8 .icon {
	background-image: url("../img/mainnav-gr8.png");
}

.mainnav-home {
	width: 16.489%;/* 155px / 940px */
}
.mainnav-home .icon {
	background-image: url("../img/mainnav-home.png");
}


.mainnav-cover {
	width: 24.990%;/* 334px / 940px */
}
.mainnav-cover .icon {
	background-image: url("../img/mainnav-cover.png");
}

.mainnav-search {
	width: 5.851%;/* 55px / 940px */
}
.mainnav-search .icon {
	background-image: url("../img/mainnav-search.png");
}

.mainnav-print {
	width: 6.595%;/* 62px / 940px */
}
.mainnav-print .icon {
	background-image: url("../img/mainnav-print.png");
}

.mainnav-bookmark {
	width: 7.765%;/* 73px / 940px */
}
#navbar-container .navbar-tools .bookmark .nav-group a:hover {
	color: #16acf7;
}
.mainnav-bookmark .icon {
	background-image: url("../img/mainnav-home.png");
}

.unit1 .mainnav-bookmark .bookmarked {
	background-image: url("../img/mainnav-bookmark-unit1-active.png");
}
.unit2 .mainnav-bookmark .bookmarked {
	background-image: url("../img/mainnav-bookmark-unit2-active.png");
}
.unit3 .mainnav-bookmark .bookmarked {
	background-image: url("../img/mainnav-bookmark-unit3-active.png");
}
.unit4 .mainnav-bookmark .bookmarked {
	background-image: url("../img/mainnav-bookmark-unit4-active.png");
}

.view-flag-bookmarks .views-table .even {
	background: #fcfbf9;
}
.view-flag-bookmarks .views-table .odd {
	background: #efeeea;
}

.view-flag-bookmarks .tableheader-processed.sticky-table > thead tr th {
	font-family: "myriad-pro-condensed",sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	padding-bottom: 0.5em;
}

.view-flag-bookmarks tbody td a[href*=unit-i-] {
	color: #d90707;
}
.view-flag-bookmarks tbody td a[href*=unit-ii-] {
	color: #23aaff;
}
.view-flag-bookmarks tbody td a[href*=unit-iii-] {
	color: #ffa029;
}
.view-flag-bookmarks tbody td a[href*=unit-iv-] {
	color: #8220d8;
}

.mainnav-login {
	/*width: 5.425%;*/
	width: 6.287%;/* ~ ( 51px / 940px ) + ( 8px / 940px ) */
	/* 8px for the  8 borders 1px each. Final number is approximate due to adjustments for visual accuracy. */
}
.mainnav-login .icon {
	background-image: url("../img/mainnav-login.png");
}

.mainnav-preferences {
	width: 7.978%;/* 75px / 940px */
}
.mainnav-preferences .icon {
	background-image: url("../img/mainnav-preferences.png");
}

.mainnav-help {
	border-right: 0px solid transparent;
	width: 5.190%;/* ( 48px / 940px ) *//* used to be 5.107 but was bumping down. */
}
.mainnav-help .icon {
	background-image: url("../img/mainnav-help.png");
}
/* END TOP NAV BAR */

/* SEARCH PAGE STYLES */

.page-search #search-form, .page-search h2, .page-search .search-results {
	margin: 0 3.4%;
}
.page-search .row-fluid h2 {
	border-bottom: 1px solid #292929;
	font-family: 'myriad-pro-condensed','myriad-pro',sans-serif;
	font-size: 3.5em;
	margin-bottom: 0.5em;
}
.page-search .row-fluid .page-header-topic {
	border: none;
}
.page-search .form-search #edit-basic .input-append .search-query {
	width: 80%;
}
#search-form #edit-basic {
	margin-bottom: 2em;
}
.page-search .search-results li {
	border-bottom: 1px dashed #cccccc;
	margin-bottom: 2em;
}
.search-results .title {
	margin-bottom: 0.4em;
}
.search-results .search-snippet {
	margin-bottom: 2em !important;
}
.search-results .search-info {
	display: none;
}

/* END SEARCH PAGE STYLES */


/* MAIN CONTENT */
#content-container .ds-1col ul, #content-container .ds-1col ol {
	margin-bottom: 3em;
}
#content-container .ds-1col li {
	line-height: 1.65;/*1.3em;*/
	margin-bottom: 1em;
}

body.unit1 blockquote, body.unit2 blockquote,
body.unit3 blockquote, body.unit4 blockquote {
	border-left: 5px solid #FCD099;
	color: #707070;
	font-style: italic;
	margin: 2em 4em;
	padding: 0 1em;
}
body.unit1 blockquote {
	border-left: 5px solid #F27D7D;
}
body.unit2 blockquote {
	border-left: 5px solid #96d6ff;
}
body.unit4 blockquote {
	border-left: 5px solid #ddb7ff;
}
body.unit1 blockquote p, body.unit2 blockquote p,
body.unit3 blockquote p, body.unit4 blockquote p {
	font-family: serif;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.5em;
	margin-bottom: 0;
}
body[data-paragraph-style="book"] blockquote p + p {
	margin-top: 0.5em;
}

.container body.front .panel-col-bottom {
	background: transparent url('../img/container-background.png') repeat center center;
}

#content-container {
	min-height: 101%;
}
.not-front .container .row-fluid section {
	background: transparent url('../img/container-background.png') repeat center center;
}

/* override field collection modile styles */
.field-collection-view {
	border-bottom: 0px solid transparent;
}

/* image alignment on book content type */
.node-book .book-figure-left {
	clear: left;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
.node-book .book-figure-mid {
	float: left;
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
}
.node-book .book-figure-mid.animation-fullWidth {
	margin-left: 0;
}
.node-book .book-figure-right {
	clear: right;
	float: right;
	margin-bottom: 1em;
	margin-left: 1em;
}

.node-book .book-figure {
	position: relative;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

.node-book .book-figure .book-image {
	cursor: pointer;
}

.node-book .book-figure, .node-book .book-figure:active, .node-book .book-figure:focus,
.node-book .book-figure-width-33, .node-book .book-figure-width-33:active, .node-book .book-figure-width-33:focus,
.node-book .book-figure-right, .node-book .book-figure-right:active, .node-book .book-figure-right:focus,
.node-book .quickzoom, .node-book .quickzoom:active, .node-book .quickzoom:focus {
	-webkit-tap-highlight-color: rgba(255,255,255,0); /* eliminates very annoying highlight on image expansion with android devices */
}

.node-book .book-figure .flex-video {
	height: 0;
	overflow: hidden;
	position: relative;
}

.node-book .book-figure .flex-video.widescreen { padding-bottom: 57.25%; }
.node-book .book-figure .flex-video.vimeo { padding-top: 0; }

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

.node-book .book-figure.animation-fullWidth {
	-webkit-box-shadow: 0 3px 4px -1px #999999;
	box-shadow: 0 3px 4px -1px #999999;
	margin-bottom: 1em;
}
.node-book .book-figure.megazoom.animation-fullWidth {
	cursor: default;
}
.node-book .book-figure .book-caption, .node-book .book-figure + .book-caption {
	background: #fcfcfc;
	color: #5b5b5b;
	font-family:'myriad-pro',sans-serif;
	font-size: 16px;
	margin-top: 0.5em;
	/*margin-bottom: 0.5em;*/
	padding: 0.5em;
	cursor: text;
}
/* Quick Zoom Styles */
.node-book .book-figure.animation-fullWidth {
	background-color: #fff;
	border-radius: 1em;
	padding: 1em;
	width: 100%;
	-webkit-tap-highlight-color: rgba(255,255,255,0); /* eliminates very annoying highlight on image expansion with android devices */
}
.unit3 .node-book .book-figure.animation-fullWidth {
	border: 1px solid #ffa029;
}
.book-figure.animation-fullWidth .book-caption {
	margin-top: 1em;
}
.book-figure .book-caption span.figure-reader-id, .book-figure + .book-caption span.figure-reader-id {
	font-weight: bold;
	font-style: italic;
}
.book-figure .book-caption span.figure-archive-id, .book-figure + .book-caption span.figure-archive-id {
	color: #5b5b5b;
	font-weight: bold;
	font-style: italic;
}

.book-figure .book-caption a {
	word-break: break-all;
}

.unit1 .node-book .book-figure .book-image {
	background-color: #db7777; /* lighter hue of orange under short images within slider box */
	border: 2px solid #b91d1d;
	position: relative;
}
.unit2 .node-book .book-figure .book-image {
	background-color: #92d5ff; /* lighter hue of orange under short images within slider box */
	border: 2px solid #1f9ceb;
	position: relative;
}
.unit3 .node-book .book-figure .book-image {
	background-color: #FCD3A1; /* lighter hue of orange under short images within slider box */
	border: 2px solid #ffa029;
	position: relative;
}
.unit4 .node-book .book-figure .book-image {
	background-color: #d2acff; /* lighter hue of orange under short images within slider box */
	border: 2px solid #aa6bf6;
	position: relative;
}

.node-book .book-figure .book-image img {
	min-width: 100%;
}
body .node-book .book-figure.animation-fullWidth {
	border: 0px solid transparent;
}
.book-figure .book-slide-controls {
	float: right;
}

.book-figure.slideshow .book-caption {
	height: auto;
}

/*.slideshow-container-33-left {
	clear: left;
	float: left;
	width: 30%;
}
.slideshow-container-33-right {
	clear: right;
	float: right;
	width: 30%;
}*/

/* Zoom Box Styles */
.node-book .book-figure.animation-zoomBox {
	/*left: 0;*/
	margin: 0 auto;
	/*position: fixed;*/
	top: 0;
	width: auto; height: 100%; min-height: 100%;
}
.node-book .book-figure.animation-zoomBox img {
	width: 100%;
}

.node-book .book-figure .book-image {
	height: 100%;
	overflow: hidden;
}

.node-book .book-figure.megazoom .book-image img {
	opacity: 1;
	width: 100%;
	-webkit-transition: opacity 500ms ease;
	-webkit-transition-delay: 250ms;
	-moz-transition: opacity 500ms ease;
	-moz-transition-delay: 250ms;
	-ms-transition: opacity 500ms ease;
	-ms-transition-delay: 250ms;
	-o-transition: opacity 500ms ease;
	-o-transition-delay: 250ms;
	transition: opacity 500ms ease;
	transition-delay: 250ms;
}

.node-book .book-figure-width-25 {
	width: 25%;
}
.node-book .book-figure-width-33 {
	width: 33%;
}
.node-book .book-figure-width-50 {
	width: 46%;
}
.node-book .book-figure-width-66 {
	width: 66%;
}
.node-book .book-figure-width-75 {
	width: 75%;
}
.node-book .book-figure-width-100 {
	width: 100%;
}

hr {
	border-top-color: #292929;
	border-bottom: 0;
}

.not-front .node h2 {
	border-bottom: 1px solid #292929;
	color: #292929;
	clear: both;
	font-family: 'myriad-pro-condensed','myriad-pro',sans-serif;
	font-weight: 700;
	margin-top: 1em;
}
.not-front .node h3 {
	font-family: 'myriad-pro-condensed','myriad-pro',sans-serif;
	font-size: 2.1em;
	margin-bottom: 0.5em;
}
.not-front .node h4 {
	font-family: 'myriad-pro-condensed','myriad-pro',sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 0.5em;
}
.not-front .node h3 + h4 {
	margin-bottom: 0.5em;
	margin-top: -0.6em;
}
.not-front .node h5 {
	font-family: 'myriad-pro-condensed','myriad-pro',sans-serif;
	font-size: 1.5em;
	margin-bottom: 0.5em;
}
.not-front .node h4 + h5 {
	margin-top: -0.6em;
}
.not-front .node h6 {
	font-family: 'myriad-pro-condensed','myriad-pro',sans-serif;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}
.not-front .node h5 + h6 {
	margin-top: -0.6em;
}

.book-megazoom {
	overflow: hidden;
	width: 100%;
}

.book-figure.animation-fullWidth .book-megazoom {
	height: 700px;
}

.book-megazoom .lhp_giv_holder {
	/*margin-top: -30px;*/
}
.book-megazoom .lhp_giv_nav_pos_B {
	left: 47%;
}
.book-megazoom .lhp_giv_holder .ui-widget {
	margin-bottom: 0 !important;
}

.book-megazoom .lhp_giv_nav ul li {
	width: 50px; height: 50px;
}
.book-megazoom .lhp_giv_nav ul li span {
	margin: 4px 8px;
}

.test span {
	background: url("images/facebook-icon.png") no-repeat scroll 0 0 transparent;
	height: 32px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -999em;
	top: 0;
	width: 32px;
	z-index: 2;
}

.book-megazoom .lhp_giv_holder .lhp_giv_nav .ui-state-default .ui-icon {
	background-image: none;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveDown span.ui-icon-carat-1-n {
	background: url("../img/megazoom-up.png") no-repeat;
	background-position: 0 0;
	height: 50px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveDown:hover span.ui-icon-carat-1-n {
	background-position: 0 -50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveDown:hover.lhp_giv_nav_btt_disab span.ui-icon-carat-1-n {
	background-position: 0 0;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveUp span.ui-icon-carat-1-s {
	background: url("../img/megazoom-down.png") no-repeat;
	background-position: 0 0;
	height: 50px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveUp:hover span.ui-icon-carat-1-s {
	background-position: 0 -50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveUp:hover.lhp_giv_nav_btt_disab span.ui-icon-carat-1-s {
	background-position: 0 0;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveRight span.ui-icon-carat-1-w {
	background: url("../img/megazoom-left.png") no-repeat;
	background-position: 0 0;
	height: 50px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveRight:hover span.ui-icon-carat-1-w {
	background-position: 0 -50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveRight:hover.lhp_giv_nav_btt_disab span.ui-icon-carat-1-w {
	background-position: 0 0;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveLeft span.ui-icon-carat-1-e {
	background: url("../img/megazoom-right.png") no-repeat;
	background-position: 0 0;
	height: 50px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveLeft:hover span.ui-icon-carat-1-e {
	background-position: 0 -50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveLeft:hover.lhp_giv_nav_btt_disab span.ui-icon-carat-1-e {
	background-position: 0 0;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.zoom span.ui-icon-zoomin {
	background: url("../img/megazoom-zoomin.png") no-repeat;
	background-position: 0 0;
	height: 50px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.zoom:hover span.ui-icon-zoomin {
	background-position: 0 -50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.zoom:hover.lhp_giv_nav_btt_disab span.ui-icon-zoomin {
	background-position: 0 0;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.unzoom span.ui-icon-zoomout {
	background: url("../img/megazoom-zoomout.png") no-repeat;
	background-position: 0 0;
	height: 50px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.unzoom:hover span.ui-icon-zoomout {
	background-position: 0 -50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.unzoom:hover.lhp_giv_nav_btt_disab span.ui-icon-zoomout {
	background-position: 0 0;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.fitToViewport span.ui-icon-stop {
	background: url("../img/megazoom-expand.png") no-repeat;
	background-position: 0 0;
	height: 50px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.fitToViewport:hover span.ui-icon-stop {
	background-position: 0 -50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.fitToViewport:hover.lhp_giv_nav_btt_disab span.ui-icon-stop {
	background-position: 0 0;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.fullSize span.ui-icon-arrow-4-diag {
	background: url("../img/megazoom-fullsize.png") no-repeat;
	background-position: 0 0;
	height: 50px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.fullSize:hover span.ui-icon-arrow-4-diag {
	background-position: 0 -50px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.fullSize:hover.lhp_giv_nav_btt_disab span.ui-icon-arrow-4-diag {
	background-position: 0 0;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav ul li.lhp_giv_nav_btt_disab {
	background: #a4dcea;
}

#viewport.relative {
	position: relative;
}

/* Paragraph Indentation and Drop Caps */
.drop-cap:first-letter {
/* tweaked drop caps for a tighter placement */
	font-size: 4.3em;
	line-height: 0.7;
	margin-right: 0em;
	/*margin-bottom: -0.1em;*/
}
body[data-paragraph-style="book"] .drop-cap:first-letter {
	margin-left: 0.3em;
	float: none;
}

.field-collection-container .field-items .field-item {
	margin-bottom: 0;
}
p + p:last-child {
/* remove margin that flowed over the bottom of the container */
	margin-bottom: 0;
}
.book-figure + p {
	margin-top: -1.5em;
}
.book-figure.animation-fullWidth + p {
	/* Firefox leaves first letter of paragraph above figure if this isn't there. */
	margin-top: 0;
}
.close-megazoom {
	margin-top: 1em;
}
.book-figure .book-caption {
	position: relative;

	max-height: 155px;

	overflow: hidden;

	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

.lt-ie9 .book-figure .book-caption {
	max-height: 140px;
}

.book-figure.animation-fullWidth .book-caption {
	background: #ffffff;
	height: auto;
	max-height: none;
}

.book-figure .book-caption .hide-caption {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 155px;
	background: transparent url("../img/hide-caption.png") repeat-x bottom;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

.book-figure.animation-fullWidth .book-caption .hide-caption {
	display: none;
}

.book-figure .book-caption:hover, .book-figure.animation-fullWidth .book-caption {
	height: auto;
	max-height: none;
}

.book-figure .book-caption:hover .hide-caption {
	display: none;

	opacity: 0;
	filter: alpha(opacity=0);
}

p {
	font-family: 'myriad-pro', sans-serif;
}
.field-name-field-book-main-text p:first-child, .book-figure + p {
/* make all first paragraphs indented, then override the first one at the top of the page */
	text-indent: 1.5em;
}
.field-name-field-book-content-collection .field-collection-view:first-child .field-name-field-book-main-text p:first-child {
	text-indent: 0;
}
.field-collection-view {
/* removed extra padding and margins from main content container */
	padding: 0;
}

.field-item {
	font-weight: 100;
}

#block-views-slideshow-block {
	width: 100%;
}
#block-views-slideshow-block .views-row {
	/* fix issue where because this is absolutely positioned, the parent container has a height of 0. */
	/* this fix causes a slide transition exit problem that might be fixable with cssBefore or cssAfter cycle option. */
	/*position: relative!important;*/
}
#block-views-slideshow-block .field-content img {
	width: 100%;
}

.view-slideshow .view-content img {
	width: 100%;
}

.slider-caption-container:before,
.slider-caption-container:after {
	display: table;
	line-height: 0;
	content: "";
}

.slider-caption-container:after {
	clear: both;
}

.slider-caption-container .book-caption {
	float: left !important;
}

/* Homepage Introduction */

body.front .panel-pane {
	background: transparent url('../img/container-background.png') repeat center center;
}

body.front .panel-pane:first-child {
	background: none;
}

body.front #book-title {
	display: block;
	margin: 2em auto;
}

body.front #book-intro {
	background: transparent url('../img/container-background.png') repeat center center;
	background: rgba(255, 255, 255, 0.4);
	border: 1px solid #666666;
	color: #0b0b0b;
	font-size: 1.5em;
	padding: 0.5em 1em;
}

/* End Homepage Introduction */


/* Homepage Unit Links */

.unit-link {
	display: block;
	outline: none;
	width: 100%; height: 100%;
}
.unit-link:visited, .unit-link:active, .unit-link:hover, .unit-link:focus {
	outline: 0px solid transparent;
	text-decoration: none;
}

.unit-texture-bg {
	background: #ddd9c7 url(../img/unit-bg.png) repeat;
}

.unit-title {
	color: #ffffff;
	font-family: 'myriad-pro-condensed', sans-serif;
	font-size: 48px;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1;
	/*margin: 10px 0;*/
	/*margin: 1rem 0;*/
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

.unit-1-color {
	background: #b91d1d url(../img/unit-1-color.png) repeat;
}
.unit-2-color {
	background: #1590c7 url(../img/unit-2-color.png) repeat;
}
.unit-3-color {
	background: #ffa22d url(../img/unit-3-color.png) repeat;
}
.unit-4-color {
	background: #9d56f4 url(../img/unit-4-color.png) repeat;
}

.unit-img-wrapper {
	border: solid #b7b1a0 1px;
	margin: 5px 5px 10px 5px;
	padding: 5px;
	position: relative;
}

.unit-img {
	background: #15110e;
	width: 100%;
}

.unit-subtitle {
	border-top: solid #b7b1a0 1px;
	border-bottom: solid #b7b1a0 1px;
	display: block;
	font-family: "Georgia", "Times", serif;
	font-size: 25px;
	font-size: 1.4rem;
	font-style: italic;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 10px;
	min-height: 62px;
	padding: 5px 10px;
	text-align: center;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.unit-1-subtitle {
	color: #b91d1d;
}
.unit-2-subtitle {
	color: #1590c7;
}
.unit-3-subtitle {
	color: #ffa22d;
}
.unit-4-subtitle {
	color: #9d56f4;
}

.unit-date {
	color: #ffffff;
	font-family: 'myriad-pro', sans-serif;
	font-size: 18px;
	font-size: 1rem;
	font-style: italic;
	font-weight: 100;
	line-height: 1;
	margin: 0;
	padding: 9px;
	padding: 0.5rem;
	text-align: center;
}

.unit-1,
.unit-2,
.unit-3,
.unit-4,
.unit-title,
.unit-number,
.unit-img,
.unit-subtitle,
.unit-date {
	-webkit-transition: all 0.33s ease;
	-moz-transition: all 0.33s ease;
	-ms-transition: all 0.33s ease;
	-o-transition: all 0.33s ease;
	transition: all 0.33s ease;
}

.unit-texture-bg:hover {
	box-shadow: 0px 0px 4px 2px #999;

	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.unit-texture-bg:hover .unit-title {
	text-shadow: 1px 1px 3px #555;
}

.unit-number {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;

	font-family: "Georgia", "Times", serif;
	font-size: 8.5em;
	color: #fff;
	line-height: 210px;
	text-align: center;

	opacity: 0.6;
	filter: alpha(opacity=60);
}

.unit-texture-bg:hover .unit-number {
	font-size: 9.5em;
	text-shadow: 0px 0px 7px #000;

	opacity: 0.8;
	filter: alpha(opacity=80);

	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.unit-1:hover .unit-subtitle {
	color: #d90707;
}

.unit-2:hover .unit-subtitle {
	color: #03a0e8;
}

.unit-3:hover .unit-subtitle {
	color: #ffb80d;
}

.unit-4:hover .unit-subtitle {
	color: #aa6bf6;
}

unit-texture-bg:hover .unit-subtitle {
	text-shadow: 1px 1px 1px #888;
}

.unit-texture-bg:hover .unit-date {
	text-shadow: 1px 1px 1px #555;
}

.unit-1:hover .unit-1-color {
	background: #d90707 url(../img/unit-1-color-hover.png) repeat;
}

.unit-2:hover .unit-2-color {
	background: #03a0e8 url(../img/unit-2-color-hover.png) repeat;
}

.unit-3:hover .unit-3-color {
	background: #ffb80d url(../img/unit-3-color-hover.png) repeat;
}

.unit-4:hover .unit-4-color {
	background: #aa6bf6 url(../img/unit-4-color-hover.png) repeat;
}

/* End Homepage Unit Links */

/* Homepage Content Area */

.about-nd-studies {
	padding: 36px;
	padding: 2rem;
}
.about-nd-studies h2 {
	font-family: "Georgia", "Times", serif;
	font-size: 30px;
	font-size: 1.6rem;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
}
.about-nd-studies .how-to-use {
	background: transparent url('../img/info-area-how-to-use.png') no-repeat;
}
.about-nd-studies .using-primary-sources {
	background: transparent url('../img/info-area-using-primary-sources.png') no-repeat;
}
.about-nd-studies .standards {
	background: transparent url('../img/info-area-standards.png') no-repeat;
}
.about-nd-studies .info-area {
	background-size: 100% 100%;
	border: 1px solid #a99277;
	margin: 18px 0;
	margin: 1rem 0;
}

.info-area-list {
	list-style: none inside none;
}

.info-area {
	display: block;
	width: 100%; height: 100%;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.info-area:hover {
	box-shadow: 0px 0px 5px -1px #111111;
}
.info-area a {
	display: block;
	padding: 0.25em 0;
	width: 100%; height: 100%;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.info-area a:hover {
	text-decoration: none;
}
.info-area:hover a {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.3);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CFFFFFF,endColorstr=#4CFFFFFF)";
	/* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CFFFFFF,endColorstr=#4CFFFFFF);
	/* IE6 & 7 */
	zoom: 1;
}
.info-area h3 {
	color: #6c502f;
	font-family: 'myriad-pro', sans-serif;
	font-size: 32px;
	font-size: 1.75rem;
	font-weight: 400;
	margin-top: 14px;
	margin-top: 0.75rem;
	margin-bottom: 0;
	text-align: center;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
.info-area-caption {
	background-color: rgba(197, 188, 155, 0.55);
	display: block;
	/*height: 27px;*/
	/*height: 1.5rem;*/
	margin: 0.75rem 0 0.5rem 0;
	padding: 0.3em 0;
	text-align: center;
}
.info-area-caption .info-bullet {
	background: transparent url('../img/info-area-bullet.png') no-repeat left center scroll;
	color: #6c502f;
	font-family: 'myriad-pro', sans-serif;
	font-size: 18px;
	font-size: 1rem;
	font-weight: 300;
	font-style: italic;
	padding-right: 10px;
	padding-right: 0.555rem;
	padding-bottom: 6px;
	padding-left: 16px;
	padding-left: 0.888rem;
}

.focus-areas {
	padding-top: 72px;
	padding-top: 4rem;
}
.focus-area-list {
	list-style: none inside none;
}
.focus-area-list li.focus-area p, .focus-area-list li.focus-area .course-activity-desc {
	font-family: "Georgia", "Times", serif;
	font-size: 1.05em;
	font-style: italic;
	margin-bottom: 0 !important;
}
.focus-area {
	display: block;
	margin-bottom: 18px;
	margin-bottom: 1rem;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-ms-perspective: 800px;
	-o-perspective: 800px;
	perspective: 800px;
	width: 110%;
}
.focus-area a {
	background: #d5eaef url('../img/focus-area-background.png') repeat;
	border: 1px solid #a2cadc;
	display: block;
	padding: 18px;
	padding: 1rem;
	text-decoration: none;
	width: 100%; height: 100%;
	z-index: 1;
	-webkit-transition: -webkit-transform 250ms ease;
	-moz-transition: -moz-transform 250ms ease;
	-o-transition: -o-transform 250ms ease;
	-ms-transition: -ms-transform 250ms ease;
	transition: transform 250ms ease;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
}

.focus-area a img {
	float: right;
}

.focus-area:hover a {
	background: #e2f2f5;
	box-shadow: 2px 0px 5px -1px #111111;
	z-index: 2;
	-webkit-transform: rotateY(-15deg) translateZ(20px);
	-moz-transform: rotateY(-15deg) translateZ(20px);
	-ms-transform: rotateY(-15deg) translateZ(20px);
	-o-transform: rotateY(-15deg) translateZ(20px);
	transform: rotateY(-15deg) translateZ(20px);
	-webkit-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
}

.focus-area h3, .focus-area p {
	color: #273c6b;
	font-family: "Georgia", "Times", serif;
	font-weight: normal;
	line-height: 0.9;
	margin: 0;
}
.focus-area p {
	margin-top: 5px;
}

#content-container {
	margin-bottom: 3em;
	left: 0;
	position: relative;
}

#content-container.transition-next-page {
	left: -100%;
	transition: left 250ms ease;
}
#content-container.transition-prev-page {
	left: 100%;
	transition: left 250ms ease;
}


/* Homepage Content Area */

/* Subpage Content Area */

h1.page-header {
	font-family: 'myriad-pro-condensed',sans-serif;
	/*font-size: 38px;*/
	font-weight: 400;
	margin: 1em 3.4% 0 3.4%;
	text-transform: uppercase;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

body.unit1 .important, body.unit2 .important, body.unit3 .important, body.unit4 .important {
	background: #EFE7DC url("../img/ladybeetle.png") no-repeat 8% center;
	border-bottom: 4px solid #FFA029;
	border-top: 4px solid #FFA029;
	clear: both;
	font-style: italic;
	margin: 1em 0em;
	padding: 1em 2em;
}
body.unit1 .important {
	background: #f7e3e3 url("../img/ladybeetle.png") no-repeat 8% center;
	border-bottom: 4px solid #b91d1d;
	border-top: 4px solid #b91d1d;
}
body.unit2 .important {
	background: #e8f6fc url("../img/ladybeetle.png") no-repeat 8% center;
	border-bottom: 4px solid #158cc2;
	border-top: 4px solid #158cc2;
}
body.unit4 .important {
	background: #faf4ff url("../img/ladybeetle.png") no-repeat 8% center;
	border-bottom: 4px solid #6418a5;
	border-top: 4px solid #6418a5;
}
body[data-paragraph-style="web"] .important {
	padding-bottom: 0;
}
.important p {
	padding-left: 20%;
}
.important strong {
	font-family: 'myriad-pro-condensed', sans-serif;
	font-size: 1.5em;
	font-style: normal;
	margin-right: 0.4em;
	position: relative;
	top: 0.3em;
	vertical-align: text-bottom;
}
.important .footnote {
	font-size: 0.8em;
	margin-left: 20%;
	margin-top: 0;
	padding-bottom: 0.5em;
	padding-left: 0;
	padding-top: 0.5em;
	text-align: left;
}

body.unit1 .quickzoom .book-image:after, body.unit2 .quickzoom .book-image:after,
body.unit3 .quickzoom .book-image:after, body.unit4 .quickzoom .book-image:after {
	background: url("../img/quickzoom-img-icon-1.png") no-repeat;
	content: "";
	position: absolute;
	right: 0;
	/*bottom: 0;*/
	width: 60px; height: 60px;
	z-index: 997;
}
body.unit2 .quickzoom .book-image:after {
	background: url("../img/quickzoom-img-icon-2.png") no-repeat;
}
body.unit3 .quickzoom .book-image:after {
	background: url("../img/quickzoom-img-icon-3.png") no-repeat;
}
body.unit4 .quickzoom .book-image:after {
	background: url("../img/quickzoom-img-icon-4.png") no-repeat;
}
body.unit1 .quickzoom.slideshow .book-image:after, body.unit2 .quickzoom.slideshow .book-image:after,
body.unit3 .quickzoom.slideshow .book-image:after, body.unit4 .quickzoom.slideshow .book-image:after {
	background: url("../img/slideshow-img-icon-1.png") no-repeat;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	/*bottom: 0;*/
	width: 60px; height: 60px;
	z-index: 997;
}
body.unit2 .quickzoom.slideshow .book-image:after {
	background: url("../img/slideshow-img-icon-2.png") no-repeat;
}
body.unit3 .quickzoom.slideshow .book-image:after {
	background: url("../img/slideshow-img-icon-3.png") no-repeat;
}
body.unit4 .quickzoom.slideshow .book-image:after {
	background: url("../img/slideshow-img-icon-4.png") no-repeat;
}
body.unit1 .megazoom .book-image:after, body.unit2 .megazoom .book-image:after,
body.unit3 .megazoom .book-image:after, body.unit4 .megazoom .book-image:after {
	background: url("../img/megazoom-img-icon-1.png") no-repeat;
	content: "";
	position: absolute;
	right: 0;
	/*bottom: 0;*/
	width: 60px; height: 60px;
	z-index: 997;
}
body.unit2 .megazoom .book-image:after {
	background: url("../img/megazoom-img-icon-2.png") no-repeat;
}
body.unit3 .megazoom .book-image:after {
	background: url("../img/megazoom-img-icon-3.png") no-repeat;
}
body.unit4 .megazoom .book-image:after {
	background: url("../img/megazoom-img-icon-4.png") no-repeat;
}

.not-tabbing .book-figure:focus {
	outline: 0;
}

.node-book .book-figure.megazoom.animation-fullWidth .book-image img {
	opacity: 0;
}
.node-book .book-figure.animation-fullWidth .book-image:after {
	display: none;
}

.in-content-doc {
	background: url("../img/in-content-doc-bg.jpg") repeat;
	box-shadow: 0 0 3px -1px #666666;
	clear: both;
	color: #777777;
	margin: 3em auto;
	padding: 2em 4em;
	width: 80%;
}
.in-content-doc-left {
	background: url("../img/in-content-doc-bg.jpg") repeat;
	box-shadow: 0 0 3px -1px #666666;
	color: #777777;
	float: left;
	margin: 1em 1em 3em 0;
	padding: 2em 4em;
	width: 70%;
}
.in-content-doc-right {
	background: url("../img/in-content-doc-bg.jpg") repeat;
	box-shadow: 0 0 3px -1px #666666;
	color: #777777;
	float: right;
	margin: 1em 0 3em 1em;
	padding: 2em 4em;
	width: 70%;
}
.in-content-doc p,
.in-content-doc-left p,
.in-content-doc-right p {
	font-family: "Times New Roman", Times, serif;
}

.in-content-doc .book-figure .book-caption .hide-caption,
.in-content-doc-left .book-figure .book-caption .hide-caption,
.in-content-doc-right .book-figure .book-caption .hide-caption {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 155px;
	background: url("../img/hide-caption-content-doc.png") repeat-x bottom transparent;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

.in-content-doc .book-figure.animation-fullWidth .book-caption .hide-caption,
.in-content-doc-left .book-figure.animation-fullWidth .book-caption .hide-caption,
.in-content-doc-right .book-figure.animation-fullWidth .book-caption .hide-caption {
	display: none;
}
.in-content-doc .doc-caption,
.in-content-doc-left .doc-caption,
.in-content-doc-right .doc-caption {
	border-top: 1px solid #5b5b5b;
	color: #939393;
	font-size: 0.8em;
}
.in-content-doc .doc-caption span.figure-reader-id,
.in-content-doc + .doc-caption span.figure-reader-id,
.in-content-doc-left .doc-caption span.figure-reader-id,
.in-content-doc-left + .doc-caption span.figure-reader-id,
.in-content-doc-right .doc-caption span.figure-reader-id,
.in-content-doc-right + .doc-caption span.figure-reader-id {
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
}
.in-content-doc .doc-caption span.figure-archive-id,
.in-content-doc + .doc-caption span.figure-archive-id,
.in-content-doc-left .doc-caption span.figure-archive-id,
.in-content-doc-left + .doc-caption span.figure-archive-id,
.in-content-doc-right .doc-caption span.figure-archive-id,
.in-content-doc-right + .doc-caption span.figure-archive-id {
	color: #939393;
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
}
.in-content-doc .footnote .figure-archive-id, .in-content-doc-left .footnote .figure-archive-id,
.in-content-doc-right .footnote .figure-archive-id {
	font-weight: bold;
}

.unit-intro-slider {
	height: 350px;
	margin-bottom: 4em;
	margin-top: 1em;
	overflow: hidden;
	position: relative;
	width: 100%;
}
body.unit1 .unit-intro-slider {
	border: 4px solid #d71f25;
}
body.unit2 .unit-intro-slider {
	border: 4px solid #22aaff;
}
body.unit3 .unit-intro-slider {
	border: 4px solid #ffb70b;
}
body.unit4 .unit-intro-slider {
	border: 4px solid #7d46c1;
}
.unit-intro-slider img {
	width: 100%;
}
body.unit1 .slider-unit-logo, body.unit2 .slider-unit-logo, body.unit3 .slider-unit-logo, body.unit4 .slider-unit-logo {
	background: url('../img/unit-1-logo-color-white-2x.png') center top no-repeat;
	background-size: 63%;
	height: 350px;
	position: absolute;
	width: 100%;
	z-index: 5;
}
body.unit2 .slider-unit-logo {
	background: url('../img/unit-2-logo-color-white-2x.png') center top no-repeat;
}
body.unit3 .slider-unit-logo {
	background: url('../img/unit-3-logo-color-white-2x.png') center top no-repeat;
}
body.unit4 .slider-unit-logo {
	background: url('../img/unit-4-logo-color-white-2x.png') center top no-repeat;
}

body.unit1 .slider-unit-logo {
	background: url('../img/unit-1-logo-color-white.png') center top no-repeat\9; /* IE8 and below */
}
body.unit2 .slider-unit-logo {
	background: url('../img/unit-2-logo-color-white.png') center top no-repeat\9; /* IE8 and below */
}
body.unit3 .slider-unit-logo {
	background: url('../img/unit-3-logo-color-white.png') center top no-repeat\9; /* IE8 and below */
}
body.unit4 .slider-unit-logo {
	background: url('../img/unit-4-logo-color-white.png') center top no-repeat\9; /* IE8 and below */
}

.slideshow-carousel img {
	display: block;
	width: 50px; height: auto;
}

.cycle-slideshow .cycle-slide.cycle-sentinel {
	display: inline !important;
}

.cycle-slideshow > img {
	top: auto !important;
	bottom: 0 !important;
}

body.unit3 .show-2 .cycle-slide, body.unit3 #show-2 .cycle-slide {
	border: 3px solid #ffffff;
}
body.unit3 .show-2 .cycle-slide-active, body.unit3 #show-2 .cycle-slide-active {
	border: 3px solid #ffa22d;
}

.book-slide-controls .cycle-show-prev, .book-slide-controls .cycle-show-next {
	float: left;
	margin-top: 0.5em;
}
.book-slide-controls .cycle-show-prev {
	margin-right: 1em;
}
.book-slide-controls .cycle-show-prev img, .book-slide-controls .cycle-show-next img {
	padding: 0.5em 1em;
}
.book-slide-controls .cycle-show-prev img:hover, .book-slide-controls .cycle-show-next img:hover {
	box-shadow: 0 0 2px 0 #333333;
}
.book-slide-controls .cycle-show-prev img:active, .book-slide-controls .cycle-show-next img:active {
	box-shadow: inset 0 0 3px 0 #333333;
}

.slideshow #cycle-show-caption {
	float: left;
	margin-bottom: 1em;
}

body.unit1 .primary-book-navigation {
	background-color: #b91d1d;
}
body.unit2 .primary-book-navigation {
	background-color: #1f9ceb;
}
body.unit3 .primary-book-navigation {
	background-color: #ffa22d;
}
body.unit4 .primary-book-navigation {
	background-color: #6418a5;
}

body.unit1 .primary-book-navigation:hover {
	background-color: #d90707;
}
body.unit2 .primary-book-navigation:hover {
	background-color: #23aaff;
}
body.unit3 .primary-book-navigation:hover {
	background-color: #ffb70c;
}
body.unit4 .primary-book-navigation:hover {
	background-color: #8220d8;
}

.primary-book-navigation {
	z-index: 998;
}
.page-previous.primary-book-navigation {
	background: url('../img/primary-book-prev.png') no-repeat center center;
	/*background-size: 80% auto;*/
	float: left;
	left: 0;
	outline: none;
	position: fixed;
	text-indent: -9999em;
	top: 45%;
	width: 36px; height: 4em;
}
.page-next.primary-book-navigation {
	background: url('../img/primary-book-next.png') no-repeat center center;
	/*background-size: 80% auto;*/
	float: right;
	outline: none;
	position: fixed;
	right: 0;
	text-indent: -9999em;
	top: 45%;
	width: 36px; height: 4em;
}

.footnote {
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	clear: both;
	margin-top: 4em;
	padding-top: 1em;
	position: relative;
	z-index: 2;
}
.footnote p {
	font-size: 0.8em;
	font-style: italic;
	line-height: 1em;
	margin-bottom: 2em;
}
.footnote p + p {
	text-indent: 0;
}

.book-navigation {
	bottom: 7px;
	display: block;
	float: right;
	overflow: hidden;
	position: relative;
	width: 75px; height: 25px;
}
.book-navigation .page-previous,
.book-navigation .page-previous:hover,.book-navigation .page-previous:active {
	background: url('../img/book-prev.png') no-repeat center top;
	background-position: 0 0;
	background-size: 100% auto;
	left: 0%;
	margin-right: 10px;
	position: absolute;
	text-indent: -9999em;
	width: 19px; height: 25px;
}
.book-navigation .page-previous:hover,.book-navigation .page-previous:active {
	background-position: 0 -25px;
}
.book-navigation .page-next,
.book-navigation .page-next:hover, .book-navigation .page-next:active {
	background: url('../img/book-next.png') no-repeat center top;
	background-size: 100% auto;
	position: absolute;
	right: 0%;
	text-indent: -9999em;
	width: 19px; height: 25px;
}
.book-navigation .page-next:hover, .book-navigation .page-next:active {
	background-position: 0 -25px;
}

.activity-container {
	background: url('../img/activity-area-bg.jpg') no-repeat right bottom;
	background-color: #FFFEFC;
	border: 2px solid #FFA029;
	border-radius: 10px;
	box-shadow: 0 0 6px -1px #666666;
	margin: 2em 2em 0;
	padding: 1em;
}
#content-container .ds-1col .activity-container ul,
#content-container .ds-1col .activity-container ol {
	margin-bottom: 1em;
}

.unit1 .activity-container {
	border-color: #b91d1d;
	color: #b91d1d;
}

.unit2 .activity-container {
	border-color: #158cc2;
	color: #158cc2;
}

.unit3 .activity-container {
	border-color: #ffa029;
	color: #ffa029;
}

.unit4 .activity-container {
	border-color: #6418a5;
	color: #6418a5;
}

.activity-container h3 {
	border-bottom: 1px solid #cccccc;
	font-size: 2em;
	margin-bottom: 0.5em;
}

.activity-container a {
	color: #0088CC;
	font-weight: normal;
	text-decoration: none;
}

.activity-container a:hover {
	color: #005580;
}

.activity-container ol {
	color: #666666;
}

.activity-container li {
	border-bottom: 1px dotted #BABABA;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	padding-bottom: 0.5em;
}

.activity-container a[href$=".pdf"]:after,
.activity-container a[href$=".doc"]:after,
.activity-container a[href$=".docx"]:after {
	background: url(../img/pdf-icon.png) no-repeat right;
	content: " ";
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-bottom: -4px;
}

.activity-container a[href$=".doc"]:after,
.activity-container a[href$=".docx"]:after {
	background-image: url(../img/word-icon.png);
}

#content-wrapper {
	position: relative;
}

/*#content-wrapper > .page-next {
	background: url("../img/book-next.png") repeat scroll 0 0 #FFA029;
	height: 100px;
	left: 0;
	position: fixed;
	top: 50%;
	width: 50px;
}
*/


body.unit1 .page-header-lesson, body.unit2 .page-header-lesson,
body.unit3 .page-header-lesson, body.unit4 .page-header-lesson {
	border-top: 1px solid #A3A3A3;
	color: #FFA029;
	font-family: "myriad-pro-condensed", sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
	margin: 1em 3.4% 0;
	padding-top: 0.1em;
	text-shadow: 1px 1px 0 #BF7720;
	text-transform: capitalize;
}
body.unit1 .page-header-lesson {
	color: #b91d1d;
	text-shadow: 1px 1px 0 #932323;
}
body.unit2 .page-header-lesson {
	color: #158cc2;
	text-shadow: 1px 1px 0 #0a435b;
}
body.unit4 .page-header-lesson {
	color: #6418a5;
	text-shadow: 1px 1px 0 #350d59;
}

body.unit1 .page-header-topic, body.unit2 .page-header-topic,
body.unit3 .page-header-topic, body.unit4 .page-header-topic {
	border-bottom: 1px solid #A3A3A3;
	color: #FFA029;
	font-family: "myriad-pro-condensed", sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
	margin: 1em 3.4% 0;
	padding-bottom: 0.25em;
	text-shadow: 1px 1px 0 #BF7720;
	text-transform: capitalize;
}
body.unit1 .page-header-topic {
	color: #b91d1d;
	text-shadow: 1px 1px 0 #932323;
}
body.unit2 .page-header-topic {
	color: #158cc2;
	text-shadow: 1px 1px 0 #0a435b;
}
body.unit4 .page-header-topic {
	color: #6418a5;
	text-shadow: 1px 1px 0 #350d59;
}

.page-header-lesson + .page-header-topic {
	margin-top: 0 !important;
}

body.unit1 h1.page-header, body.unit2 h1.page-header,
body.unit3 h1.page-header, body.unit4 h1.page-header {
	color: #FFA029;
	font-family: 'myriad-pro-condensed',sans-serif;
	font-weight: 400;
	margin: 0.5em 3.4% 0.5em;
	text-shadow: 1px 1px 0 #BF7720;
	text-transform: uppercase;
}
body.unit1 h1.page-header {
	color: #b91d1d;
	text-shadow: 1px 1px 0 #932323;
}
body.unit2 h1.page-header {
	color: #158cc2;
	text-shadow: 1px 1px 0 #0a435b;
}
body.unit4 h1.page-header {
	color: #6418a5;
	text-shadow: 1px 1px 0 #350d59;
}

.activity-container h3 {
	border-bottom: 1px solid #999999;
	color: #444444;
	font-family: "myriad-pro-condensed", sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 0.5em;
}
.activity-container ul {
	list-style: none;
	margin: 0;
}

.node-book .menu {
	margin-top: 2em;
}
.node-book .menu.nav > > li {
	font-family: "myriad-pro-condensed", sans-serif;
	font-size: 1.5em;
}
.node-book .menu.nav > li a {
	font-weight: normal;
	padding: 1em;
	text-decoration: none;
}
.node-book .menu.nav > li a:hover {
	background-color: #F9F9F9;
	color: #2A5580;
}


/* qTip2 styles */
.popup {
	display: inline;
	background: url('../img/icon-popup.png') no-repeat 95% 0.1em;
	background-color: #FFA22D;
	color: #000;
	cursor: pointer;
	font-weight: bold;
	margin: 0 0.5em;
	border: 1px solid #e08d28;
	padding: 0.2em 2.4em 0.2em 0.5em;
}

.unit1 .popup,
.unit4 .popup {
	background-image: url('../img/icon-popup-white.png');
	color: #fff;
}

.unit1 .popup {
	background-color: #b91d1d;
	border-color: #932323;
}

.unit2 .popup {
	background-color: #1f9ceb;
	border-color: #1279a5;
}

.unit4 .popup {
	background-color: #6418a5;
	border-color: #350d59;
}

.popup:hover {
	background-position: 97% 0.1em;
	background-color: #ffb70c;
	border-color: #e08d28;
}

.unit1 .popup:hover {
	background-color: #d90707;
	border-color: #932323;
}

.unit2 .popup:hover {
	background-color: #23aaff;
	border-color: #1279a5;
}

.unit4 .popup:hover {
	background-color: #8220d8;
	border-color: #350d59;
}

.popup:focus {
	background: #ffc747;
}

.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;
	max-width: 280px;
	min-width: 50px;
	font-size: 1.0em;
	line-height: 1.2em;
	direction: ltr;
	box-shadow: none;
	padding: 0;
}

.qtip-content{
	padding: 5px 9px;
	position: relative;
	max-height: 400px;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 1em;
	text-align: left;
	word-wrap: break-word;
}
.qtip-content a {
	color: #2cb7f7;
	font-weight: bold;
	text-decoration: underline;
}
.qtip-content a:hover {
	color: #ade5ff;
}

.qtip-titlebar{
	position: relative;
	padding: 5px 35px 5px 10px;
	overflow: hidden;
	border-width: 0 0 1px;
	font-weight: bold;
}

.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon{
	display: block;
	text-indent: -1000em;
	direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}

.qtip-icon .ui-icon{
	width: 18px;
	height: 14px;

	line-height: 14px;
	text-align: center;
	text-indent: 0;
	font: normal bold 10px/13px Tahoma,sans-serif;

	color: inherit;
	background: transparent none no-repeat -100em -100em;
}

.qtip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.qtip-rounded .qtip-titlebar{
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

/* Tipsy style */
.qtip-tipsy{
	background: #000000;
	background: rgba(0, 0, 0, .87);
	color: white;
	border: 0 solid transparent;
	border-radius: 5px;
	font-size: 12px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 18px;
	text-shadow: 0 1px #000000;
}

.qtip-tipsy .qtip-titlebar{
	background-color: rgba(69, 69, 69, 1);
	border-bottom: 1px solid #000000;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	font-size: 1.5em;
	padding: 9px 35px 6px 10px;
}

.qtip-tipsy .qtip-content{
	padding: 6px 10px;
}

.qtip-tipsy .qtip-icon{
	border-color: #222;
	text-shadow: none;
}

.qtip-tipsy .qtip-titlebar .ui-state-hover{
	border-color: #303030;
}

/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
	filter: none;
	-ms-filter: none;
}

.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;

}

/* Opera bug #357 - Incorrect tip position
https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip{
	visibility: hidden;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas{
	position: absolute;

	color: #123456;
	background: transparent;
	border: 0 dashed transparent;
}

.qtip .qtip-tip canvas{ top: 0; left: 0; }

.qtip .qtip-tip .qtip-vml{
	behavior: url(#default#VML);
	display: inline-block;
	visibility: visible;
}
/* END qTip2 styles */

/* End Subpage Content Area */

/* Footer */

#block-panels-mini-footer {
	background-image: none;
	/*margin-top: 3em;*/
}
.not-front #block-panels-mini-footer {
	margin-top: 3em;
}
#mini-panel-footer {
	background-color: #101010;
	font-family: 'myriad-pro',sans-serif;
	width: 100%; min-height: 45px;
	padding: 1em;
	/*margin-bottom: 3em;*/
}
#mini-panel-footer h4 {
	color: #d4d4d4;
	font-size: 12px;
	font-weight: 700;
	margin: 0;
	text-transform: uppercase;
}
#mini-panel-footer .book-navigation {
	margin-left: 1em;
}

#footer-text a {
	color: #d4d4d4;
}

/* End Footer */

.main-container section.span12 > ul.nav-tabs,
.main-container section.span12 > form,
.not-front .main-container section.span12 > div {
	margin-left: 3.4%;
	margin-right: 3.4%;
}

.nav-layer,
.nav-layer .wrapper,
.nav-layer .container-fluid {
	height: 100%;
}

.nav-layer .wrapper {
	position: relative;
	padding: 25px;
}

.primary-layer {
	float: left;
	overflow: hidden;
	width: 80%;
}

.background-layer {
	position: relative;
}

.nav-layer {
	position: fixed;
	top: 0;
	bottom: 0;
	left: -480px;
	z-index: 999;
	width: 480px;
	color: #fff;
	font-size: 16px;
	/*background-color: rgba(89, 153, 91, 0.6);*/
	background-color: rgba(96, 96, 96, 0.7);
	box-shadow: inset -20px 0 10px -12px #549253;
	overflow-y: auto;
	-webkit-transition: left .5s ease;
	transition: left .5s ease;
}

.nav-layer {
	height: 100%;
}

.nav-layer-out {
	left: 0;
	box-shadow: 8px 0px 10px 5px rgba(0, 0, 0, 0.5);
}

.primary-layer {
	width: 100%;
	z-index: 1;
}

#menu-toggle {
	position: fixed;
	left: 0;
	top: 5px;
	display: inline-block;
	height: 48px;
	width: 58px;
	visibility: visible !important;
	background-color: #62aa5f;
	background-color: rgba(89, 153, 91, 0.95);
	cursor: pointer;
	-webkit-transition: left .5s ease;
	transition: left .5s ease;
	z-index: 9;
}

#menu-toggle .icon-bar {
	background: #fff;
}

.navbar-toggle,
.navbar-toggle:hover,
.navbar-toggle:active {
	margin: 8px;
	background: transparent;
	border: 0;
}

#menu-toggle.on {
	left: 275px;
}

.navbar-inner {
	padding-right: 5px;
	width: 100%;
}


/* Course Outline */
#content-container #course-outline ul, #content-container #course-outline li, #content-container #course-outline a {
	color: #333 !important;
	display: block;
	background: none;
	border: none;
	box-shadow: none;
	float: none;
	font-size: inherit;
	line-height: 1em;
	margin: 0;
	padding: 0;
	position: static;
	white-space: normal;
	width: auto;
}
#content-container #course-outline a {
	display: inline;
}
#content-container #course-outline a:hover {
	text-decoration: underline !important;
}
/* Unit 1 Outline Styles */
#content-container #course-outline > ul { /* Unit 1 outline container */
	border: 4px solid #b32a2a;
	padding: 1em;
	padding-bottom: 2em;
}
#content-container #course-outline > ul > li > a { /* Unit 1 outline title */
	border-bottom: 4px solid #b32a2a;
	color: #b32a2a !important;
	margin-bottom: 1em;
}
#content-container #course-outline > ul > li > a:hover { /* Unit 1 outline title */
	color: #d90707 !important;
}
#content-container #course-outline > ul > li > ul > li { /* Outline lesson styles */
	margin-top: 2em;
}
#content-container #course-outline > ul > li > ul > li > a { /* Unit 1 outline lesson title */
	color: #b32a2a !important;
	line-height: 0.8em;
}
#content-container #course-outline > ul > li > ul > li > a:hover { /* Unit 1 outline lesson title */
	color: #d90707 !important;
}
#content-container #course-outline > ul > li > ul > li > ul > li {
	margin: 1em 0;
}
#content-container #course-outline > ul > li > ul > li > ul > li > ul > li {
	margin-top: 1em;
}
#content-container #course-outline > ul > li > ul > li > ul > li > a { /* Outline topic titles */
	font-weight: bold !important;
}
/* Unit 2 Outline Styles */
#content-container #course-outline > ul + ul {
	border: 4px solid #158cc2;
	padding: 1em;
	padding-bottom: 2em;
}
#content-container #course-outline > ul + ul > li > a {
	border-bottom: 4px solid #158cc2;
	color: #158cc2 !important;
}
#content-container #course-outline > ul + ul > li > a:hover {
	color: #23b3f0 !important;
}
#content-container #course-outline > ul + ul > li > ul > li > a {
	color: #158cc2 !important;
}
#content-container #course-outline > ul + ul > li > ul > li > a:hover {
	color: #23b3f0 !important;
}
/* Unit 3 Outline Styles */
#content-container #course-outline > ul + ul + ul {
	border: 4px solid #ffa029;
	padding: 1em;
	padding-bottom: 2em;
}
#content-container #course-outline > ul + ul + ul > li > a {
	border-bottom: 4px solid #ffa029;
	color: #ffa029 !important;
}
#content-container #course-outline > ul + ul + ul > li > a:hover {
	color: #ffb70c !important;
}
#content-container #course-outline > ul + ul + ul > li > ul > li > a {
	color: #ffa029 !important;
}
#content-container #course-outline > ul + ul + ul > li > ul > li > a:hover {
	color: #ffb70c !important;
}
/* Unit 4 Outline Styles */
#content-container #course-outline > ul + ul + ul + ul {
	border: 4px solid #6418a5;
	padding: 1em;
	padding-bottom: 2em;
}
#content-container #course-outline > ul + ul + ul + ul > li > a {
	border-bottom: 4px solid #6418a5;
	color: #6418a5 !important;
}
#content-container #course-outline > ul + ul + ul + ul > li > a:hover {
	color: #8241de !important;
}
#content-container #course-outline > ul + ul + ul + ul > li > ul > li > a {
	color: #6418a5 !important;
}
#content-container #course-outline > ul + ul + ul + ul > li > ul > li > a:hover {
	color: #8241de !important;
}


#content-container #course-outline li {
	padding-left: 1em;
}
#content-container #course-outline ul.menu.nav {
	margin-bottom: 2em;
}
#content-container #course-outline ul.menu.nav > li > a {
	font-size: 3em;
	line-height: 1.2em;
}
#content-container #course-outline ul.menu.nav > li > ul > li > a {
	font-size: 2em;
	line-height: 1.2em;
}

.view-activities hr {
	border-color: #999;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 select:focus, textarea:focus, input:focus {
 font-size: 16px;
  }
 }

.element-invisible {
	display:none!important;
}