html
	{
		overflow-y: scroll;
		height: 100%;
	}

body 
	{ 
		height: 100%;
		margin:0; 
		padding:0;
		color: #8e8e8e;
		-webkit-text-size-adjust: 100%;
		font-family: 'Ubuntu', sans-serif;
		font-size: 16px;
		font-weight: 300;
	}

#site
	{
	}

#header, #container, #footer
	{
		width: 100%;
	}

#header_container, #footer_container
	{
		width: 100%;
	}

/*********************************************************************************/
/* Text Styles                                                                   */
/*********************************************************************************/

h1, h2, h3, strong
	{
		margin: 0;
		padding: 0;
		font-weight: 700;
		color: #454445;
	}
	
h1
	{
		font-size: 5em;
	}

h3
	{
		font-size: 2.4em;
	}	
	
p, ol, ul
	{
		margin-top: 0;
	}
	
ol, ul
	{
		padding: 0;
		list-style: none;
	}
	
p
	{
		font-size: 2.4em;
	}

small
	{
		font-size: .8em;
	}

p.spaced
	{
		margin: 202px 0 80px;
	}
	
a
	{
		color: #6c6c6c;
		text-decoration: none;
	}

a.disabled
	{
		cursor: default;
		pointer-events: none;
		text-decoration: none !important;
		color: #8e8e8e !important;	
	}

a img
	{
		border: 0;
	}
		
a:hover
	{
		text-decoration: underline;
	}

.italic
	{
		font-style: italic;
		font-size: 2.4em;
	}

.troll
	{
		font-size: 0.25em;
	}
	
.whereisit
	{
		unicode-bidi:bidi-override; direction: rtl;
	}
	
.noindent
	{
		text-indent: -25px;
	}

ul.second_ul
	{
		display: block !important;
		padding-top: 150px !important;
		height: 80px !important;
	}

li.link_button
	{
		display: block !important;
		background-color: #8DC5C2;
		font-weight: 700;
		text-decoration: none;
		border-radius: 15px;
		height: 100% !important;
		width: 40%;
		margin: 0 auto !important;
	}

li.link_button a
	{
		color: #f2f2f2;
		font-size: 4.8vw;	
	}

li.link_button:hover a
	{
		text-decoration: underline;
	}

table
	{
		width: 93%;
		margin: auto;
	}

th, td
	{
		padding: 15px 5px;
		border-bottom: 1px solid #ddd;
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

#header_container 
	{ 
		z-index: 2;
		background-color: #8DC5C2;
	}

#header
	{
		background: url(images/logo.png);
		background-repeat: no-repeat;
		background-position: 0 15px;
		background-size: auto 90%;
		position: relative;
	}

#logo
	{
		padding: 25px 0 20px;
	}

#logo h1
	{
		font-size: 10vw;
		text-align: center;
		color: #F2F2F2;
	}

#logo a
	{
		text-decoration: none;
		color: #F2F2F2;
	}

#menu
	{
		padding: 15px 0;
		width: 100%;
		font-size: 4.8vw;
	}

#menu li
	{
		display: inline;
		font-weight: 700;
	}

#menu li a, #menu li span
	{
		font-weight: 700;
		text-decoration: none;
		color: #F2F2F2;
		padding: 0em 2.6vw;
	}
	
#menu li:hover a, #menu li.active a, #menu li.active span
	{
		text-decoration: underline;
	}
	
#menu .current_page_item a
	{
		background: #FFF;
		border-radius: 15px;
		color: #8e8e8e;
	}	
	
#menu1
	{
		text-align: center;
	}
	
#menu2
	{
		text-align: center;
	}

button
	{
		text-align: left;
		cursor: pointer;
		padding: 0 !important;
		border: 0 !important;
		display: block;
		font-family: 'Ubuntu', sans-serif;
		font-size: 16px;
		background-color: rgba(0,0,0,0);
		outline: none;
	}

botton:hover
	{
		text-decoration: underline;
	}

.foot
	{
		font-size: .8em;
	}

.underline
	{
		text-decoration: underline;
	}

.close
	{
		line-height: 1.2em !important;
	}

sup
	{
		font-size: .75em;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
		top: -0.6em;
	}

.noclick
	{
		cursor: default;
		pointer-events: none;
	}

/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

#container 
	{
	}

#content
	{
	}
	
#content p
	{
		text-indent: 25px;
	}

#headline
	{
		padding: 35px 8%;
	}

#headline h3
	{
		text-indent: 20px;
		text-align: center;
		line-height: 1.5em;
	}

#content_container
	{
		width: 100%;
	}

#pic_container, #backgroundish
	{
	}

#pic_container
	{
		background: #F2F2F2;
		border-radius: 15px;
		color: #8e8e8e;
		text-align: center;
		width: 80%;
		margin: auto;
		padding-bottom: 10px;
	}
	
#pic_container p, .example_right p, .example_left p, .example_block p
	{
		font-size: 1.8em;
		text-align: center;
		text-indent: 0 !important;
		margin: 20px 50px 10px;
		line-height: 1.2em !important;
	}

#pic_container img
	{
		margin: 35px auto 0;
		width: 90%;
		height: auto;
	}

#backgroundish
	{
		display: none;
	}	
	
#backgroundish img
	{
	}
	
#text_container
	{
		padding: 25px 0;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

#text_container p
	{
		line-height: 2em;
		padding: 10px 0;
		font-size: 2.4em;
	}

#text_container a
	{
		color: #8e8e8e;
	}
	
#text_container a:hover
	{
		text-decoration: underline;
	}	

#contribute_box, #contribute_thanks
	{
		text-align: center;
		position: relative;
		top: -10px;
		height: 75px;
		padding-bottom: 40px;
	}

#contribute_box img, #contribute_thanks img
	{
		width: auto;
		height: 100%;
	}

#shirt_box
	{
		text-align: center;
		position: relative;
		top: -10px;
		height: 400px;
		padding-bottom: 40px;
	}
	
#shirt_box img
	{
		height: 100%;
		width: auto;
	}

#thanks_container
	{
		display: block;
		position: relative;
		width: 80%;
		text-align: center;
		margin: 50px auto;
	}

#thanks_container p
	{
		text-indent: 0px;
		margin-bottom: 0px;
		font-size: 100%;
	}

#thanks_container em
	{
		font-size: 66%;
	}

#thanks_container a
	{
		color: #8e8e8e;
	}

#thanks_container a:hover
	{
		text-decoration: underline;
	}
	
#thanks_container li
	{
		padding-bottom: 0px;
		font-size: 2.4em;
		line-height: 100px;
	}

#thanks_container img
	{
		padding-top: 20px;
		padding-bottom: 55px;
	}

#thanks_container h3
	{
		padding-bottom: 55px;
		font-size: 2em;
	}

#thanks_container h2
	{
		font-size: 2.4em;
		line-height: 1.5em;
		padding-bottom: 60px;
	}

.bg
	{
		background: url(images/background2.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100% auto;
		min-height: 1400px;
	}

#items, #faq_container
	{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 40px;
	}
	
#items h3
	{
		padding: 15px 0;
	}	
	
#items li
	{
		text-align: center;
		background: #F2F2F2;
		border-radius: 15px;
		color: #8e8e8e;
		margin: 40px 0;
		width: 100%;
	}
	
#items p
	{
		text-indent: 0px;
		line-height: 1.25em;
		font-size: 1.8em;
		text-align: center;
		padding: 15px 25px;
	}
	
#items img
	{
		width: 90%;
		height: auto;
	}
		
.video iframe
	{
		position: absolute;
		top: 20px;
		left: 3%;
		width: 94%;
		height: 94%;
	}

.video
	{
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

#faq_container
	{
		margin-top: 40px;
	}
	
#faq_questions
	{
		background: #F2F2F2;
		border-radius: 15px;
		width: 94%;
		padding: 10px 3% 3px;
	}

#faq_questions li
	{
		padding: 7px 0;
	}

#faq_questions h3
	{
		padding-left: 40px;
		text-indent: -30px;
	}

#faq_questions li.noncurrent_question:hover
	{
		text-decoration: underline;
		cursor: pointer;
	}
	
#faq_answers
	{
		text-indent: 25px;
		padding: 14px 0 5px;
	}
	
#faq_answers p
	{
		line-height: 2.4em;
	}	

.current_question
	{
		background: #FFF;
		border-radius: 15px;
	}

.noncurrent_answer
	{
		display: none;
	}

.example_right, .example_left, .example_block
	{
		background: #f2f2f2;
		border-radius: 15px;
		text-indent: 0;
		width: 100%;
		height: auto;
		margin: 10px auto;
		padding-bottom: 10px;
	}

.example_sound
	{
		width: 75%;
		height: auto;
		margin: 10px auto 15px;
		background: #f2f2f2;
		border-radius: 15px;
		text-indent: 0;
	}	

audio
	{
		display: block;
		margin: 0 auto;
		padding: 11px 0;
		width: 50%;
		height: auto;
	}

#faq_answers img
	{
		width: 90%;
		padding: 30px 5% 0;
		height: auto;
	}		

#scroll_button
	{
		margin: 20px 0 0;
		padding: 10px;
		text-align: center;
		background-color: #f2f2f2;
		border-radius: 15px;
	}

#scroll_button button
	{
		padding: 15px;
		margin: 0 auto;
	}

#camera_container
	{
		margin-top: -30px;
		margin-bottom: 260px;
		text-align: center;
		background: #F2F2F2;
		border-radius: 15px;
		height: 420px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

#camera_wrap_1
	{
		z-index: 1;
		background: #F2F2F2;
		height: 594px;
		border-radius: 15px;
		margin-bottom: 15px !important;
		width: 94%;
		padding: 10px 3% 120px 3%;
	}

#camera_wrap_1 li
	{
		background: none;
	}

#camera_container a
	{
		color: #8e8e8e;
		text-decoration: none;
		font-size: 1.65em !important;
		font-style: italic;
		display: inline;
		vertical-align: 4%;
	}
	
#camera_container p
	{
		font-size: 1.8em !important;
		text-indent: 0;
		display: inline;
	}
	
#social
	{
		text-align: center;
		height: 115px;
		padding: 0 0 80px;
	}
	
#social li, #social ul
	{
		display: inline;
		height: 100%;
		padding: 14px;
	}

.playback_container
	{
		height: 110px;
		padding: 20px;
	}

.playback_container img
	{
		height: 100% !important;
		width: auto !important;
	}
	
#social img
	{
		width: auto;
		height: 100%;
	}	

.hideable_no
	{
		display: block;
	}

.hideable_on
	{
		display: none;
	}

.hideable_off
	{
		display: block;
	}

.no_gap
	{
		margin-bottom: 0 !important;
	}

.no_gap2
	{
		text-indent: 0 !important;
	}
	
p.no_gap_caption
	{
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		line-height: 1.2em !important;
	}
	
p.no_gap_caption2
	{
		line-height: 1.2em !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-bottom: 10px;
	}
		
	
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer_container 
	{
		background-color: #8DC5C2;
		z-index: 2;
	}

#footer 
	{
		font-size: 2.4em;
		text-align: center; 
		color: #F2f2f2;
		padding: 12px 0 12px;
	}