html {
	/*height: 100%;*/
}

body {
	margin: 0;
	padding: 0;
	position : relative;
	background-color : #FFFFFF;
	height: 100%;
}

#container {
	/*border: 0.1em #000000 solid;*/
	text-align: left;
	margin: 0 auto; 
	width: 64.000em;
	position: relative;
	padding: 0;
	height: 100%;	
	-webkit-box-shadow: 0 0 0.625em #BDE3F9;
	-moz-box-shadow: 0 0 0.625em #BDE3F9;
	box-shadow: 0 0 0.625em #BDE3F9;
}

/* header for home page only: */
#home_header {
	position: relative; 
	padding: 0;
	margin: 0; 
	top: 0; 
	left: 0; 
	display: block; 
	width: 100%; 
	height: 15.313em;
	/*border: 0.1em solid orange;*/
}
#home_header h1, #header h1 {
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
}
/* header for all other pages: */
#header {
	position: relative; 
	padding: 0;
	margin: 0; 
	top: 0; 
	left: 0; 
	display: block; 
	width: 100%; 
	height: 6.750em;
	/*border: 0.1em solid orange;*/
}
#header img {	
	border: none;
}
#header_links {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.313em;
}

/* Menu: */
#menu {
	clear: both;
	position: relative;
	padding: 0.2em 0;
	margin: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1.6em;
	text-align: center;
	background-color: #9AC7E0;
}
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 104%;
	font-weight: bold;
}
#menu li {
	margin: -1.5em 0 0 0;
	display: inline;
}
#menu a {
	text-decoration: none;
	padding: 0.5em 0.38em 0.375em 0.38em;
}
#menu a:hover {
	color: #FFFFFF !important;
	border-bottom: 0.25em solid #8EB4E3;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#menu #link1 a:hover {
	background-color: #061580;
}
#menu #link2 a:hover {
	background-color: #0067B9;
}
#menu #link3 a:hover {
	background-color: #321E75;
}
#menu #link4 a:hover {
	background-color: #12668E;
}
#menu #link5 a:hover {
	background-color: #363E94;
}
#menu #link6 a:hover {
	background-color: #0B7068;
}
#menu #link7 a:hover {
	background-color: #2E477A;
}
#menu #link8 a:hover {
	background-color: #033F38;
}
#menu #link9 a:hover {
	background-color: #1C2B4A;
}
/*Menu end*/

#main {
	position: relative; 
	display: block;
	clear: both;
	margin: 0;
	padding: 1em;
	height: 100%;
	/*border: 0.1em solid grey;*/
}

#homepagemain {
	padding: 0;
}

#main p.imgtextsmall {
	clear: both;
	font-size: 80%;
	line-height: 1.4em;
	margin-bottom: 2em;
}
#main p.imgtextsmall_left {
	display: block;
	text-align: center;
	clear: both;
	font-size: 80%;
	line-height: 1.4em;
	margin-bottom: 2em;
	margin-right: 10%;
}
#main p.imgtextsmall_right {
	display: block;
	text-align: center;
	clear: both;
	font-size: 80%;
	line-height: 1.4em;
	margin-bottom: 2em;
	margin-left: 10%;
}
#main p.form_imgcredit {
	clear: both;
	font-size: 80%;
	text-align: center;
	line-height: 1.4em;
	margin-bottom: 2em;
}
#main ul.nobullets {
	list-style-type: none;
}

/* Main content page img stylings: */
.pageimg {
	display: block;
	border: solid #16375f 0.125em;
}
.imgright {
	margin: 3% auto 1em auto;
	float: right;	
	clear: left;
}
.imgright_b {
	margin: 3% 4%;
	float: right;	
	clear: left;
}
.imgright_c {
	margin: 0 4% 1% 4%;
	float: right;	
	clear: left;
}
.imgleft {
	margin: 3% auto 1em auto;
	float: left;
	clear: right;
}
.imgcenter {
	margin: 3% auto 1em auto;
	text-align: center;
}

.clear {
	clear: both;
}

/* Left and right boxes for use in layout: */
.leftbox, .rightbox {
	float: left;
	display: inline;
	position: relative;
	margin-top: 1em;
	padding: 0;
}
.leftbox {
	z-index: 100;
	width:  27%;
	height: 100%;
}
.rightbox {
	width: 71%;
	height: 100%;
}
.leftbox  { 
	/*border: 0.1em solid blue;*/
}
.rightbox  { 
	/*border: 0.1em solid red;*/
}
.leftbox li, .rightbox li {
	list-style-type: none;
}
.leftbox ul, .rightbox ul {
	padding: 0;
}
.col {
	width: 49%;
	display: inline;
	float: left;
}
.width_70 {
	width: 70%;
}
.width_65 {
	width: 65%;
}
.width_60 {
	width: 60%;
}
.width_55 {
	width: 55%;
}
.width_50 {
	width: 50%;
}
.width_45 {
	width: 45%;
}
.width_40 {
	width: 40%;
}
.width_35 {
	width: 35%;
}
.width_30 {
	width: 30%;
}

/* themes.html page: */
#themes_menu {
	clear: both;
	position: relative; 
	padding: 0;
	margin: 0;
	top: 0; 
	left: 0; 
	display: block; 
	width: 100%; 
	height: 100%;
	text-align: left;
	font-size: 95%;
}
#themes_menu ul {
	margin: 0;	
	padding: 0;
}
#themes_menu ul li {
	display: block;
	list-style-type: none;
	padding: 0.133em 0.4em 0.067em 0.4em;
	border-left: 0.133em solid #FFFFFF;
	border-top: 0.133em solid #FFFFFF;
	border-bottom: 0.133em solid #FFFFFF;
}
#themes_menu ul.themes_menu_1 li {
	background-color: #D4E8F2;
}
#themes_menu ul.themes_menu_2 li {
	background-color: #E5E7F0;
}
#themes_menu ul.themes_menu_3 li {
	background-color: #CCE3DA;
}
#themes_menu ul li a {
	display: block;
	text-decoration: none;
}
#themes_menu ul li:hover {
	color: #FFFFFF !important;
	margin-right: -0.133em;
	border-left: 0.133em solid #173660;
	border-top: 0.133em solid #173660;
	border-bottom: 0.133em solid #173660;
	border-right: 0.133em solid #FFFFFF;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#themes_menu ul.themes_menu_1 li:hover {
	background-color: #2F7798 !important;
}
#themes_menu ul.themes_menu_2 li:hover {
	background-color: #4F5887 !important;
}
#themes_menu ul.themes_menu_3 li:hover {
	background-color: #3F735E !important;
}
#themes_menu ul li:hover a {
	color: #FFFFFF !important;
}
#themes_menu .themes_menu_current {
	background-color: #FFFFFF !important;
	margin-right: -0.133em;
	color: #173660;
	border-left: 0.133em solid #173660;
	border-top: 0.133em solid #173660;
	border-bottom: 0.133em solid #173660;
	border-right: 0.133em solid #FFFFFF;
}
iframe.theme_results {
	display: block;
	height: 33.4em;
	width: 100%;
	border: none;
	/*border: 0.1em solid black;*/
	overflow: auto;
}
#iframe_container {
	padding: 0.5em 0 0.8em 0.3em;
	border: 0.125em solid #173660;
}
/* themes_results.html page: */
#theme_results {
	margin: 0;
	padding: 0;
}
#theme_results img {
	border: none;
}
#theme_results_photos {
	display: inline;
	float: left;
	position: relative;	
	width: 48%;
	padding: 0.313em;
}
#theme_results_videos {
	display: block;
	float: right;
	position: relative;
	width: 48%;
	padding: 0.313em;
}
#theme_results_text_and_audio {
	display: block;	
	position: relative;	
	width: 98%;
	padding: 0.313em 0.313em 0 0.313em;
}
.theme_results_box_header {
	color: #FFFFFF;
	background-color: #173660;
	padding: 0.1em 0;
	margin: 0;
	behavior: url("PIE.htc");
}
.theme_results_box_header p {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}
#int_note {
	font-size: 95%;
	font-weight: 400;
	line-height: 1.3em;
	text-align: center;
	margin: 0.3em 0 0.5em 0;
}
.theme_result {
	margin: 0;
	padding: 0;
}
.theme_result_container {
	width: 100%;
	display: block;
	position: relative;
	float: left;
	clear: both;
	margin: 0.65em 0;
	padding: 0;
	height: 100%;
}
.theme_result_left {
	width: 7%;
	float: left;
}
.theme_result_button {
	width: 3%;
	float: right;
}
.theme_result_left, .theme_result_button {
	display: block;
	height: 100%;
	margin: -0.15em 0.313em 0.188em 0.313em;
	padding: 0.188em 0;
	background-color: #A5CFFB;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
	text-align: center;
	font-weight: bold;
}
.theme_result_left a, .theme_result_button a {
	display: block;
	text-decoration: none;
}
.theme_result_left:hover, .theme_result_button:hover {
	color: #FFFFFF !important;
	background-color: #17375E;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.theme_result_left:hover a, .theme_result_button:hover a {
	color: #FFFFFF !important;
}
.theme_result_right {
	display: block;
	width: 85%;
	float: left;
	padding-left: 0.313em;
}
#theme_results img.photo, #theme_results img.video {
	border: 0.125em solid #173660;
	text-align: center;
}
#theme_results .slideshow_photos, #theme_results .slideshow_videos {	
	margin: 0 auto;
}
/*Photo & Video layout in Lytebox windows*/
#lytebox_photo_window {
	min-width: 450px;
}
#lytebox_video_window {
	min-width: 900px;
}
#photo_window_left, #video_window_left {
	display: inline-block;
	float: left;
	clear: right;
	max-width: 45%;
	height: 410px;
	margin: 0 1% 0 3%;
	padding: 0;
}
#photo_window_right, #video_window_right {
}
#photo_small {
	margin: 0;
	padding: 0;
	border: 0.3em solid #2B4373;
	max-width: 97%;
	max-height: 390px;
}
#photo_small_caption, #video_caption {
	width: 98%;
	margin: 1em auto 0.9em auto;
	text-align: center;
	color: white;
	background-color: #2B4373;
	border: 0.1em solid #4164AA;
}
#photo_small_caption p, #video_caption p {
	font-size: 105%;
	font-weight: bold;
	line-height: 1.45em;
	margin: 1em 0;
	padding-right: 3%;
}
#photo_small_caption a {
	color: #FFFFFF !important;
}
#photo_small_caption a:hover {
	color: #CCEEFF !important;
}
#photo_small_source {
	width: 98%;
	margin: 0 auto 1em auto;
	text-align: center;
}
#video_source {
	width: 47%;
	float: right;
	margin: 0 3% 0 0;
	text-align: center;
}
#video_source_itv, #video_source_nefa {
	margin: 0.4em 0 0 0;
	padding: 0;
}
#video_source_itv_caption {
	margin: 0;
	padding: 0;
	width: 54%;
	float: left;
	text-align: center;
}
#video_source_itv_logo {
	margin: 0;
	padding: 0;
	float: right;
	width: 44%;
	text-align: center;
	border: none;
}
#video_source_nefa_logo {
	margin: 0;
	padding: 0;
	float: left;
	width: 44%;
	text-align: center;
	border: none;
}
#video_source_nefa_caption {
	margin: 0;
	padding: 0 0 0.5em 0;
	float: right;
	width: 50%;
	text-align: center;
}
#video_source_itv_logo img, #video_source_nefa_logo img {
	width: 98%;
	border: none;
}
#photo_small_source p, #video_source p {
	font-size: 80%;
	line-height: 1.4em;
	margin: 0.5em 0;
	padding-right: 3%;
}
#video_source p.caption_note {
	font-size: 70%;
	line-height: 1.1em;
	margin: 0.5em 0;
	padding-right: 3%;
}
#photo_small_text, #video_text {
	width: 98%;
	margin: 0 auto 0.3em auto;
	text-align: center;
	border: 0;
}
#photo_small_text p, #video_text p {
	font-size: 80%;
	line-height: 1.4em;
	margin: 0.5em 0;
	padding-right: 3%;
}
#video_text p.note {
	font-size: 80%;
	line-height: 1.4em;
	margin: 0.5em 0;
	padding: 0;
}
#video_date {
	width: 98%;
	margin: 0 auto 0.8em auto;
	text-align: center;
}
#video_date p {
	font-size: 105%;
	font-weight: bold;
	color: #2B4373;
	margin: 0;
	padding-right: 3%;
}
#video_container {
	/*position: relative;
	top: 0;
	text-align: center;
	margin: 0 auto;
	display: block;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 1em;*/
}
#video_container #jp_container_1 {
	margin: 0 auto;
	display: block;
	width: 20em;
	border: 0.3em solid #2B4373;
}
#video_container  #jquery_jplayer_1 {
	width: 20em;
	border: none;
}
#video_container  .jp-type-single {
	width: 20em;
}
#video_container ul.jp-controls {
	text-align: center !important;
}
#video_container ul.jp-controls li {
	display: inline !important;
}
#video_container a.jp-play, #video_container a.jp-pause {
    left: 9em;
}
#video_container .jp-current-time {
	text-align: left;
}
#video_container .jp-duration {
	text-align: right;
}
#video_container .jp-no-solution {
	font-size: 55%;
}
/*Full-Size Photo Window*/
#photo_full_size {
	width: 80%;
	text-align: center;
	border: 0.2em solid #2B4373;
}
#photo_full_size_text {
	width: 80%;
	margin: 1em auto 0.2em auto;
	text-align: center;
	color: white;
	background-color: #4164AA;
	border: 0.2em solid #2B4373;
}
#photo_full_size_text h2 {
	margin: 0.5em 3em;
}
#photo_full_size_text p {
	margin: 1em 3em;
}
#photo_full_size_text a {
	color: #FFFFFF;
}
#photo_full_size_text a:hover {
	color: #CCEEFF;
}

#pic_wall_thumbnail {
	border: 0;
	text-align: center;
}
#pic_wall_thumbnail img {
	border: 0;
	width: 100px;
	height: 100px;
}
#pic_wall_thumbnail img:hover {
	width: 92px;
	height: 92px;
	border-top: 4px solid #6498D8;
	border-bottom: 4px solid #265997;
	border-left: 4px solid #2B65AB;
	border-right: 4px solid #A1C1E8;
}
#vid_wall_thumbnail {
	border: 0;
	text-align: center;
}
#vid_wall_thumbnail img {
	border: 0;
	width: 200px;
	height: 200px;
}
#vid_wall_thumbnail img:hover {
	width: 192px;
	height: 192px;
	border-top: 4px solid #6498D8;
	border-bottom: 4px solid #265997;
	border-left: 4px solid #2B65AB;
	border-right: 4px solid #A1C1E8;
}
/* Individual Interview Page: */
/* jPlayer instance: */
#jp_interface_1 {
	width: 32em;
	display: block;
	-webkit-border-top-left: 0.375em;
	-webkit-border-top-right: 0.375em;
	-moz-border-radius-topleft: 0.375em;
	-moz-border-radius-topright: 0.375em;
	border-top-left-radius: 0.375em;	
	border-top-right-radius: 0.375em;
	behavior: url("PIE.htc");
}
#jp_playlist_1 {
	width: 32em;
	display: block;
	-webkit-border-bottom-left: 0.375em;
	-webkit-border-bottom-right: 0.375em;
	-moz-border-radius-bottomleft: 0.375em;
	-moz-border-radius-bottomright: 0.375em;
	border-bottom-left-radius: 0.375em;
	border-bottom-right-radius: 0.375em;
	behavior: url("PIE.htc");
}
#jp_interface_1 .jp-controls { 
	width: 50%;
	display: inline;
}
#jp_interface_1 .jp-progress {
	display: block;
	width: 50% !important;
}
#jp_interface_1 .jp-mute, #jp_interface_1 .jp-unmute {
 	left: 26em !important;
}
#jp_interface_1 .jp-volume-bar {
	left: 27em !important;
	width: 12%;
}

/* People box: */
.interview_people {
	display: block;
	float: right;
	clear: right;
	width: 33%;
}
.interview_person {
	background-color: #91D0FF;
	-webkit-border-radius: 0.375em;
	-moz-border-radius: 0.375em;
	border-radius: 0.375em;
	padding: 0.313em 0.313em 0.313em 0.313em;
	margin: 0 0.313em 0.313em 0.313em;
	display: block;
	float: right;
	clear: right;
	width: 100%;
	behavior: url("PIE.htc");
}
.interview_person p {
	margin: 0;
	padding: 0 0.5em 0 0.5em;
}
.interview_person table {
	width: 100%;
}
.interview_person table td.person_field {
	width: 38%;
	text-align: right;
}
.interview_person p {
	margin: 0;
	padding: 0 0.5em 0 0;
	color: #FFFFFF;
}
.interview_person table td.person_field p {
	margin: 0;
	padding: 0 0.5em 0 0;
	color: #E6E6E6;
}

/* Themes box: */
.interview_themes_container {
	display: block;
	float: right;
	clear: right;
	width: 33%;
}
.interview_themes_box {
	background-color: #9CD8F3;
	background-image: linear-gradient(bottom, rgb(209,236,249) 9%, rgb(156,216,243) 47%, rgb(156,216,243) 9%);
	background-image: -o-linear-gradient(bottom, rgb(209,236,249) 9%, rgb(156,216,243) 47%, rgb(156,216,243) 9%);
	background-image: -moz-linear-gradient(bottom, rgb(209,236,249) 9%, rgb(156,216,243) 47%, rgb(156,216,243) 9%);
	background-image: -webkit-linear-gradient(bottom, rgb(209,236,249) 9%, rgb(156,216,243) 47%, rgb(156,216,243) 9%);
	background-image: -ms-linear-gradient(bottom, rgb(209,236,249) 9%, rgb(156,216,243) 47%, rgb(156,216,243) 9%);
	-webkit-border-radius: 0.375em;
	-moz-border-radius: 0.375em;
	border-radius: 0.375em;
	padding: 0.313em 0.313em 0.313em 0.313em;
	margin: 0 0.313em 0.313em 0.313em;
	display: block;
	float: right;
	clear: right;
	width: 100%;
	behavior: url("PIE.htc");
}
.interview_themes_box h2 {
	margin: 0.2em 4.2em 0.2em 0.2em;
	padding: 0;
	font-family: Britannic, Helvetica, Arial, sans-serif;
	font-size: 160%;
	font-weight: 400;
	border-bottom: 0.05em solid #D1ECF9;
}
.interview_themes_box p {
	margin: 0.2em 6.5em 0 1em;
	padding: 0;
	line-height: 1.4em;
	font-size: 95%;
	font-weight: bold;
}

/* Themes menu on interview interface page */
.interview_themes_menu {
	clear: both;
	position: relative;
	margin: 0 3em 0 1em;
	padding: 0;
	top: 0; 
	left: 0; 
	display: block; 
	width: 85%; 
	height: 100%;
	text-align: center;
	font-size: 95%;
}
.interview_themes_menu p {
	margin: 0.5em 0 0 0;
	padding: 0;
	line-height: 1.4em;
	font-size: 95%;
}
.interview_themes_menu ul {
	margin: 0;	
	padding: 0;
}
.interview_themes_menu ul li {
	display: block;
	list-style-type: none;
	padding: 0.133em 0.4em 0.067em 0.4em;
	background-color: #D1ECF9;
	border: 0.133em solid #FFFFFF;
}
.interview_themes_menu ul li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
}
.interview_themes_menu ul li:hover {
	background-color: #2F7798 !important;
	color: #FFFFFF !important;
	margin: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.interview_themes_menu ul li:hover a {
	color: #FFFFFF !important;
}

/* Audio section: */
.interview_audio {
	width: 65%;
}
/* Left hand pane: */
#left_pane {
	width: 65%;
}
/* Transcript section: */
#transcript { 
	width: 64.5%;
	border: solid 0.08em #009BE3;
	-webkit-border-radius: 0.375em;
	-moz-border-radius: 0.375em;
	border-radius: 0.375em;
	margin-top: 0.313em;
	height: 48em;
	behavior: url("PIE.htc");
}
.interview_ortho {
	/*border: 0.1em solid black;*/
	width: 100%;
	height: 44em;
	overflow: auto;
}
.interview_ortho table td.transcript_speaker {
	width: 16%;
	text-align: right;
}
.interview_ortho table td.transcript_speaker p {
	margin: 0;
	padding: 0 0 0.7em 0;
	font-weight: bold;
}
.interview_ortho table td.transcript_string p {
	margin: 0;
	padding: 0 0.6em 0.7em 0.4em;
}
.highlightTranscript {
	background-color: #E3E1E1;
}
#interview_instructions {
	margin: 0.6em 0 1.8em 1.2em;
	padding: 0;
}
#interview_instructions li {
	padding: 0.6em 0 0.6em 0.8em;
}

/* Home page boxes: */
#home_boxes {
	position: relative;
	display: inline;
	float: left;
	margin: 0 auto;
	text-align: center;
	/*border: 0.1em solid blue;*/
}
#home_boxes .home_box {
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
	border-radius: 0.75em;
	width: 30%;
	height: 9.375em;
	padding: 0.626em;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0.313em;
	margin-bottom: 0.313em;	
	float: left;
	text-align: left;
	behavior: url("PIE.htc");
	-webkit-box-shadow: -0.1em -0.1em 0.2em #C3CBD0;
	-moz-box-shadow: -0.1em -0.1em 0.2em #C3CBD0;
	box-shadow: -0.1em -0.1em 0.2em #C3CBD0;
	cursor: pointer;
}
#home_boxes .home_box:hover {
	-webkit-box-shadow: -0.1em -0.1em 0.4em #6E808C;
	-moz-box-shadow: -0.1em -0.1em 0.4em #6E808C;
	box-shadow: -0.1em -0.1em 0.4em #6E808C;
}
.home_box p {
	padding: 0;
}
h2.home_box_title {
	margin: 0.4em;
	font-weight: normal;
}
.home_box_text {
	font-size: 105%;
	margin: 0 7em 0.3em 1.2em;
}
.home_box_more_link {
	text-align:right;
	margin: 0 0.5em 0 0;
	font-weight: bold;
}
.home_box_more_link a {
	text-decoration: none;
}
.home_box_thumbnail {
	width: 32%;
	float: right;
}
.home_box_thumbnail img {
	float: right;
}
.home_box ul {
	margin: 0.313em;
}
#home_box_image {
	background-image: url('http://research.ncl.ac.uk/decte/toon/assets/images/angel.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	display:block;
}
#home_box_themes {
	background-color: #9CD8F3;
	background:linear-gradient(bottom,rgb(209,236,249)9%,rgb(156,216,243)47%,rgb(156,216,243)9%);
	background:-o-linear-gradient(bottom,rgb(209,236,249)9%,rgb(156,216,243)47%,rgb(156,216,243)9%);
	background:-moz-linear-gradient(bottom,rgb(209,236,249)9%,rgb(156,216,243)47%,rgb(156,216,243)9%);
	background:-webkit-linear-gradient(bottom,rgb(209,236,249)9%,rgb(156,216,243)47%,rgb(156,216,243)9%);
	background:-ms-linear-gradient(bottom,rgb(209,236,249)9%,rgb(156,216,243)47%,rgb(156,216,243)9%);
}
#home_box_wordsearch {
	background-color: #A5CFFB;
	background-image: linear-gradient(bottom, rgb(211,231,253) 9%, rgb(165,207,251) 47%, rgb(165,207,251) 9%);
	background-image: -o-linear-gradient(bottom, rgb(211,231,253) 9%, rgb(165,207,251) 47%, rgb(165,207,2513) 9%);
	background-image: -moz-linear-gradient(bottom, rgb(211,231,253) 9%, rgb(165,207,251) 47%, rgb(165,207,251) 9%);
	background-image: -webkit-linear-gradient(bottom, rgb(211,231,253) 9%, rgb(165,207,251) 47%, rgb(165,207,2513) 9%);
	background-image: -ms-linear-gradient(bottom, rgb(211,231,253) 9%, rgb(165,207,251) 47%, rgb(165,207,251) 9%);	
}
#home_box_wordsearch form {
	margin: 1em 0 0.5em 1.2em;
}
#home_box_wordsearch input {
	margin: 0 0 0.6em 0;
}
#home_box_schools {
	background-color: #B9F8F4;
	background-image: linear-gradient(bottom, rgb(226,252,250) 9%, rgb(185,248,244) 47%, rgb(185,248,244) 9%);
	background-image: -o-linear-gradient(bottom, rgb(226,252,250) 9%, rgb(185,248,244) 47%, rgb(185,248,244) 9%);
	background-image: -moz-linear-gradient(bottom, rgb(226,252,250) 9%, rgb(185,248,244) 47%, rgb(185,248,244) 9%);
	background-image: -webkit-linear-gradient(bottom, rgb(226,252,250) 9%, rgb(185,248,244) 47%, rgb(185,248,244) 9%);
	background-image: -ms-linear-gradient(bottom, rgb(226,252,250) 9%, rgb(185,248,244) 47%, rgb(185,248,244) 9%);	
}
#home_box_games {
	background-color: #B8BDF5;
	background-image: linear-gradient(bottom, rgb(228,229,251) 9%, rgb(184,189,245) 47%, rgb(184,189,245) 9%);
	background-image: -o-linear-gradient(bottom, rgb(228,229,251) 9%, rgb(184,189,245) 47%, rgb(184,189,245) 9%);
	background-image: -moz-linear-gradient(bottom, rgb(228,229,251) 9%, rgb(184,189,245) 47%, rgb(184,189,245) 9%);
	background-image: -webkit-linear-gradient(bottom, rgb(228,229,251) 9%, rgb(184,189,245) 47%, rgb(184,189,245) 9%);
	background-image: -ms-linear-gradient(bottom, rgb(228,229,251) 9%, rgb(184,189,245) 47%, rgb(184,189,245) 9%);	
}
#home_box_talkofthetoon {
	background-color: #9ED7FA;
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
	border-radius: 0.75em;
	width: 24%;
	padding: 0.626em;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0.313em;
	margin-bottom: 0.313em;	
	float: right;
	text-align: left;
	behavior: url("PIE.htc");	
	height: 20.75em;
	background-image: linear-gradient(bottom, rgb(211,237,253) 9%, rgb(158,215,250) 47%, rgb(158,215,250) 9%);
	background-image: -o-linear-gradient(bottom, rgb(211,237,253) 9%, rgb(158,215,250) 47%, rgb(158,215,250) 9%);
	background-image: -moz-linear-gradient(bottom, rgb(211,237,253) 9%, rgb(158,215,250) 47%, rgb(158,215,250) 9%);
	background-image: -webkit-linear-gradient(bottom, rgb(211,237,253) 9%, rgb(158,215,250) 47%, rgb(158,215,250) 9%);
	background-image: -ms-linear-gradient(bottom, rgb(211,237,253) 9%, rgb(158,215,250) 47%, rgb(158,215,250) 9%);	
	-webkit-box-shadow: -0.1em -0.1em 0.2em #C3CBD0;
	-moz-box-shadow: -0.1em -0.1em 0.2em #C3CBD0;
	box-shadow: -0.1em -0.1em 0.2em #C3CBD0;
}
#home_box_talkofthetoon:hover {
	-webkit-box-shadow: -0.1em -0.1em 0.4em #6E808C;
	-moz-box-shadow: -0.1em -0.1em 0.4em #6E808C;
	box-shadow: -0.1em -0.1em 0.4em #6E808C;
}
#home_box_talkofthetoon ul {
	margin: 0;
	padding: 0 0 0 1.8em;
}
#home_box_talkofthetoon ul li {
	margin-bottom: 5%;
	padding-left: 2%;
	font-size: 105%;
	font-weight: 600;
}
#toon_box_title {
	margin: 0.1em 0 0.7em 0;
	text-shadow: -0.05em -0.05em 0.1em #679BDA;
	font-family: Britannic, Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.047em;
	line-height: 1em;
	font-size: 190%;
	text-align: center;
}
/*  Home page Top Stories box: */
#home_box_top_stories {
	background-color: #4164AA;
	display: block;
	float: left;
	position:relative;
	margin: 1em auto;
	height: 13em;
	background-image: linear-gradient(bottom, rgb(46,71,122) 9%, rgb(65,100,170) 47%, rgb(65,100,170) 9%);
	background-image: -o-linear-gradient(bottom, rgb(46,71,122) 9%, rgb(65,100,170) 47%, rgb(65,100,170) 9%);
	background-image: -moz-linear-gradient(bottom, rgb(46,71,122) 9%, rgb(65,100,170) 47%, rgb(65,100,170) 9%);
	background-image: -webkit-linear-gradient(bottom, rgb(46,71,122) 9%, rgb(65,100,170) 47%, rgb(65,100,170) 9%);
	background-image: -ms-linear-gradient(bottom, rgb(46,71,122) 9%, rgb(65,100,170) 47%, rgb(65,100,170) 9%);	
}
#home_box_top_stories h2 {
	font-weight: normal;
	z-index: 0;
}
.home_box_top_stories_thumbnail {
	float: right; 
	width: 18%;
	padding: 0.313em;
}
.home_box_top_stories_thumbnail img {
	position: relative;
	width: 75%;
	height: auto;
	z-index: 100;
	margin: 0.313em;
	border: solid #16375f 0.125em;
}
.home_box_top_stories_thumbnail p {
	font-size: 70%;
	text-align: center;
}
.home_box_top_stories_text {
	margin: 0.625em 0;
}
.home_box_top_stories_text p.ts_title {
	font-family: Britannic, Helvetica, Arial, sans-serif;
	font-size: 155%;
	font-weight: normal;
	padding: 0 0 0 1em;
}
.home_box_top_stories_text p.ts_details {
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 0.5em 1.6em;
}
.home_box_top_stories_text p.ts_extract {
	font-size: 109%;
	line-height: 1.35em !important;
	padding: 0 0 0.5em 3em;
}
.home_box_top_stories_text p.ts_links {
	font-size: 90%;
	padding: 0 0 0.8em 1.95em;
}
#main .top_story {
	margin-bottom: 1em;
	position: relative;
	display: block;
	clear: both;
}
.top_story_image {
	position: relative;
	display: block;
	clear: both;
	float: right; 
	width: 22%;
	margin: auto;
	padding-left: 2.5em;
}
.top_story_image p {
	font-size: 75%;
	text-align: center;
}
.top_story_image img {
	z-index: 100;
	border: solid #16375f 0.125em;
	margin: auto;
}

/* Quizzes pages: */
.quizlisting p {
	font-size: 1em;
	margin: 0.125em;
}
.quizlisting h2 {	
	margin: 0;
}
/*Search Page*/
#searchpage_wordsearch {
	background-color: #A5CFFB;
	text-align: center;
	padding: 0.313em;
}
.search_box_thumbnail img { 
	float: right;
	margin-top: -0.313em;
	margin-right: -0.313em;
	padding: 0.5em;
	background-color: #A5CFFB;
	background-image: linear-gradient(bottom, rgb(211,231,253) 9%, rgb(165,207,251) 47%, rgb(165,207,251) 9%);
	background-image: -o-linear-gradient(bottom, rgb(211,231,253) 9%, rgb(165,207,251) 47%, rgb(165,207,2513) 9%);
	background-image: -moz-linear-gradient(bottom, rgb(211,231,253) 9%, rgb(165,207,251) 47%, rgb(165,207,251) 9%);
	background-image: -webkit-linear-gradient(bottom, rgb(211,231,253) 9%, rgb(165,207,251) 47%, rgb(165,207,2513) 9%);
	background-image: -ms-linear-gradient(bottom, rgb(211,231,253) 9%, rgb(165,207,251) 47%, rgb(165,207,251) 9%);	
}
h2.search_result_header {
	font-size: 120%;
}
/* Footer: */
#footer {
	position: relative; 
	display: block;
	margin: 0; 
	padding: 0;
	clear: both;
	width: 100%;
	/*border: 0.1em solid purple;*/
	text-align: center;
}
#site {
	width: 98%;
	padding: 0;
	margin: auto;	
}
#site p.small {
	font-size: 50%;
}
#site p.small80 {
	font-size: 80%;
	padding-bottom: 1em;
	text-align: left;
	line-height: 1.5em;
}
#links ul  li {
	display: inline;
	list-style-type: none;
}
#sponsors {	
	position: relative;
	display: block;	
	margin: 0;
	padding: 1em 0 1.5em 0;
	clear: both;
}
#sponsors img {	
	vertical-align: top;
	border:none;
}

h1, h2, h3, h4, h5, h6, p {
	padding: 0;	
	margin-top: 0.438em;
	margin-bottom: 0.438em;
}
table tr th {
	vertical-align: top;
	text-align: right;
}
table tr td {
	vertical-align: top;
	text-align: left;
}
dl dd {
	margin-bottom: 0.5em;
}
.tab {
	margin-left: 1.25em;
}
#links_az h2 {
	padding: 0.5em 0;
	border-bottom: none;
	text-align: center;
}
#para {
	font-size: 100%;
	text-align: left;
	margin: 1em 1.85em 1.85em 1.85em;
}
#para p {
	line-height: 1.6em;
	margin-bottom: 1.5em;
}
#para2 {
	font-size: 100%;
	text-align: left;
	margin: 4.3em 3.6em 1.6em 3.6em;
}
#para2 p {
	line-height: 1.6em;
	margin: 0.33em 0em 0em 0em;
}
#para2_clear {
	clear: both;
	margin: 0em;
}
#para2 img {	
	border: none;
}
#parahead h2 {
	padding-top: 0.75em;
	border-bottom: 0.1em solid #8eb4e3;
}
#parahead p {
	font-size: 95%;
	margin-top: -0.2em;
	margin-bottom: 1.8em;
}
#dectetable {
	width: 95%;
	margin: 0 auto 3em auto;
}
#dectetable table {
	table-layout: fixed;
	margin: auto;
	border: 0.063em solid #A8B8C2;
}
#dectetable table tr th.dectetable_title, #dectetable table tr th.dectetable_link {
	vertical-align: middle;
	text-align: center;
	line-height: 1.2em;
	background-color: #C5E0EE;
	border: 0.063em solid #A8B8C2;
}
#dectetable table tr th.dectetable_title p {
	padding: 0.5em 0;
}
#dectetable table tr th.dectetable_title_2 {
	height: 2em;
	vertical-align: middle;
	text-align: center;
	line-height: 1.2em;
	background-color: #C5E0EE;
	border: 0.063em solid #A8B8C2;
}
#dectetable table tr th.dectetable_title_2 p {
	font-size: 80%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	line-height: 1em;
}
#dectetable table tr th.dectetable_title_right {
	height: 2em;
	vertical-align: middle;
	text-align: right;
	padding-right: 1.1em;
	line-height: 1.2em;
	background-color: #C5E0EE;
	border: 0.063em solid #A8B8C2;
}
#dectetable table tr th.dectetable_link a {
	padding: 0.375em 0;
	display: block;
	text-decoration: none;
}
#dectetable table tr th.dectetable_link:hover {
	color: #FFFFFF !important;
	background-color: #17375E;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#dectetable table tr th.dectetable_link:hover a {
	color: #FFFFFF !important;
}
#dectetable table tr td {
	padding: 0.375em 0.188em;
	vertical-align: middle;
	text-align: center;
	line-height: 1.2em;
	background-color: #EEF5FA;	
	border: 0.063em solid #A8B8C2;
}
#theme_results_filter {
	width: 100%;
	display: inline;
	margin: 0 auto;
	text-align: center;
	clear: both;
}
#filter_table {
	width: 100%;
	margin-top: 0.3em;
}
#filter_table table {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto;
}
#filter_table table tr th.th_one {
	vertical-align: middle;
	text-align: center;
	line-height: 1.8em;
	background-color: #A5CFFB;
}
#filter_table table tr th.th_two {
	vertical-align: middle;
	text-align: left;
	padding-left: 0.5em;
	line-height: 1.6em;
	background-color: #CCE3E1;
}
#filter_table table tr th.th_three {
	vertical-align: middle;
	text-align: left;
	padding-left: 0.5em;
	line-height: 1.6em;
	background-color: #E4E5FB;
}
#filter_table table tr th.th_four {
	vertical-align: middle;
	text-align: left;
	padding-left: 0.5em;
	line-height: 1.6em;
	background-color: #D3EDFD;
}
#filter_table table tr td {
	vertical-align: top;
	text-align: left;
	padding-left: 0.3em;
}
#index_mininav {
	margin-top: -1em;
	margin-right: 0.5em;
	text-align: right;
	font-size: 80%;
}
#prev_photo img, #next_photo img, #prev_video img, #next_video img {
	opacity: 0.9;
	width: 35px;
	height: 46px
}
#prev_photo img:hover, #next_photo img:hover, #prev_video img:hover, #next_video img:hover {
	opacity: 1;
	width: 35px;
	height: 52px;
}
#form_left {
	width: 52%;
	float: left;
}
#form_right {
	width: 48%;
	float: right;
}

/*http://www.graphicfusiondesign.com/blog/design/creating-fancy-css3-fade-in-animations-on-page-load*/
/* make keyframes that tell the start state and the end state of our object*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
	opacity: 1; /*so that elements show in IE; opacity is set to 0 in conditional comments of header.php, theme_results.html, theme_result_photo.php*/

	-webkit-animation: fadeIn ease-in 1;  /*call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time*/
	-moz-animation: fadeIn ease-in 1;
	-o-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;

	-webkit-animation-fill-mode: forwards;  /*this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
 
	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	-o-animation-duration: 0.3s;
	animation-duration: 0.3s;
}
.fade-in.one {
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	-o-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.fade-in.two {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.fade-in.three {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.fade-in.four {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.fade-in.five {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.fade-in.six {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.fade-in.seven {
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	-o-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.fade-in.eight {
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.fade-in.nine {
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
	-o-animation-delay: 0.9s;
	animation-delay: 0.9s;
}