@font-face {
    font-family: 'ProximaNovaRgRegular';
    src: url('./fonts/ProximaNova-Reg-webfont.eot');
    src: url('./fonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/ProximaNova-Reg-webfont.woff') format('woff'),
         url('./fonts/ProximaNova-Reg-webfont.ttf') format('truetype'),
         url('./fonts/ProximaNova-Reg-webfont.svg#ProximaNovaRgRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaRgRegularIt';
    src: url('./fonts/ProximaNova-RegIt-webfont.eot');
    src: url('./fonts/ProximaNova-RegIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/ProximaNova-RegIt-webfont.woff') format('woff'),
         url('./fonts/ProximaNova-RegIt-webfont.ttf') format('truetype'),
         url('./fonts/ProximaNova-RegIt-webfont.svg#ProximaNovaRgRegularIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaRgBold';
    src: url('ProximaNova-Bold-webfont.eot');
    src: url('ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('ProximaNova-Bold-webfont.woff') format('woff'),
         url('ProximaNova-Bold-webfont.ttf') format('truetype'),
         url('ProximaNova-Bold-webfont.svg#ProximaNovaRgBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaRgBoldIt';
    src: url('ProximaNova-BoldIt-webfont.eot');
    src: url('ProximaNova-BoldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('ProximaNova-BoldIt-webfont.woff') format('woff'),
         url('ProximaNova-BoldIt-webfont.ttf') format('truetype'),
         url('ProximaNova-BoldIt-webfont.svg#ProximaNovaRgBoldIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
	margin: 0px;
	padding: 0px;
	background-image: url('http://cdn.cbn.com/images7/roshhashannah/pattern.png');
	background-color: #92a0af;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
h1
{
	display: none;
}
h2
{
	margin-top: 0.5em;
	margin-bottom: 0em;
}
p
{
	margin: .15em 0em .85em;
}
ul
{
	margin: .25em 0em .75em 0em;
	padding: 0px 20px;
}
li
{
	margin-bottom: 0.5em;
	margin-left: 0px;
	padding: 0px;
}
a:link, a:visited
{
	color: #ffffff;
}
a:hover, a:active
{
	text-decoration: none;
}

.additionalResources a {
	text-decoration: none;
}

.additionalResources a:hover {
	text-decoration: underline;
}

.img-responsive {
    max-width: 100%;
    display: block;
}
#wrapper
{
	/*background-image: url(http://dl2.cbn.com/events/App_Themes/RoshHashanah/Images/int-bg-content.gif);*/
	background-position: top center;
}
#globalMenu
{
	width: 910px;
	margin: 0px auto;
	text-align: right;
	background-image: url(http://dl2.cbn.com/events/App_Themes/RoshHashanah/Images/int-logo-darkBlue.gif);
	background-repeat: no-repeat;
	background-position:20px 0px;
	height: 15px;
	padding-top: 7px;
	padding-left:20px;
	padding-right:20px;
	background-color:#fff;
}
#globalMenu a
{
	color: #0F1F36;
	margin-left: 1em;
}
a#logoLink
{
	display:block;
	position:absolute;
	width:105px;
	height:26px;
	top:0px;
	margin-left:0px;
}
a#logoLink span
{
	display:none;
}

#wrapper2
{
	position:relative;
	width: 910px;
	margin: 0px auto;
	padding-left:20px;
	padding-right:20px;
	background-color:#fff;
}
#wrapper3
{
	position:relative;
	background-image: url(./img/rosh-bkg-2018.jpg);
    background-position: center;
	background-repeat: no-repeat;
	height: 830px;
	background-color: #ffffff;
	color: #3A1C1B;
}
#flashTitle
{
	position: absolute;
	top: 45px;
	left: 120px;
	font-family: "Times New Roman", Times, serif;
	color: #fff;
	font-size: 3.6em;
}
#resourceLinks
{
	margin-top: 20px;
	margin-bottom: 20px;
	height: 40px;
	color: #ccc;
	font-size: 1.1em;
}
.bookmarkLink
{
	position:absolute;
	left:75px;
	top:4px;
}
/*#videoBlock (for fullscreen video)
{
	display: table;
	position: absolute;
	#position: relative;
	overflow: visible;
    width:830px;
    height:466px;
	top: 220px;
	left: 35px;
	background-color:#000000;
	color: #F1E3D6;
	font-size: 1.4em;
	text-align: center;
	border:5px solid #fff;
}*/
#upperLeftHeader {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
    padding: 10px;
    padding-left: 25px;
	width: 455px;
	height: 230px;
}
#upperLeftHeader img {
  max-width: 295px;
}
#upperRightHeader {
	display: block;
	position: absolute;
	top: 0;
	left: 455px;
	width: 425px;
	height: 257px;
}
#lowerLeftTextBlock {
    width: 415px;
    position: absolute;
    top: 120px;
    left: 31px;
}
#lowerLeftTextBlock h2 {
    font-family: Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: rgb(154, 205, 247);
    text-transform: uppercase;
}
#lowerLeftTextBlock p {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 1.5em;
}
#videoBlock
{
	display: table;
	position: absolute;
	#position: relative;
	overflow: visible;
	width: 830px;
	height: 467px;
	top: 320px;
	left: 30px;
	background-color: #000;
	color: #666;
	font-size: 1.4em;
	text-align: center;
	padding:0px;
	border: 10px solid #fff;
}
#give-text {
    position: absolute;
    top: 300px;
    font-size: 16px;
    width: 100%;
    text-align: center;
    color: #fff;
}
#videoBlock   td, #videoBlock  td  ul, #videoBlock td h3{
	margin-top: 0px;
	margin-bottom: .5em;
	text-align: left;
}


#playerParent
{
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
	width:553px;
	left:0;
}
#playerparent a
{
	color: #fff;
}
#playerWrapper
{
	#position: relative;
	#top: -50%;

}
#player
{
    width:830px;
    height:480px;
	background: #ccc;


}
#adobeLiveBlock
{
	margin: 2em 4em;
	padding: 10px 20px 5px 20px;
	background-color: #fff;
	background-image: url(http://dl2.cbn.com/events/App_Themes/RoshHashanah/Images/adobe-live-icon.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	text-align: center;
	color: #666666;
}
#adobeLiveBlock  a
{
	color: #638A78;
}
#contentBlock
{
	width: 260px;
	position: absolute;
	top: 21px;
	right: 0px;
	color: #3A1C1B;
	font-size: 1.1em;
	background-color:white;
	padding:10px;
}
#contentBlock h2
{
	margin: 0em;
	font-size: 1.3em;
}
#commentsForm
{
	height: 215px;
}
input#txtName
{
	width: 228px;
}
input#txtEmail
{
	width: 228px;
}
textarea#txtComments
{
	width: 228px;
}
input#btSubmit
{
	width: 100px;
}
#confirmationMessage
{
	position: absolute;
	top: 190px;
	right: 0px;
	width: 115px;
	color: #092D77;
	font-weight: bold;
	line-height: 1.4em;
}
#commentsTitle
{
	width: 100px;
	text-align: center;
	color: #999;
	padding: .2em 0em 0em;
}
#commentsBlock
{
	background-color: #999;
	height: 410px;
	overflow: auto;
	padding: 5px;
	color: #3A1C1B;
	margin-bottom: 5px;
}
#commentsBlock p
{
	background-color: #FFFFFF;
	padding: 0.5em;
}
#archiveButton
{
	color: #000;
}
#myCBN-ad {
	height: 120px;
    margin-top: -10px;
}
#ad-image {
	width: 90%;
    height: 100%;
    margin: 0 auto;
    background-image: url(images/The_Jewish_Holidays_728x90.jpg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#resourcesBlock
{
	padding: 0px 40px;
	font-size: 1.4em;
	position: relative;
	top: 0px;
	width: 830px;
}
#resourcesBlock h2
{
	color: #3A1C1B;
	/* border-bottom: 1px solid; */
	background-color: #f7f6fc;
	padding: 5px;
	font-size: 18px;
}

#resourcesBlock p
{
	margin: .15em 1.5em .85em;
}

#resourcesBlock a:link, #resourcesBlock a:visited
{ color: #3A1C1B;
}
#copyright
{
	clear: both;
	text-align: center;
	background-color: #ffffff;
	padding: 5px 0px;
}
#copyright a
{
	background-color: #ffffff;
	color: #000;
}
.third
{
	width: 250px;
	float: left;
	padding-right: 20px;
}
.half { width: 400px; }
.left { float: left; }
.right { float: right; }

.errorMessage
{
	color: #990000;
}

#archiveList
{
	font-size: 11px;
	width:40%; /* width:90% for 2 columns */
	margin: 3em auto;
	text-align:left;
	white-space: nowrap;
}
#archiveList ul
{
	text-align:left;
}
#archiveList .left
{
	float: left;
	width:100%;
	/* width:40% for 2 columns */
}
#archiveList .right
{
	float: right;
	width:40%;
}
#videoBlock #playerContent h2 {
	height: auto !important;
}
#videoBlock #playerContent #message {
	height: auto !important;
}
@media screen and (min-width:961px) {
	#player_block > div {
		padding-bottom: 56.25%;
	}
}
@media screen and (max-width:960px) {
	#globalMenu, #wrapper2 {
		width:660px;
	}
	#globalMenu {
		padding: 0px 20px;
		height: 40px;
		background-position: 20px 8px;
	}
	#globalMenu .top_text {
		font-size: 15px;
		display: block;
		float: left;
		text-decoration: none;
		padding: 10px 15px 15px 15px;
		margin-left: 0px;
	}
	#globalMenu .top_text:hover {
		background-color: #eee;
	}
	#globalMenu .top_text:active {
		background-color: #ddd;
	}
	#globalMenu a:nth-child(2) {
		margin-left: 288px;
	}
	#globalMenu a:nth-child(6) {
		float: right;
	}
	a#logoLink {
		top: 5px;
	}
	#resourcesBlock {
		width:620px;
		padding:0 20px;
	}
	.additionalResources {
		/*background-color: #f3f3f3;*/
		background-color: #f7f6fc;
	}
	.additionalResources ul {
		list-style-type: none;
	}
	.additionalResources a {
		text-decoration: none;
		display: block;
		margin-top: 6px;
		margin-bottom: 6px;
		padding: 5px 4px;
		text-align: center;
		/* background-color: #E6E6E6; */
		background-color: #f7f6fc
	}
	.additionalResources a:hover {
		background-color: #f7f6fc;
		/* background-color: #D9D9D9;*/
	}
	.additionalResources a:active {
		background-color: #f7f6fc;
		/* background-color: #CACACA; */
	}
	.additionalResources img {
		display: none;
	}
	#resourcesBlock h2 {
		border-bottom: 0px solid;
		/* background-color: #777;*/
		background-color: #f7f6fc;
		/* color: #EEE; */
		text-align: center;
		padding: 5px 10px 5px 10px;
	}
	.half {
		width:300px;
	}
	#videoBlock,#videoBlock * {
		width:585px !important;
		height:329px !important;
		padding:0 !important;
	}
	#videoBlock {
		top: 245px;
	}
	#give-text {top:220px;}
	#wrapper3 {
		height:620px;
	}
	#upperLeftHeader {
		width: 310px;
		height: 230px;
		left: 0px;
	}
	#upperRightHeader {
		width: 284px;
		height: 230px;
		left: 350px;
		background-position: 20px 15px;
	}
    #lowerLeftTextBlock {
        width: 305px;
        position: absolute;
        top: 119px;
        left: 31px;
    }
    #lowerLeftTextBlock h2 {
        font-size: 14px;
    }
    #lowerLeftTextBlock p {
        font-size: 12px;
    }
	#myCBN-ad {
		padding-left: 0px;
		margin: 0px auto;
        margin-top: -10px;
	}
	#myCBN-ad a {
		text-decoration: none;
	}
	#playerContent {
		position: relative;
		top: -70%;
	}
}
@media screen and (max-width:700px) {
	#globalMenu, #wrapper2 {
		width:460px;
	}
	#globalMenu {
		height: 60px;
		background-position: 200px 8px;
	}
	a#logoLink {
		left: 295px;
	}
	#globalMenu .top_text {
		padding: 5px 0px;
		text-align: center;
		width: 20%;
		margin-top: 33px;
		margin-left: 0px;
	}
	#globalMenu a:nth-child(2) {
		margin-left: 0px;
	}
	#resourcesBlock {
		width:417px;
	}
	#videoBlock,#videoBlock * {
		width:385px !important;
		height:217px !important;
	}
	#videoBlock {
		top: 564px;
	}
	#give-text {
		top:525px;
	}
	.half {
		width:200px;
	}
	#wrapper3 {
		height: 830px;
	}
	#upperLeftHeader {
		width: 460px;
		height: 130px;
	}
	#upperRightHeader {
        width: 405px;
        height: 220px;
        top: 150px;
        left: 30px;
    }
    #lowerLeftTextBlock {
        width: 405px;
        position: absolute;
        top: 418px;
        left: 31px;
    }
    #lowerLeftTextBlock h2 {
        font-size: 18px;
    }
    #lowerLeftTextBlock p {
        font-size: 13px;
    }
    #ad-image {
		width: 417px;
        background-image: url(images/The_Jewish_Holidays_728x90.jpg);
	}
	#ad-text {
		font-size: 14px;
	}
}
@media screen and (max-width:500px) {
	#globalMenu, #wrapper2 {
		width:295px;
	}
	#globalMenu {
		height: 25px;
		background-position: 120px 8px;
	}
	a#logoLink {
		left: 195px;
	}
	#globalMenu .top_text {
		font-size: 11px;
		padding: 7px 0px;
		margin-top: 0px;
		margin-left: 0px;
	}
	#globalMenu a:nth-child(2) {
		margin-left: 0px;
	}
	#resourcesBlock {
		width:295px;
		padding: 0px;
	}
	#videoBlock,#videoBlock * {
		width:245px !important;
		height:138px !important;
	}
	#videoBlock {
		left:16px;
		top: 498px;
	}
	.half {
		width:100%;
	}
	#give-text {
		top:450px;
	}
	#wrapper3 {
		height: 671px;
		background-position: -150px 0px;
	}
	#globalMenu {
		text-align:center;
		padding-top:35px;
	}
	#upperLeftHeader {
        padding-left: 10px;
        width: 279px;
        height: 130px;
	}
	#upperRightHeader {
		width: 265px;
        height: 220px;
        top: 110px;
        left: 16px;
	}
    #lowerLeftTextBlock {
        width: 265px;
        position: absolute;
        top: 285px;
        left: 17px;
    }
    #lowerLeftTextBlock h2 {
        font-size: 16px;
    }
	#paddingParagraph {
		margin-bottom: 0px;
	}
    #myCBN-ad {
        height: 90px;
    }
    #ad-image {
        width: 295px;
    }
	#ad-text {
		font-size: 12px;
	}
	#ad-text .mobile-break {
		display: inline;
	}
	#copyright {
		text-align: center;
	}
	#playerContent {
		position: relative;
		top: -100%;
	}
}