@import url("../_template/css/global.css");
/* enter custom CSS here to keep global.css unchanged for easy updates */
body {
	background-image: none !important;
	background-color: #F7CC70;
}

.omnimediaplayer .media .caption-container{
	bottom: 1.5%;
    left: 1.5%;
    max-width: 97%;
    pointer-events: none;
    position: absolute;
    right: 1.5%;
    width: 93%;
    z-index: 5;
}
.omnimediaplayer {
	display: inline-block;
	font: 16px Arial,Helvetica,sans-serif;
}
.fullScreenWidthImage {
	margin: -10px -30px -15px -30px;
	margin: 0px -30px 0px -30px;
	padding: 0;
	text-align: center;
}
.omnimediaplayer .media {
	overflow: hidden;
  }
  .instruction {
	  margin-top:50px;
  }
.rightVidPanel{
	padding: 0 2em;
	float:right;
	position: relative;
	height:28em;
	padding-top:30px;
	background-color:#AED0D2;
	text-align: center;
}
.rightVidPanel2{
	padding: 0 2em;
	float:right;
	position: relative;
	height:28em;
	padding-top:30px;
	background-color:#AED0D2;
	text-align: center;
}
.rightVidPanelA{
	float:right;
	width:450px;
	/*height:365px;*/
	margin-top:-10px;
	margin-right:-30px;
	padding-top:30px;
	padding-right:30px;
	background-color:#AED0D2;
}
.leftContentPanel{
	float:left;
	width:515px;
	margin-left:23px;
	margin-top:15px;
}
.leftContentPanelA{
	width:450px;
}

.leftContentPanel_widescreen{
	float:left;
	width:425px;
}
.rightVidPanel_widescreen{
	float:right;
	width:470px;
	/*height:365px;*/
	margin-top:-10px;
	margin-right:-30px;
	padding-top:30px;
	padding-right:30px;
	background-color:#AED0D2;
}
/* --------------------------- TOGGLE CSS -------------------------- */
.elem-content-wrapper {
	position: relative;
	width: 915px;
	bottom: 0px;
	overflow: hidden;
}

#elem-content-1 {
	background-color: #163E48;
	width: 891px;
	/* height: 100px; */
	padding: 10px;
	overflow: hidden;
	/* position: absolute; */
	top:0;
	transition: top 500ms;
}

#elem-content-2 {
	background-color:#163E48	;
	width: 891px;
	/* height: 100px; */
	padding: 10px;
	overflow: hidden;
	/* position: absolute; */
	top:0;
	transition: top 500ms;
}

#elem-content-3 {
	background-color: #163E48;
	width: 891px;
	/* height: 100px; */
	padding: 10px;
	overflow: hidden;
	/* position: absolute; */
	top:0;
	transition: top 500ms;
}
#elem-content-4 {
	background-color: #163E48;
	width: 891px;
	/* height: 100px; */
	padding: 10px;
	overflow: hidden;
	/* position: absolute; */
	top:0;
	transition: top 500ms;
}
.content-hidden {
	height: 0px !important;
	border: 0px !important;
	display: none;
}
/* --------------------------- END TOGGLE CSS -------------------------- */
#doaLogo {
	margin-left: 315px;
	margin-top: 95px;
}
.personList {
	position:relative;
	border:solid 1px white;
	
}
.personListLeft{
	
	top:0px;
	padding-left:0px;
}

.personListLeft.wide {
	position:relative;
}

.personListRight{
	position:absolute;
	top:0px;
	margin-left:265px;
}
.personBox {
	width:240px;
	border:solid 1px black;
	margin-top:10px;
	padding-bottom: 1em;
	background-color:#f7cc70;
	text-decoration:none;
}

.personBox.wide {
	width: 100%;
}

.personBox:hover {
	background-color:#AED0D2;
	text-decoration: underline;
}

.personBox .picture {
	border:solid 1px black;
	background-color:#666;
	float:left;
	width:50px;
	height:50px;
	margin:5px;
}

.personBox .text {
	padding-left:70px;
	padding-top:5px;
	color:black;
}


ul.listToggle2 {
	margin: 0;
	padding: 0;

	float: left;
}
ul.listToggle2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #223b4f url(../images/toggleListOpt_a.jpg) left top repeat-y;
}
ul.listToggle2 li a, ul.listToggle2 li a:visited {
	padding: 14px 0 10px 30px;
	display: block;
	padding-right: 20px;
	width: 315px;
	color: #fff;
}
ul.listToggle2 li a:hover, ul.listToggle2 li a:focus {
	padding: 14px 0 10px 30px;
	text-decoration: none;
	padding-right: 20px;
	width: 315px;
	background: #476780 url(../images/toggleListOpt_c.jpg) left top repeat-y;
}
ul.listToggle2 li a.listToggleActive {
	padding: 14px 0 10px 30px;
	padding-right: 20px;
	width: 315px;
	background: #446682 url(../images/toggleListOpt_b.jpg) left top repeat-y;
	overflow: visible;
}
ul.listToggle2 h1, ul.listToggle2 h2, ul.listToggle2 h3 {
	margin: 0;
	padding: 0;
	width: auto;
	height: 100%;
}
ul.listToggle2, ul.listToggle2 li, ul.listToggl2e li a {
	margin: 0;
	padding: 0;
}

.boxLine {
	margin-left: -30px;
}
#footerInfo {
	color: #000;
}

#video-splash {
	margin: auto;
	padding: 3em 0;
	width: 320px;
	text-align: center;
	background: #fff;
	position: absolute;
}
.rightVidPanel .boxShowHide a {
	color: #036;
}