﻿@charset "utf-8";
/* CSS Document */

/* ALL tag-level styles MUST be bound to #page_content! */

#captivate {
	display:none;
}
#text1{
	
	width: 100% !important;
	height: auto;
}
.layoutBox{

	height:auto;
	padding-bottom: 40px;
	position: relative;
}

/*** general ***/
#page_content{

	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.loadingDiv{

	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../../Images/loading.gif) no-repeat center #FFFFFF; 
	width:100%; 
	height:100%;
	z-index: 99;
}
#nextPagePrompt, #prevPagePrompt{

	/*position: fixed;
	left: 0px;*/
	height:20px;
	/*width: 100%;*/
	cursor: pointer;
	background: #
	cdcdcd;
	text-align: center;
	padding: 10px 4.54545454545%;
	font: bold 0.75em Arial, Helvetica, sans-serif;
	color: #555;
	/*display:none;*/
}

#nextPagePrompt {

	bottom: 0px;
}

#prevPagePrompt {

	margin-top: 28px;
z-index:6;
}

#nextPagePrompt:hover, #prevPagePrompt:hover{
	
	background: #000;	
	
}

#page_content ul .sub {
	padding-bottom: 0px !important;
}

/** headers, paras, and more **/
#page_content h1,
#page_content h2,
#page_content h3,
#page_content h4,
#page_content h5,
#page_content h6,
#page_content hr,
#page_content p,
#page_content ol,
#page_content ul,
#page_content iframe{
	
	margin-left: 4.54545454545%;
	margin-right: 4.54545454545%;
	line-height: 1.5em;
	clear: top;
}
#page_content p{

	line-height: 1.5em;
	clear: top;
}
#page_content p.notes {
	border-top: thin black solid;
	border-bottom: thin black solid;
	padding-bottom: 10px;
	padding-top: 10px;
}
#page_content h1,
#page_content h2,
#page_content h3,
#page_content h4,
#page_content h5,
#page_content h6,
#page_content hr{

	clear: both;
}
#page_content h3,
#page_content h4,
#page_content h5,
#page_content h6{

	font-family: "Arial", sans-serif;
	font-weight: bold;
}
#page_content h2{
	
	padding-top: 40px;
	font-weight: bold;
	font-size: 2.75em; /*16px / 44px */
	font-family: "Arial Black", Arial, Helvetica;
}
#page_content h3{

	/*text-transform: uppercase;*/
	font-size: 2em;
	padding: 20px 0px 15px 0px;
}
#page_content h4{

	font-weight: bold;
	font-size: 1.5em;
}
#page_content h5{
	
	font-weight: bold;
	font-size: 1.25em;
}
#page_content h6{

	font-weight: bold;
	font-style: italic;
	font-size: 1em;
}
#page_content ul,
#page_content ol,
#page_content p,
#page_content iframe{
	
	padding-bottom: 20px;
}
#page_content ul li{

	list-style-type: disc;
	margin-left: 4.54545454545%;
	font-style: inherit;
}
#page_content strong,
#page_content b{

	font-weight: bold;
}
#page_content i{

	font-style: italic;
}
#page_content ol{

	list-style-type: decimal;
	margin-left: 9.0909090909090%;
	padding-left: 15px;
}
#page_content table{

	margin: auto;
}
#page_content th,
#page_content td{

	vertical-align: middle;
}
#page_content th{

	background: #CCC;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
	
}
#page_content audio{

	max-width: 100%;
}
.hardRight{

	text-align: right !important;
}
#page_content img{
	
	clear: both;
	max-width: 100%;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
ol.keyPoints{
	
	font-weight: bold;
}
.criticalThinking{
	display: none;
	clear:both;
	width: 100%;
	padding: 10px 0px;
}
.criticalThinking{
	
	padding: 20px 0px;
}
.criticalThinking h1{
	
	font: normal 2.75em "Arial Black", Gadget, sans-serif;
	text-transform: uppercase;
	padding-bottom: 10px;
	display: inline;
}
.criticalThinking ul, .criticalThinking p{
	
	margin-left: 4.54545454545%;
	padding-bottom: 0px !important;
}
.criticalThinking ul li{
	
	list-style-type: none;
	margin: 0;
}
.cob{

	padding-top: 10px !important;
	padding-bottom: 0px !important;
	background: #2c2d32; /* Old browsers */
	background: -moz-linear-gradient(left, #2c2d32 0%, #3c3c44 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(left, #2c2d32 1%,#3c3c44 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #2c2d32 0%,#3c3c44 100%); /* Opera 11.10+ */
	background: linear-gradient(to right, #2c2d32 0%,#3c3c44 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2d32', endColorstr='#3c3c44',GradientType=1 );
	color: #FFF;
	margin-top: 7px !important;
	margin-bottom: 10px !important;
}
.cob h1{
	
	background: #111;
	color: #FFF;
	margin: -10px 0px 0px 0px;
	font-family: "Arial Black", sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	border-bottom: 3px solid #FFF;
	clear: both;
}
.cob.halfRight h1, .cob.halfRight p, .cob.halfLeft h1, .cob.halfLeft p, .cob h1{
	
	padding: 5px 4.54545454545%;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.cob.halfRight, .cob.halfLeft{

	padding: 0px;
}

.cob table{
	color: #FFF;
}
.cob th{

	background: none;
}
.criticalThinking .highlighted, .cob .highlighted{

	color: #000;
}
.center.caption{

	text-align: center;
}
.caption{

	background: #EEE;
	color: #3c3c44;
	font-size: .75em;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px !important;
	margin-bottom: 10px !important;
}
.caption img{

	margin-bottom: 10px !important;
}
.fc_group_container{

	text-align:center;
}
.fc_group{

	display:inline-block;
}
.half {
    -moz-transform:scale(0.5);
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
}
.center{

	margin-left: auto;
	margin-right: auto;
	clear: both;
	text-align: center;
}
.video{

	margin-left: auto;
	margin-right: auto;
	clear: both;
	max-width: 90% !important;
}

.halfRight, .halfLeft{

	width: 40%;
	height: auto;
}
.halfRight img, .halfLeft img, .center img, .center video{

	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 90% !important;
}
.halfRight p, .halfLeft p{

	margin: 0;
}
.halfRight{

	max-width: 50% !important;
	max-height: 50% !important;
	margin: 0 0 0 4.5454545454%;
	float: right;
	padding: 0 4.5454545454% 30px 30px;
}
.halfLeft{

	max-width: 50% !important;
	max-height: 50% !important;
	margin: 0 4.5454545454% 0 0;
	float: left;
	padding: 0 30px 30px 4.5454545454%;
}
.halfLeft.borderShadow, .halfRight.borderShadow{

	padding:0;
}
.halfLeft.borderShadow{

	margin: 0 2% 30px 4.5454545454% !important;
}
.halfRight.borderShadow{

	margin: 0 4.5454545454% 30px 4.5454545454% !important;
}
.interaction{

	margin: 0 auto;
}
.interaction p{

	font-size: 1em;
}
#page_content img{

	/*box-shadow: 3px 3px 5px #777;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
}
.fullImageBg{

	background-size: 100%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
.click{

	cursor: pointer;
}
#page_content input{
	
	padding-top: 10px;
}
#page_content video{

	padding-bottom: 10px;
}

/* Glossary Stuffs */
#nav ul li{

	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 10px 10px 0 0;
	font-size: 1.5em;
	font-weight: bold;
	font-family: "Arial";
}
#page_content p.termName{

	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 1em;
	font-weight: bold;
}

/*@media screen and (max-device-width: 1024px){*/
@media screen and (max-width: 800px){
	#page_content{

		width:100%;
		left: 0px;
		height: auto;
		padding-bottom: 10%;
	}
	#page_content .criticalThinking{

		text-align:center;	
	}
}
@media screen and (max-width: 320px){
	#page_content{
		
		width:100%;
		left: 0px;
		height: auto;
		padding-bottom: 20%;
	}
	#prevPagePrompt {

		margin-top: 0px; 
	}
}

/** table style **/
.hor-minimalist, #hor-minimalist{
	
	border-collapse: collapse;
	width: 90%;
	text-align;left;
}
.hor-minimalist th, #hor-minimalist th{

	border-bottom: 2px solid #000;
	padding: 6px 8px;
	text-align: left;
}

#page_content div.center table.hor-minimalist tbody tr th.center{

	text-align: center !important;
}

.hor-minimalist td, #hor-minimalist td{
	
	border-bottom: 1px solid #ccc;
	color: #000;
	padding: 6px 8px;
	text-align:left;
}

.hor-minimalist-cob, #hor-minimalist-cob{
	
	border-collapse: collapse;
	text-align: left;
	width: 70%;
}

.hor-minimalist-cob th, #hor-minimalist-cob th{
	
	border-bottom: 2px solid #fff;
	background: none;
}
.hor-minimalist-cob td, #hor-minimalist-cob td{
	
	border-bottom: 1px solid #fff;
	color: #fff;
	padding: 6px 8px;
}

/* attempt to fix hotspot tooltips */
@media screen and (max-device-width: 500px){

	.tip-tooltip{
		
		max-width:155px;
		font-size:.75em;
	}
}

/* ADDITIONS FOR CRAIG SECTION HEADERS */
.sectionImage{

	background-size: 100%;
	/*background: url(header.jpg) no-repeat center;*/
	background-repeat: none;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 530px;
	width: 100%;
	/*margin-top: 19px;*/
	margin-left:auto;
	margin-right: auto;
	position:relative;
}
.sectionImage .headerBar{

	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 144px;
	background: rgba( 0, 0, 0, .8);
}
.sectionImage h1{

	color: #ffc423;
	font: normal 2.00em "Arial Black"; /*16px / 44px */
	width: 90%;
	border-bottom: 2px solid #FFF;
	padding-top: 18px;
	padding-bottom: 5px;
	padding-right: 5%;
}

.pageNumber{
	/*background: #cfcfcf url(../rv4_images/nav_gradient.gif) repeat-x;*/
	background: #FFF;
	color: #CDCDCD;
	text-align: center;
	padding-top: 10px !important;
	margin-bottom: 10px !important;
}

.big-button {
width: 100%;
padding: 8px 0;
background: hotPink;
border: 3px dotted purple;
font-size: 18px;
color: #fff;
border-radius: 20px;
box-shadow: #111 3px 4px 0px;
}

     

.army-button {
   background-image: url('../Images/button_2.png');
   background-position: center;
   width: 150px;
   height: 150px;
 display:inline;

   float:right;
   

}
.army-button:hover {
   background-image: url('../Images/button_2_hover.png');
}
.army-button:active {
}

