/* Responsive layout for otherness site


/* CSS reset */

*,html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video
	{
    margin:0;
    padding:0;
    border:none;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
	font-family: Georgia, ruth !important;
	}
	


/* Mobile Layout: 480px and below. */




/* Area beyond web site*/

body	{
    font-size: 100%;
    background-color: #95D3D0;
	}
	
/* Sets width, centres and adds borders to web site area */

#container {
	margin: 0 auto 0 auto;
	background-color: rgba(255, 255, 255, 1.0);
	max-width:1200px !important;
	}

	







/* Sets default font */

*, body,h1,h2,h3,h4,p,ul,ol,li,blockquote,td,tr,th, dl, dl dt, dl dd, form, textarea, div, span, #content {
	font-family: Georgia, ruth, Time New Roman serif !important;
	}
	
	
@font-face {
    font-family: ruth;
    src: url("georgia.ttf");
	}

@font-face {
    font-family: ruthscript;
    src: url("FRSCRIPT.TTF");
	}





/* Headings */

#content h1,#content h2,#content h3, #content h4 {
	letter-spacing: 0.05em;
	font-weight: normal;
    }

#content h1 {
	font-size: 300%;
	margin-top:5%;
	margin-bottom: 3%;
    padding-left: 2%;
    color:#fff;
	}

#content h2 {
	font-size: 140%;
	margin-top:5%;
	margin-bottom: 5%;
	}
	
#content h3 	{
	font-size: 110%;
	color:#111;
	margin-top:5%;
	margin-bottom: 5%;
	}

#content h4 {
	font-size: 100%;
	margin-top:5%;
	margin-bottom: 5%;
	}

	

/* Sets main body font size for P, li, dd and table */

#content p, #content li,#content td, #content dl dd, #content label, ol  {
	font-size: 120%;
	line-height: 1.6;
	letter-spacing: 0.045em;
	color:#111;
	}


	
#content p {
	padding-left:2%;
    padding-right:2%;
	margin-bottom: 2.8%;
    color:#000;
	font-size: 82%;
	}





/*lists - basic content area lists - not navigation lists*/

#content ul {
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left: 0;
	padding-left:0;
	line-height: 1.35;
	}
		
#content ul li, #content ol li {
	margin-bottom:3.5%;
	margin-left: 2%;
	padding-left:6%;
	}


/*Blockquotes*/

#content blockquote p {
	color: #005151;
	text-indent: -0.4em;
	margin-bottom: 5%;
	padding-left: 6%;
	padding-right: 5%;
	padding-top:5%;
	}
		
#content blockquote p.second_para,#content blockquote.recommend p.second_paragraph {
	text-indent: 0;
	}




/*text variations*/

.bold_presentation {
	font-weight: bold;
	}

.hilight {
	color: #B31E00;
	font-weight: bold;
	}

.data_feint {
	color: #666;
	}

.credit_caps {
	color: #B31E00;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.alt_highlight {
	font-weight: bold;
	color: #006666;
	}

.italics_presentation {
	font-style: italic;
	}

.white {
	color: #fff;
	}
	




/*links - not navigation*/

#content ul li a:link, #content p a:link, #content dl dd a:link	{
	color: #fff !important;
	background: transparent;
	border-bottom: 0.1em solid #10670E;
	}

#content ul li a:visited, #content p a:visited, #content dl dd a:visited {
	color: #10670E;
	background: transparent;
	border-bottom: 0.05em solid #10670E;
	}

#content ul li a:hover, #content p a:hover, #content dl dd a:hover	 {
	color: #fff;
	background: #10670E;
	border-bottom: 0.1em solid #fff;
	}

#content ul li a:active, #content p a:active, #content dl dd a:active	 {
	color: #fff;
	background: #B31E00;
	border-bottom: 0.05em solid #B31E00;
	}







/*All header - heading, strapline etc*/

#header {
	margin: 0 0 0 0;
	padding:0.3% 0 0.6% 0;
	height:auto;
	border-radius: 0;
	background-image: url("images/banner.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: #5b8f8d !important;
	}


/*.mainpage#header {
	margin: 0 0 0 0;
	padding:0.3% 0 0.6% 0;
	border-radius: 0;
	background-image: url("/ruth/images/r.jpg");
	background-size: 33.5%;
	background-repeat:repeat-x;
	background-color: #5b8f8d !important;
	
	}*/



#welcome #header {
	min-height: 13em;
	padding:0;
}



#welcome #header h2 {
	font-size: 260%;
	color:#fff;
	width:72%;
	background-color:  rgba(91, 143, 141, 0.4);
	border-radius: 0 0 1em 0 ;
	letter-spacing: 0.02em;
	font-style: italic;
	
    }


#welcome p#strapline, p#strapline {
	font-size: 290%;
	text-align: center;
	font-style: italic;
	font-family: ruthscript, "french script MT" !important;
	padding-top:1%;
	padding-bottom: 2%;
	background-color: #5b8f8d;	
    }




	
		
/*

#welcome  #nav li a { 
background-color:#5218b2;	
    }*/

#welcome #content p a:link, #welcome #content p a:visited {
color:#fff;	
    }

#welcome #content p a:hover, #welcome #content p a:active {
background-color:#000;
color:#fff;
	border-bottom: none;
    }



#welcome  #content {
	width:100%;
	margin:0;
	padding:0;
	background-color: #5b8f8d !important;	
    }

	
#welcome #content .choose    {
	float:left;
	width:44%;
	height:auto;
	margin: 1.5% 5% 4% 0;
	padding:0;
	text-align:center;
	display:block;
    }


#welcome #content .choose h2 {
	font-size: 170%;
	text-align: center;
	font-style: normal;
	letter-spacing: 0.04em;
	
	
}


#welcome #content .choose p {
font-size: 90%;
	line-height: 1.15;
	padding-bottom: 2.5%;
	margin-bottom: 0;
	margin-left: 1%;
	padding-left: 1.5%;
	text-align: center;
    }


#welcome #content .choose p  a:link,#welcome #content .choose p  a:visited {
border: 1px #fff solid;
	color:#fff !important;
	padding:0.2em;
	background-color: black;
	box-shadow: 4px 4px 3px #666;
	display:block;
	margin-top: 3%;
	
}

#welcome #content .choose p  a:hover,#welcome #content .choose p  a:active {
border: 1px white sold;
	color:#fff !important;
	padding:0.2em;
	background-color: black !important;
	text-decoration: underline;
	box-shadow: -3px -3px 2px #666;
	
}



/*Photo and link to choose path on site*/

#welcome  #content .choose   {
text-decoration:none;
border:none;
padding: 3% 0 2% 0;
border-radius: 0.5em;
    }

	
#welcome  #content .choose  img {
	display:block;	
	width:100%;
	margin-left: 2%;
	margin-right: auto;
	margin-top: 2%;
	margin-bottom: 0.75em;
	height:auto;
	box-shadow: 0.1em 0.1em 0.2em 0 #333 !important;
    }


#welcome #content .choose p.spacer a {
		margin-top: 22%;
	}


#content .cd-ad p {
	font-size: 140%;
	text-align: center;
	color:#fff;
	clear: both;
	line-height: 1.25;
	padding-bottom: 3%;

}


#content .cd-ad img.CD_cover {
	width:65% !important;
	max-width: 450px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	margin-bottom: 2%;
}

#content .cd-ad p.quote {
font-size: 155% !important;
	padding-top: 0.1em;
	margin-top: 0;
}











/*music colours*/

/*#music #header {
 background-color:#202b95;	
}*/

/*
#music  #nav li a {
music background-color:#202b95;		
}
#music #content p a:link, #music #content p a:visited {
color:#202b95;	
}

#music #content p a:hover, #music #content p a:active {
background-color:#202b95;
color:#fff;	
}

#music #footer p, #music #footer p a 	{
	color:#202b95;
}
*/


	
	
	
	
/*#header h2 {
	color:#fff;
	font-size:320%;
	margin:1% 0 0 2%;
	font-weight:normal;
	letter-spacing:0.08em;
	width:45%;
	float:left;
	font-style: italic;
	padding:0;
	}
	

	




		





/*Main Navigation in unordered list format*/


/*ul#nav  {
	list-style: none;
	margin-top:0%;
	margin-left:0%;
	margin-right: 0;
	padding-top:0%;
	padding-bottom:0%;
	padding-left:0%;
	padding-right: 0;
	text-indent: 0;
	background-color: #000 !important;
    box-shadow: 0 0 0 0  #333;
	border-radius:  0;
	}

ul#nav li {
	font-size: 95%;
	line-height: 1.1;
	padding:0;
	color: #333;
	display:block;
	margin-bottom:0%;
	margin-right:0%;
	width:16.655%;
	float:left;
	text-align:center;
	border:none;
	
	}
	
ul#nav li a	{
	color: #fff;
	padding: 7% 3% 7% 6%;
	display:block;
	border-bottom:none;
	border-radius:0em;
	background-image:none;
	border-right: #fff 1px solid;
	background-color:#000 !important;
	}


ul#nav a:visited {
	background: transparent;
	}
			
ul#nav li a:hover, ul#nav li a:active	{
	background-color:#333 !important;
    color:#fff;
    background-image:none;
	}

	
ul#nav li a:hover {
	transition: box-shadow 0.4s, background-color 0.4s,color 0.4s;
	}

ul#nav li a:active {
	background: #555;
	}*/
		






	

/*Main content area*/

#content	{
	padding:0;
	background: transparent;
	float:left;
	margin-bottom:0%;
	margin:0;background-color: #5b8f8d !important;
	}

	

	

/*footer area*/

#footer {
	clear: both;
	background-color: #000;
	padding-top:2.0%;
	padding-bottom:1%;
	margin-top: 0;
	border-top: solid 1px #fff;
	min-height: 3em !important;
	max-height: 3% !important; 
	}
	
	
#container #footer p {
	text-align: center;
	padding-left: 1%;
	font-size: 105%;
	color:#fff;
	clear:both;
	line-height: 1.5;
	}
	
#footer p a:link, #footer a:visited {
	color: #fff !important;
border-bottom:#fff solid 1px;
	font-size: 100%;
}

#footer p a:hover {
	color:#fff !important;
	background: transparent !important;
	border-bottom: none;
	}


#footer p a:active {
	color:#fff !important;
}
	
	
	
	







	
	
/*Social Media library item style in content area*/	

#social_media	{
	padding-right:0;
	padding-top:2%;
	margin:0 auto 0 auto;
	width:60%;
	}

#social_media a img	{
	width:38%;
	height:auto;
	margin: 4%;
	padding:0;
	}
	



/*Position images */

.float_image {
	float: none;
	margin:3% 0 3% 0;
	padding:0;
	width:100%;
	height:auto;
	}
	


.clear {
	clear:both;
	}
	



/*Storytelling page*/
	
	
	
	#content #storytelling {
		padding-right: 2%;
		padding-left: 1%;
		padding-top: 5%;
		padding-bottom: 5%;
		margin-right: 0;
	
	}
	
	
	
	#content #storytelling  p {
		
	font-size: 117%;
		padding-bottom: 1.4%;
		font-style: normal;
		padding-top: 1%;
		margin-bottom: 0;
		line-height: 1.45;
		
	}
	
	
	#content #storytelling  p.center {
		margin-left:4.8%;
		padding-bottom: 3%;
		
	}
	
	
	#content #storytelling  .bold_phone {
	font-size:130%;
	}
	
	
	#content #storytelling  p.bigger {
		
	font-size: 150%;
		padding-top: 3%;
		padding-bottom: 3%;
		font-style: italic;
		font-weight:bold;
		line-height: 1.34;
		
	}
	
	
	#content #storytelling  h2 {
		
	font-size: 160%;
		padding-bottom: 0.2%;
		margin-bottom: 0;
		padding-top: 2%;
		font-style: normal;
		padding-left: 2%;
		font-weight: bold;
	}
	
	
	
		#content #storytelling  h3 {
		
	font-size: 135%;
		padding-bottom: 0.05em;
		font-weight: bold;
			font-style: normal;
			margin-top: 1.0em;
			padding-left: 2%;
			margin-bottom:0.1%;
			line-height: 1.3;
					
	}
	
	
	#content #storytelling  h4 {
		
		font-size: 120%;
		padding-bottom: 0;
		font-weight: bold;
			font-style: normal;
			margin-top: 1.2em;
			padding-left: 2%;
		margin-bottom:0.3%;
		line-height: 1.3;
			}

	
	#content #storytelling  ul li {
	font-style: normal;	
		padding-left:1.2%;
		margin-left:6.8%;
		padding-bottom:0.2%;
		margin-bottom: 1%;
		list-style-type:square;
		line-height: 1.35;
			
	}
	
	#content #storytelling p.biglink {
		margin-top: 2%;
		margin-bottom: 1%;
		text-align: center;
		clear:both;
	}

#content #storytelling p.biglink {
		margin-top: 2%;
		margin-bottom: 1%;
		text-align: center;
		clear:both;
	}
	
	
	#content #storytelling p a {
		margin-top: 2%;
		font-size: 110%;
		color:#000 !important;
		background-color: transparent;
		padding:0.3%;
		border:none;
		border-radius: 0.3em;
		box-shadow: 3px 3px 2px #666;
		
			
	
	}
	
	
	
	#content #storytelling  a.inline {
		box-shadow: 0 0 0 ;
		border-bottom: #000 solid 1px;
		border-radius: 0.3em;
		}
	
	
	
	#content #storytelling  a:hover.inline, #content #storytelling  a:active.inline {
		background-color: transparent !important;
		color:#000;
					
		
			
	
	}
	
	
		#container #content #storytelling p.biglink a:link, #container #content #storytelling p.biglink a:visited {
		margin-top: 3%;
		font-size: 120%;
		color:#fff !important;
		background-color: #000;
		padding:0.45%;
		border:none;
		border-radius: 0.3em;
		box-shadow: 3px 3px 2px #666;
		}
	
	
	#container #content #storytelling p.biglink a:hover, 	#container #content #storytelling p.biglink a:active {
		color: #95D3D0 !important;
		background-color: #333 !important;
		box-shadow: -2px -2px 2px #555;
		
			
	}

#content .cd-ad .quote a {
	border-bottom:#fff 1px solid; 
}


#content #storytelling p a:link, #content p #storytelling  a:visited {
	color: #000 !important;
	background: transparent; 
	box-shadow: 0 0 0 0 transparent !important;
	border-bottom: 0.1em solid #000;
	padding-bottom: 0.01em;
	border-radius: 0;
	font-size:inherit;
	}


#content #storytelling p a:hover, #content p #storytelling  a:active {
	color: #fff !important;
	background: transparent; 
	box-shadow: 0 0 0 0 transparent !important;
	border-bottom: 0.1em none #000;
	padding-bottom: 0.01em;
	border-radius: 0;
	font-size:inherit;
	}
	
	
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 2% 2% 2.5% 2%;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 2px 2px 6px 0 #666;
}


#content .column {
	float:none;
	margin-right: 0;
	display: block;
	width:100%;
}

	
	
	figure img {
		width:99%;
		height:auto;
		padding-bottom: 1%;
		}
	
	#content figcaption {
	text-align: center;
	margin-bottom: 5.8%;
    color:#000;
	font-size: 122%;
	}
	
	
	
	
/*---------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 710px) {

#welcome #header {
height: 26em;
}


strapline, p#strapline {
	font-size: 320%;
	padding-top:1%;
	padding-bottom: 2%;
	   }
	
	
#welcome #header h2 {
	font-size: 440%;
	width:70%;
	background-color:  rgba(91, 143, 141, 0.4);border-radius: 0 0 1em 0;
	padding: 1% 1% 1% 2%;
    }
	
	
	
	
	
	
	
/*---------------------------------------------------------------------------------------------------------------*/
	
	


@media only screen and (min-width: 760px) {
	
	#welcome #content .choose p.spacer a {
		margin-top: 1300px;
	}
	
	
	


#container {
	margin: 0 auto 0 auto;
	background-color: rgba(255, 255, 255, 1.0);
	
	}

	

/* Headings */

#content h1,#content h2,#content h3, #content h4 {
	letter-spacing: 0.05em;
    font-style: italic;
	}

#content h1 {
	font-size: 300%;
	margin-top:5%;
	margin-bottom: 3%;
    padding-left: 2%;
    }

#content h2 {
	font-size: 140%;
	margin-top:5%;
	margin-bottom: 5%;
	}
	
#content h3 	{
	font-size: 110%;
	margin-top:5%;
	margin-bottom: 5%;
	}

#content h4 {
	font-size: 100%;
	margin-top:5%;
	margin-bottom: 5%;
	}

	

/* Sets main body font size for P, li, dd and table */

#content p, #content li,#content td, #content dl dd, #content label, ol  {
	font-size: 120%;
	line-height: 1.6;
	letter-spacing: 0.045em;
	font-style: italic;
	}


	
#content p {
	padding-left:2%;
    padding-right:2%;
	margin-bottom: 2.8%;
    font-size: 82%;
	}





/*lists - basic content area lists - not navigation lists*/

#content ul {
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left: 0;
	padding-left:0;
	line-height: 1.35;
	}
		
#content ul li, #content ol li {
	margin-bottom:3.5%;
	margin-left: 2%;
	padding-left:6%;
	}


/*Blockquotes*/

#content blockquote p {
	color: #005151;
	text-indent: -0.4em;
	margin-bottom: 3%;
	padding-left: 6%;
	padding-right: 5%;
	padding-top:3%;
	}
		



/*text variations*/




.credit_caps {
	color: #B31E00;
	font-weight: bold;
	text-transform: uppercase;
	}
	





/*links - not navigation*/

#content ul li a:link, #content p a:link, #content dl dd a:link	{
	color:#fff;
	border-bottom: 0.1em solid #fff;
	}

#content ul li a:visited, #content p a:visited, #content dl dd a:visited {
	color:#fff;
	border-bottom: 0.05em solid #fff;
	}

#content ul li a:hover, #content p a:hover, #content dl dd a:hover	 {
	border-bottom: 0.1em solid #fff;
	}

#content ul li a:active, #content p a:active, #content dl dd a:active	 {
	border-bottom: 0.1em solid #fff;
	}






/*All header - heading, strapline etc*/

#header {
	margin: 0 0 0 0;
	padding:0% 0 0.6% 0;
	height:41em;
	border-radius: 0;
	background-size: 100%;
	}
	
#welcome #header {
height: 37em;
}


#welcome #header h2 {
	font-size: 540%;
	width:70%;
	background-color:  rgba(91, 143, 141, 0.4);border-radius: 0 0 1em 0;
	padding: 1% 1% 1% 2%;
    }


#welcome p#strapline, #container p#strapline {
	font-size: 700%;
	text-align: center !important;
	font-style: italic;
	padding-top:1%;
	padding-bottom: 2%;
	background-color: #5b8f8d !important;
	color:#fff;
    }



#welcome  #content {
	margin:0;
	padding:0;
    }

	
#welcome #content .choose    {
	float:left;
	width:43%;
	height:auto;
	margin: 1.5% 7% 4% 0;
	padding:0;
	text-align:center;
	font-size:190%;
	display:block;
    }
	
	
#welcome #content .choose h2 {
font-size: 160%;
	padding-bottom: 1%;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0.5%;
    }


#welcome #content .choose p {
font-size: 90%;
	line-height: 1.15;
	padding-bottom: 3.5%;
	margin-bottom: 0;
	margin-left: 2%;
	padding-left: 1.5%;
    }
	
	
	#welcome #content .choose p.spacer a {
		margin-top: 14%;
	}


#container #content .cd-ad p {
	font-size: 250%;
	padding-bottom: 2%;
	line-height: 1.6;
	
}



/*Photo and link to choose path on site*/

#welcome  #content .choose   {
padding: 3% 0 2% 0;
border-radius: 0.5em;
    }

	
#welcome  #content .choose   img {
	width:85%;
	margin-left: 10%;
	margin-top: 2%;
	opacity:1;
	box-shadow: 0.1em 0.1em 0.2em 0 #333 !important;
    }

 #welcome #content .choose   a:hover img, #welcome #content .choose   a:active img {
    opacity:0.7;
    transition:opacity 1s;
    }



#welcome  #content .choose a:link,   #welcome  #content .choose a:visited    {
    color:#000 !important;  
	display: block;
    }

 #welcome #content .choose  a:hover,  #welcome #content .choose  a:active  {
	color:#fff !important;
	background-color:  #000 !important;
	transition:background-color 1s;
    }
	
	
	
	
	
#content .cd-ad img.CD_cover {
	width:50%;
	margin-bottom: 6%;
	padding-top: 0;
}
	
	
	

	
	/*Storytelling page*/
	
	
	
	#content #storytelling {
		padding-right: 2%;
		padding-top: 3%;
		padding-bottom: 3%;
	
	}
	
	
	
	#content #storytelling  p {
		
	font-size: 120%;
		padding-bottom: 0.1em;
		font-style: normal;
		padding-top: 1%;
		margin-bottom: 0;
		
	}
	
	
	#content #storytelling  p.center {
		margin-left:4.4%;
		padding-bottom: 5%;
		
	}
	
	
	#content #storytelling  .bold_phone {
	font-size:130%;
	}
	
	
	#content #storytelling  p.bigger {
		
	font-size: 145%;
		padding-bottom: 0.3em;
		font-style: italic;
		font-weight:bold;
		
	}
	
	
	#content #storytelling  h2 {
		
	font-size: 175%;
		padding-bottom: 0.2%;
		margin-bottom: 0;
		font-style: normal;
		padding-left: 2%;
		font-weight: bold;
	}
	
	
	
		#content #storytelling  h3 {
		
	font-size: 135%;
		padding-bottom: 0.05em;
		font-weight: bold;
			font-style: normal;
			margin-top: 1.0em;
			padding-left: 2%;
			margin-bottom:0.1%;
					
	}
	
	
	#content #storytelling  h4 {
		
		font-size: 120%;
		padding-bottom: 0;
		font-weight: bold;
		font-style: normal;
		margin-top: 1.2em;
		padding-left: 2%;
		margin-bottom:0.3%;
			}
	
	#content #storytelling  ul li {
	font-style: normal;	
		padding-left:1.2%;
		margin-left:5%;
		padding-bottom:0.2%;
		margin-bottom: 1%;
		list-style-type:square;
			
	}
	
	#content #storytelling p.biglink {
		margin-top: 2%;
		margin-bottom: 1%;
		text-align: left;
		
		
			
	
	}
	
	
	#content #storytelling p.biglink.oneline {
		margin-top: -5%;
		margin-bottom: 1%;
		text-align: left;
		display: inline;
		padding-top: 0;
		
		
			
	
	}
	
	
	#content #storytelling p a {
		margin-top: 2%;
		font-size: 120%;
		color:#000;
		background-color: transparent;
		padding:0.3%;
		border:none;
		border-radius: 0.3em;
		box-shadow: 3px 3px 2px #666;
		}
	
	
	
	#content #storytelling  a.inline {
		box-shadow: 0 0 0 ;
		border-bottom: #000 solid 1px;
		border-radius: 0.3em;
	}
	
	
	
	#content #storytelling  a:hover.inline, #content #storytelling  a:active.inline {
		background-color: transparent;
			background-color: #fff;

	}
	
	
	#container #content #storytelling p.biglink a:link, #container #content #storytelling p.biglink a:visited {
		margin-top: 2%;
		font-size: 120%;
		padding:0.3%;
		border:none;
		border-radius: 0.3em;
		box-shadow: 3px 3px 2px #666;
		}
		
	


#header a:link, #header a:visited {
	background-color: transparent;
	background-image: none;
    color:#fff;
	}




/*Main content area*/

#content	{
	margin-bottom:0%;
	margin:0;background-color: #5b8f8d !important;
	}

	

/*footer area*/

#footer {
	padding-top:2.0%;
	padding-bottom:3%;
	margin-top: 0;
	border-top: solid 1px #fff;
	min-height: 3em;
	max-height: 3%; 
	}
	
	
#container #footer p {
	text-align: center;
	padding-left: 1%;
	font-size: 128%;
	clear:both;
	}
	
#footer p a:link, #footer a:visited {
	border-bottom:#fff solid 1px;
}

#footer p a:hover {
	border-bottom: none;
	}


	
	
	


	
	
/*Social Media library item style in content area*/	

#social_media	{
	padding-right:0;
	padding-top:2%;
	margin:0 auto 0 auto;
	width:60%;
	}

#social_media a img	{
	width:38%;
	height:auto;
	margin: 4%;
	padding:0;
	}
	



/*Position images */

.float_image {
	float: none;
	margin:3% 0 3% 0;
	padding:0;
	width:100%;
	height:auto;
	}
	
	



/*General clear class - clears floats above*/

.clear {
	clear:both;
	}




#content .column {

	float:left;
	margin-right: 1em;
	display: block;
	width:47%;
}


figure {
		float:left;
	width:100%;
}



figure img {
	float:left;
	padding-bottom: 0.4em;
	}


#content figure  figcaption {
	text-align: center;
	margin-bottom: 2.8%;
    font-size: 136%;
	padding-bottom: 0.8em;
	line-height: 1.3;
	color:#000;
	}
	
	
#content #storytelling  h2 {
		font-size: 160%;
		padding-bottom: 0.2%;
		margin-bottom: 0;
		font-style: normal;
		padding-left: 2%;
		font-weight: bold;
	}
	
	}
	
	
/*	__________________________________________________*/

	
	
	
@media only screen and (min-device-width: 1025px) {

#welcome #content .choose p.spacer a {
		margin-top: 12%;
	}
	
	


.videoWrapper {
	padding-top: 25px;
	margin: 2% 2% -3.0% 2%;
	padding-bottom: 40%;
	position:static;
	width:160%;
	
	
	
}

.videoWrapper iframe {
	
	width:30%;
	height: 32%;
	padding-bottom: 0;
	top:auto;
	left:auto;
	box-shadow: 2px 2px 6px 0 #666;
	}
	}