@charset "utf-8";
/* CSS Document */
@media (min-width: 500px) 
{		 
	#container {
		width:750px;
		height:2100px;
		border: 1px #336699 solid;
		position:relative;
		margin: 0 auto;
		background:#ffffff;
	}
	body {
		font-size: 16px;	
		height:95%;
		padding: 0px;
		background: rgba(252, 144, 0, 0.4);
	}
	#header {
		position:absolute; 
		width:750px; 
		height:150px;
		background-image: url("/resources/banner.jpg");
		background-color: #cccccc;
	}
	#navbar {
		 position:absolute;
		 width:750px;
		 top:150px;
	}
	#navbar ul {
		position:absolute;
		list-style-type:none;
		margin:0;
		padding:0 3px 0 3px;
	}
	#navbar li {
		display:inline-block;
		float:left;
	}
	#navbar li a {
		display:block;
		min-width:122px;
		text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1em;
		color:#000;
		border: #000 thin solid;
		text-decoration: none;
	}
	#navbar li:hover a {
		background: #fc9000;
		opacity: 1;
	}
	#abc {
		position:relative; 
		width: 40%; 
		height: auto; 
		z-index:98; 
		top:1em; 
		bottom: 1em; 
	}
	#abc-top {
		position: relative; 
		top:180px;
	}	
	#petition {
		width:100%;
		position:relative; 
		top: 100px;
	}
	#fact-sheet {
	 	position:absolute; 
		top:180px; 
		width:740px;
	}
	#fact-sheet h2 {
		font-size:3em; 
		font-weight:900; 
		line-height:12px;
	}
	#tdv-infographic img {
		width:600px; 
		height:auto; 
		margin-left:auto; 
		margin-right:auto; 
		display:block;
	}
	.blackbg {
		background-color:#000;
		color:#FFFFFF;
		width:100%;
		padding:2em 0 1em 0;
		text-align:center;
	}
	#consent {
		 position:absolute; 
		 top:180px; 
		 width:740px;
	}
	#consent h2 {
		font-size:3em; 
		font-weight:900; 
		line-height:12px;
	}
	#consent-box {
		position:relative; 
		margin-left:auto; 
		margin-right:auto; 
		width: 420px; 
		height: 100px; 
		z-index:98; 
		top:20px; 
		bottom: 40px; 
		border:#030303 thin solid; 
		background-color:#06C;
	}
	#consent-games {
		position: relative; 
		width:750px; 
		border: none; 
		background-color: #daf7a6; 
		text-align:center;
	}
	#consent-research {
	 	position:relative; 
		top:0; 
		width:750px; 
		height:auto; 
		background-color: #fbf7f1; 
		padding: 0 0 2em 0;
	}
	#content {
		 position:relative;
		 top:175px;
		 width: 100%;
	}
	#donation-content { 
		position:relative; 
		width:463px; 
		height:auto; 
		z-index:98; 
		left:25px; 
		top:85px; 
		bottom: 0px;
	}
	#donation-text {
		position:relative; 
		width:430px; 
		height:auto; 
		z-index:98; 
		left:0px; 
		top:0px; 
		bottom: 0px; 
		float: right; 
		text-align:right;
	}
	#donatebox { 
		position:relative; 
		width: 430px; 
		height: 160px; 
		z-index:98; 
		left:5px; 
		top:90px; 
		bottom: 0px; 
		border:#030303 thin solid; 
		background-color:#06C;
	}
	#donateboxtext {
		 position:absolute; 
		 width:335px; 
		 top:5px; 
		 right:5px;
	}
	#donateboxpaypal {
		position:relative; 
		width:60px; 
		height: auto; 
		z-index:99; 
		left:-40px; 
		top:-50px; 
		bottom: 0px;
	}
	#donatereasons { 
		position:absolute; 
		width:475px; 
		top:260px; 
		left:0px;
	}
	#donatebottom { 
		position:relative; 
		width:720px; 
		height:auto; 
		z-index:99; 
		left:10px; 
		top:480px; 
		bottom: 0px; 
		left: 0px;
	}
	#donate { 
    	position:relative;
		top: 2em;
	    width:100%; 
		height:auto; 
		z-index:99; 
		margin-left: auto; 
		margin-right: auto;
		font-size:0.9em;
		padding-top:1em;
		padding-bottom:0.75em;
	}
	#donate h1 {
		font-size:2em;
		text-align:left;
		padding:0 1em;
	}
	#donate h2 {
		padding-left:1.5em;
		text-align:left;
	}
	#donate form {
		display:block;
		position:absolute;
		right:2em;
		bottom:0.5em;
	}
	#games {
		margin: auto 0;
		position: relative;
		top:200px;
	}
	.resourceHeading {
		font-family: Arial, sans-serif;
		font-weight: 900;
		font-size: 1.2em;
		color:#f90;
		background-color:#ffffff;
		width:700px;
		padding-top:1em;
		padding-bottom:1em;
		border: black medium  solid;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	#share {
		 position:absolute; 
		 top:175px; 
		 right:2px;
		 width: 238px; 
		 height: 140px; 
		 text-align:center; 
		 border: #000 thin solid;
	}
	article {
		  -webkit-columns: 3 60px;
			 -moz-columns: 3 60px;
				  columns: 3 60px;
  	}
	#share h2 {
		font-size:1em; 
		margin:0;
        text-align:center; 
		font-family:'Arial Black', Gadget, sans-serif; 
		font-weight:700;
		background:#000;
		color:#ffffff;
	}
	#tdv-donate {
		position:absolute; 
		top:151px; 
		right:0;
		width:238px; 
		height:209px; 
		background-color:#FDBB79;
		text-align:center; 
		border: #000 thin solid;
	}
	#tdv-donate .caption {
		font-size:0.9em;
		padding-top:1em;
	}
	#tdv-menu {
		display: block;
		position:relative;
		top:-7em;
		width:90%; 
		margin: 0 auto; 
		background: #d4edfd;
		text-align:center;
		height:7em;
		border: #000 thin solid;
	}
	#tdv-menu ul {
		display: inline-block;
		position:relative;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#tdv-menu li {
		display:inline-block;
		float:left;
		font-family: Arial, sans-serif;
		font-size: .9em;
		padding-right:2em;
	}
	#tdv-menu li a {
		display:block;
		text-decoration: #fc9000 underline dashed;
		font-weight: 500;
	}
	#tdv-menu li:hover a {
		text-decoration: none;
	}
	#tdv-resources {
		position:relative; 
		width:100%;
		top:145px;
		font-family:Arial, sans-serif; 
		font-size:0.8em;
	}
	#tdv-resources h1 {
		color:#FFFFFF; 
		margin-top: 0em; 
		margin-bottom: 4em; 
		text-align: center; 
		background-color: #000; 
		padding-top: 1.5em; 
		padding-bottom: 1.25em; 
		font-size:2.4em; 
		letter-spacing:-2px;
	}
	#tdvam {
		position:absolute; 
		top:180px; 
		width:100%;
	}
	.tdvSection {
		background-color: #E8E8E8; 
		width:100%;
		border: #000 thin solid;
	}

	.tdvSection p {
		text-align:center; 
		font-size: 1.2em;
		padding:1em;
	}
	
	#tdv-strategy {
		position: relative; 
		top:-7em;
		padding:1em 2em;
	}
	#tdv-strategy p {
		font-size:1.25em;
		font-family: Arial, sans-serif;
		color:#000;
		font-weight: 700;
	}
	#tdv-strategy a {
		text-decoration: #000 underline dashed;
		color:#000;
	}
	#tdv-strategy a:hover {
		text-decoration: none;
	}
	#tdv-strategy .box {
		border:#000 dashed thin;
		padding:0 2em;
	}
	#tdv-strategy .box h1 {
		padding:0.5em 0;
		margin: 0.5em 0;
	}
	#tdv-strategy .box p {
		font-weight:500;
		line-height:25px;
	}
	#tdv-strategy .box a {
		text-decoration: #000 underline dashed;
		color:#000;
		font-weight:700;
	}
	#tdv-strategy .box a:hover {
		text-decoration: none;
	}
	a.tdv-tooltips {
	  	position: relative;
	  	display: inline;
	  	margin: 0.5em;
	  	text-decoration: none;
	  	color: #FFFFFF;
	}
	a.tdv-tooltips:hover {
	}
	a.tdv-tooltips span {
	  	position: absolute;
	  	width:120px;
	  	color: #FFFFFF;
	  	background: #fc9000;
	  	height: 40px;
	  	line-height: 20px;
	  	text-align: center;
	  	visibility: hidden;
	  	border-radius: 6px;
	  	font-family: Arial, sans-serif;
	  	font-size: 1em;
	  	font-weight: 900;
	  	box-shadow: 0 0 1px #000;
	  	padding: 0.2em;
	}
	a.tdv-tooltips span:after {
	  	content: '';
	  	position: absolute;
	  	top: 100%;
	  	left: 50%;
	  	margin-left: 8px;
	  	width: 0; height: 0;
	  	border-top: 20px solid #fc9000;
	  	border-right: 8px solid transparent;
	  	border-left: 8px solid transparent;
	}
	a:hover.tdv-tooltips span {
	  	visibility: visible;
	  	opacity: 0.99;
	  	bottom: 70px;
	  	left: 50%;
	  	margin-left: -76px;
	  	z-index: 999;
	}	
	#tdv-videos {
		width:700px; 
		margin-left:auto; 
		margin-right:auto;
	}
	#top-content ul {
		list-style: square url("/resources/blue-bullet.png");
		line-height: 25px;
	}
	#top-content li {
		font-family: Arial, sans-serif;
		font-size: .9em;
		color:#000;
	}
	#top-content li a {
		text-decoration-color: #fc9000;
		text-decoration-line: underline;
		text-decoration-style: dashed;
		font-weight: 500;
		color:#0000ff;
	}
	#top-content li:hover a {
		text-decoration: none;
	}
	#moresites {
		position:relative;
		width: 500px;
		top:140px;
		left:2px;
		border: #000 thin solid;
		background: #d4edfd;
		font-size:0.9em;
	}
	#moresites h2{
		background:#000;
		color:#ffffff;
		text-align:center;
		padding:0;
		margin:0;
		font-size:1.2em;
	}
	#moresites ul {
		list-style: square url("/resources/blue-bullet.png");
		line-height: 20px;
	}
	#moresites li {
		font-family: Arial, sans-serif;
		font-size: .9em;
		color:#000;
	}
	#moresites li a {
		text-decoration: #fc9000 underline dashed;
		font-weight: 500;
		color:#2352a0;
	}
	#moresites li:hover a {
		text-decoration: none;
	}

	#action {
		height:302px; 
		width:228px; 
		position:absolute; 
		top:0px; 
		border:#000 thin solid;
	}
	#help {
		position:relative; 
		top:2em;
		width:85%; 
		height:auto; 
		margin-left:auto;
		margin-right:auto;
		padding:2em;
		font-size: 1em;
		border:#000 thin solid;
	}
	#help ul {
		list-style: square url("/resources/blue-bullet.png");
		line-height: 25px;
	}
	#help li {
		font-family: Arial, sans-serif;
		font-size: .9em;
		color:#000;
	}
	#help li a {
		text-decoration: #fc9000 underline dashed;
		font-weight: 500;
		color:#2352a0;
	}
	#help li:hover a {
		text-decoration: none;
	}
	
	#warningsigns {
		 position:relative;
		 top:140px;
		 width: 440px;
		 padding-left:20px;
		 padding-right:20px;
		 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		 font-size: 1em;
	}
	#warningsigns h1 {
		font-size:2em;
	}
	#warningsigns ul {
		list-style: square url("/resources/blue-bullet.png");
		line-height: 25px;
	}
	#warningsigns li {
		font-family: Arial, sans-serif;
		font-size: .9em;
		color:#000;
	}
	#warningsigns li a {
		text-decoration: #fc9000 underline dashed;
		font-weight: 500;
		color:#2352a0;
	}
	#warningsigns li:hover a {
		text-decoration: none;
	}
	#safetyplan {
		position:absolute;
		width:650px;
		height:545px;
		top:600px;
		left:20px;
	}
	#safetyplan h1 {
		font-size:2em;
	}
	#safetyplan h2 {
		text-align:center;
		font-size:2em;
		line-height:25px;
	}
	#safetyplan ul {
		list-style: square url("/resources/blue-bullet.png");
		line-height: 25px;
	}
	#safetyplan li {
		font-family: Arial, sans-serif;
		font-size: .9em;
		color:#000;
	}
	#safetyplan li a {
		text-decoration: #fc9000 underline dashed;
		font-weight: 500;
		color:#2352a0;
	}
	#safetyplan li:hover a {
		text-decoration: none;
	}
	#helpline {
		width:80%;
		margin-left:auto;
		margin-right:auto;
		margin-top:3em;
		border: #000 thin solid;
		background:#d4edfd;
	}
	#widelogo {
		 position:relative;
		 top:180px;
		 padding: 5px;
		 width: 100%;
		 height: 80px;
	  	 background-image: url("/resources/jennifer-anns-group-logo.png");
		 background-repeat: no-repeat;
		 background-size: contain;
		 background-position-x: center;
	}
	#logo {
		 position:relative;
		 top:180px;
		 padding: 5px;
		 width: 488px;
		 height: 80px;
	  	 background-image: url("/resources/jennifer-anns-group-logo.png");
		 background-repeat: no-repeat;
		 background-size: contain;
		 background-position-x: center;
	}
	#leftlogo {
		 position:relative;
		 top:180px;
		 padding: 5px;
		 width: 270px;
		 height: 80px;
	  	 background-image: url("/resources/jennifer-anns-group-logo-270px.png");
		 background-repeat: no-repeat;
		 background-size: contain;
		 background-position-x: center;
	}
	#rightside {
		 position:absolute;
		 top:175px;
		 left:490px;
		 width: 260px;
		 height: 450px;
		 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		 font-size: 0.75em;
		 text-align:center;
	}
	#top-content {
		 position:relative;
		 top:140px;
		 width: 440px;
		 padding-left:20px;
		 padding-right:20px;
		 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		 font-size: 1em;
	 }
	#news {
		width:100%;
		left:0px; 
		margin:0; 
		position: relative; 
		top:115px; 
	}
	#leftside {
		position:absolute; 
		width:162px; 
		height:auto; 
		top: 1150px; 
		left: 10px; 
	}
	#donations {
		 position:relative; 
		 width:100%;
		 height: 150px; 
		 top: 0; 
		 left: 0; 
		 background-color: #fc9000; 
		 z-index: #98;
	}	   
	#amznCharityBanner {
		position: relative; 
		top:0;
		z-index: #99;
	}
	#humble {
		position: relative;
		top:0;
		z-index: #99;
	}
	#guidestar {
		position: relative;
		top:0;
	}
	#newsletterSignUp {
		position:absolute;
		width: 550px;
		top: 1285px;
		left: 190px;
		height: 170px;
		border: #000 thin solid;
		background-color: #EBF5FF;
	}
	#tdvam2017 {
		position:absolute; 
		width: 550px; 
		height: 280px; 
		top: 1780px; 
		left: 190px;
		line-height: 20px;
	}
	#bookmarks {
		position:absolute; 
		width: 550px; 
		height: 545px; 
		top: 1150px;
		left: 190px;
		line-height: 20px;
	}
	#footer {
	position: absolute;
	width: 750px;
	height: auto;
	z-index: 99;
	bottom: 0;
	background: #cccccc;
	border-top: #000 thin solid;
	border-bottom: #000 thick solid;
	/* [disabled]padding: 1em 0 2em 0; */
	}
}