/* CSS Document */

/*body {*/
#content_container {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: greyscale !important;
	/* font-size: 62.5% !important; */
	/* line-height: 150%; */
	background: #fff;
	margin: 0 auto 0 auto;
	padding: 0px;
	text-align: center;
	/*overflow: hidden;*/
}

#course_content p, #course_content li {
	font-family: Arial, Helvetica, sans-serif !important;
}

#course_content h1, #course_content h2, #course_content h3, #course_content h4, #course_content h5, #course_content h6 {
	font-family: arial, helvetica, sans-serif !important;
	text-transform: none !important;
	margin: 1em 0 .5em 0;
	font-weight: bold;
}

#course_content h1 {
	font-size: 2.4em;
	color: #086ba1;
	border-bottom: solid 2px #086ba1;
}

#course_content h2 {
	font-size: 2em;
	color: #89a96b;
	/*border-bottom: solid 3px #89a96b;*/
}

#course_content h3 {
	font-size: 1.8em;
}

#course_content h4 {
	font-size: 1.4em;
}

#course_content h5 {
	font-size: 1.4em;
}

#course_content h6 {
	font-size: 1.2em;
}

#course_content p {
	margin: 0 0 20px 0;
	text-align: left;
	font-size: 1em !important;
	line-height: 1.5 !important;
}

#course_content a {
	color: #2487bd;
	text-decoration: underline !important;
}

#course_content a:hover, #course_content a:visited {
	color: #075f8f;
}

							/* Chapter Stuff */
							
#template_container {
	padding: 0 10px;
	background: #fff;
}

#course_content, #content_chapter_container {
	background: #fff;
	margin: 0 auto 0 auto;
	padding: 10px;
	text-align: left;
	font-weight: normal;
	font-size: 12pt;
	line-height: 20px;
}

#course_content ul, #course_content ol {
	margin-left: 40px;
	margin-bottom: 20px;
}

#course_content ul li, #course_content ol li {
	margin-bottom: 10px;
}

#course_content table td, #course_content thead, #course_content tbody, #course_content tfoot {
	border: solid 1px #aaa;
}

#course_content button {
  background-color: #086BA1;
  border: none;
  border-radius: 6px;
  color: white;
  padding: .5em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.chapter_title {
	background: url(../../images/nj/chapters/title_bg.jpg) no-repeat;
	height: 40px;
	width: 680px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22pt;
	font-weight: bold;
	color: #252d5c;
	padding: 10px 0px 0px 100px;
	margin: 0px 0px 15px 0px;
	text-align: left;
	letter-spacing: -2px;
}

.section_title {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color:#485186;
	padding: 20px;
	text-align: left;
}

.section_sub {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color:#485186;
	padding: 20px 40px;
	text-align: left;
}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	padding: 5px 0px;
	line-height: 20px;
}

.img {
	border: none;
	padding: 20px 10px;
}

.img_lt {
	border: none;
	padding: 20px 10px;
	float: left;
}

.img_rt {
	border: none;
	padding: 20px 10px;
	float: right;
}

.table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	margin: 20px 0px;
}

.chapter_list {
	list-style-type: disc;
	list-style-position: inside;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align: left;
}

.numbered_list {
	list-style-position: inside;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align: left;
}

.img_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666;
}

#course_note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: center;
	padding: 5px;
	color: #ff0000;
	font-weight: bold;
}

#course_note a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	background: #fff;
	padding: 5px;
	border: solid 1px #bbb;
	text-decoration: none;
}

#course_note a:hover {
	color: #fff;
	background: #ff0000;
	text-decoration: none;
}

#Timer {
	padding: 0px;
	font-weight: bold;
	background: #fff;
	width: 250px;
}

#TimerText {
	color: #ff0000;
	font-size: 24px;
}

#Continue {
	visibility: hidden;
}

.final, .final p {
	text-align: center;
	line-height: 18px;
}

.final form {
	padding: 10px 0px;
}

.final_link, .final_link p  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
	padding: 5px 0px;
}

.movie {
	background: #fff;
	padding: 10px 0px;
}

.movie_container {
	margin: 0 auto 0 auto;
	width: 320px;
	border: solid 5px #710919;
	background: #9f293b;
}

.movie_label {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #eab548;
	letter-spacing: -.5px;
	height: 24px;
	width: 320px; 
	margin: 0 auto 0 auto;
	text-align: left;
}

.movie_sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #e4c6cb;
	width: 320px; 
	margin: 0 auto 0 auto;
	text-align: left;
}

.movie_sub a {
	color: #e4c6cb;
	text-decoration: none;
}

.movie_sub a:hover {
	color: #fff;
	text-decoration: none;
}

.tran_title {
	font-weight: bold;
	font-style: italic;
	color: #37280b;
	padding: 5px 0px 5px 5px;
}

.tran_voice {
	font-weight: bold;
	font-style: italic;
	padding: 5px 0px 5px 5px;
}

div#transcript1, div#transcript2, div#transcript3, div#transcript4, div#transcript5, div#transcript6 {
	background: #fce8c0;
	padding: 0px 5px;
	margin: 0 auto 0 auto;
	width: 600px;
	display: none;
	color: #75571a;
}

.one_liner_header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #990000;
}

.one_liner {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #fce8c0;
	color: #990000;
	margin: 0 auto 0 auto;
	padding: 15px;
	text-align: center;
	border: solid 2px #660000;
}

.joke_header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #2e3958;
}

.joke {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #bdc5de;
	color: #2e3958;
	margin: 0 auto 0 auto;
	padding: 15px;
	text-align: left;
	border: solid 2px #667296;
	line-height: 18px;
}

.collision_header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #263c24;
}

.collision {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #aed7a9;
	color: #263c24;
	margin: 0 auto 0 auto;
	padding: 15px;
	text-align: left;
	border: solid 2px #3b7535;
}

.silly_signs_header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #3f1d41;
}

.silly_signs {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #dcb3df;
	color: #3f1d41;
	margin: 0 auto 0 auto;
	padding: 15px;
	text-align: left;
	border: solid 2px #8f5593;
}

.bumper_snickers_header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #3b1e1e;
}

.bumper_snickers {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #f1b8b8;
	color: #3b1e1e;
	margin: 0 auto 0 auto;
	padding: 15px;
	text-align: left;
	border: solid 2px #b44e4e;
}

.vanity_header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #444444;
}

.vanity {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #fff;
	color: #444444;
	margin: 0 auto 0 auto;
	padding: 15px;
	text-align: center;
	border: solid 2px #888888;
}

.chapter_tag_header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #212d2c;
}

.chapter_tag_header h1 {
	color: #415b82;
}

.chapter_tag_header b, .chapter_tag_footer b {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff0000;
}

.content b {
	color: #000;
}
	
#chapter_tag {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #d9e9e7;
	color: #212d2c;
	margin: 0 auto 0 auto;
	padding: 15px;
	text-align: center;
	border: solid 2px #7c9a97;
	line-height: 22px;
}

#chapter_tag ol, ul {
	margin: 0 0 0 20px;
}

#chapter_tag ol li, #chapter_tag ul li {
	padding: 5px 0px 8px 5px;
}

/*
td {
	text-align:center;
	padding: 10px;
	font-family: arial, helvetica, sans-serif !important;
	font-size: 11pt;
}
*/

#viewchap {
	background: #fff;
}

html>body #dock {
	padding: 5px 0px 0px 25px;
	margin: 0 auto 0 auto;
	background: #ddd;
	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	border-right: solid 1px #ccc; 
	border-bottom: solid 1px #ccc; 
	width: 96%;
	height: 25px;
}

.dock_content {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #777;
	padding: 0px 0px;
	float: left;
	width: 50%;
}

.dock_content a {
	color: #555;
	text-decoration: none;
	border: 0px;
	margin: 0px 0px 0px 15px;
}

							/* National Joke Stuff */

.joke_time {
	margin-left: 20px;
	padding: 20px 0 10px 0;
	width: 100%;
}

.joke_guy, .joke_image, .trivia_image {
	padding: 0 10px 0 0;
	float: left;
	width: 108px;
}

.joke_title {
	font: bold 18px arial, helvetica, sans-serif;
}

.joke_text p, .trivia_text p {
	margin: 10px 0 0 10px;
	padding: 0;
	font: normal 12px arial, helvetica, sans-serif;
	color: #fff;
}

.one_liners, .insurance_claims, .real_jokes {
	margin: 10px 0 50px 0;
	padding: 10px 10px 10px 10px;
	width: 645px;
	float: left;
}

.joke_text, .trivia_text {
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
}

.one_liners {
	background: #d9eda3;
	border: solid 1px #517513;
}

.insurance_claims {
	background: #fae9b0;
	border: solid 1px #ce9e00;
}

.real_jokes {
	background: #f3c3b2;
	border: solid 1px #733e2b;
}

.joke_text {
	/*background: #608c01;
	border: solid 5px #517513;*/
}

.trivia_text {
	/*background: #cc6602;
	border: solid 5px #cc6602;*/
}

div.joke_container {
	margin: 40px auto;
	width: 600px;
}

div.joke {
	padding: 0 10px 10px 10px;
	background: #d2dcc3;
	border: solid 2px #89A96B;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.smiley_face {
	padding: 10px 10px 0 0;
	float: left;
}

.left, .img_l {
	float: left;
	/* margin: 50px 0 0 0; */
	padding: 10px;
	display: inline;
}

.right, .img_r {
	float: right;
	/* margin: 50px 0 0 0; */
	padding: 10px;
	display: inline;
}

.caption {
	color: #086ba1;
	font-size: .9em;
	margin: 10px 0 20px 0;
}

.info {
	/*background: #bce1f5;*/
	border: solid 1px #10577e;
	margin-bottom: 20px;
	padding: 20px 20px 0 20px;
}
/*.info img {
	border: solid 1px #54a1cc;
}*/

.clear {
	clear: both;
}

							/* Formatting Stuff */
							
#no_bullet.chapter_list { /* Added to indent text w/o bullets inline w/ list text */
 	list-style:none;
	padding-left:40px;
}
 
.left_justify { /* Added to left align td data that won't align by inserting "align="left" attribute */
 	text-align:left;
}

#course-footer-links {
	font-size: 1.25em;
}

/* Added to format table text*/

.chapter_table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0px;
	line-height: 18px;
}	

							/* Quiz Stuff */
							
.question {
	font-size: 16px;
	font-weight: bold;
	margin: 25px 5px 5px 5px;
}

.answer {
	margin: 5px 5px 5px 25px;
}