@charset "utf-8";
/* Clear browser margins and padding */
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, figure, figcaption {
    margin:0;
    padding:0;
}
/* Start General Styles */
img {
	width: 100%;
}

/* clear float styles */
.clearfloat { 
	clear:both;
	height:0;
}
.cf:before, .cf:after {
content:"";
display:table;
}

.cf:after {
clear:both;
}

/* For IE 6/7 (trigger has Layout) */
.cf {
zoom:1;
}


/* header-text styles */
h1 {

}

h2 {
	font: 1.3em Tahoma, Geneva, sans-serif;
}

h3 {
	font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center
	;
}

h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}

h5 {

}

h6 {
	font: bold 1.2em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}

dt {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: .2em;
	margin-top: .2em;
}

dd {
	margin-bottom: .2em;
}


/* Articles Styles */

article p, .nonArticle p {
	margin-bottom: 0.5em;
	font: 1.3em/1.3em 'Josefin Sans', "sans-serif;";
	text-indent: 1.5em;
}

article h2 {
	font: 1.2em Tahoma, Geneva, sans-serif;
	margin-bottom: .5em;
}

.nonArticle {
}

.intro {
	font: normal .8em/1.3em Verdana, Geneva, sans-serif;
	padding-right: 2em;
	padding-left: 2em;
}

blockquote {
	margin-left: 3em;
	margin-bottom: 1em;
}

/* Projects Styles */

projects p, .nonProjects p {
	margin-bottom: 0.5em;
	font: 1.3em/1.3em Arial, sans-serif;;
	text-indent: 1.5em;
}

projects h2 {
	font: 1.2em Tahoma, Geneva, sans-serif;
	margin-bottom: .5em;
}

projects h3 {
	font: 1.2em Tahoma, Geneva, sans-serif;
	text-align:left;
	}

.nonProjects {
}

/* dupe? */

.intro {
	font: normal .8em/1.3em Verdana, Geneva, sans-serif;
	padding-right: 2em;
	padding-left: 2em;
}

blockquote {
	margin-left: 3em;
	margin-bottom: 1em;
}

/* text alignment */

.fs-center {
	text-align: center;
	clear: both;
}

.fs-center-no-clear {
	text-align: center;
}

.fs-left {
	text-align: left;	
}

.fs-right {
	text-align: right;	
}

.fs-justify {
	text-align: justify;	
}

body {
	font: 14px Verdana, Geneva, sans-serif;
	color: #000;
}

hr {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	border: 1px dashed #900;
}

/* right-side */


.gfx-books-right-25 {
	float: right;
	width: 25%;
	margin-right: 2em;
}


/* books */

.books {
	margin: 1em 0;
}

.books h2 {
	font-weight: bold;
}

.books p {
	font: normal 1.1em Arial, Helvetica, sans-serif;
	margin-top: .5em;
}

.gfx-books {
	float: left;
	width: 15%;
	margin-right: 2em;
}

.gfx-books-right-25 {
	float: right;
	width: 25%;
	margin-right: 2em;
}



















/* projects */

.projects {
	margin: 1em 0;
}

.projects h2 {
	font-weight: bold;
}

.projects p {
	font: normal 1.2em Arial, Helvetica, sans-serif;
	margin-top: .5em;
}

.gfx-projects {
	float: left;
	width: 15%;
	margin-right: 2em;
}

/* Graphic Styles */
/* general to add a border */
.gfx-border {
	border: 1px solid #333;
}
/* gfx center */
.gfx-center-50 {
	text-align: center;
	width: 50%;
	display: block;
	margin:0 auto;
}
/* gfx center */
.gfx-center-25 {
	text-align: center;
	width: 25%;
	display: block;
	margin: 0 auto;
}
.gfx-center-80 {
	text-align: center;
	width: 80%;
	display: block;
	margin: 0 auto;
}
.gfx-center-60 {
	text-align: center;
	display: block;
	margin: 0 auto;
	width: 60%;
}
.gfx-center-70 {
	text-align: center;
	display: block;
	margin: 0 auto;
	width: 70%;
}

/* gfx right */
.gfx-right-nb {
	float: right;
	border: none;
	padding: 0 0 .5em .2em;
}
.gfx-right-40 {
	float: right;
	width: 40%;
	margin-left: .5em;
}
.gfx-right-15 {
	float: right;
	width: 15%;
	margin-left: .5em;
}
.gfx-right-25 {
	float: right;
	width: 25%;
	margin-left: .5em;
}
.gfx-right-50 {
	float: right;
	width: 50%;
	margin-left: .5em;
}
.gfx-right-60 {
	float: right;
	width: 60%;
	margin-left: .5em;
}
.gfx-left {
	float: left;
	margin-right: 0.5em;
}
/* gfx left */

.gfx-left-20 {
	float: left;
	width: 20%;
	margin-right: 0.5em;
}
/* gfx left */

.gfx-left-15 {
	float: left;
	width: 15%;
	margin-right: 0.5em;
}

.gfx-left-30 {
	float: left;
	width: 30%;
	margin-right: 0.5em;
}
.gfx-left-40 {
	float: left;
	width: 40%;
	margin-right: 0.5em;
}
.gfx-left-60 {
	float: left;
	margin-right: 0.5em;
	width: 60%;
}
.gfx-left-50 {
	float: left;
	margin-right: 0.5em;
	width: 50%;
}
.gfx-left-50 {
	float: left;
	width: 50%;
	margin-right: 0.5em;
}
/* Section Page Backgrounds */
#Main-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/unisphere-background.jpg);
	background-color: #fff;
	background-attachment: fixed;
	background-size: cover;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}

#projects-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/projects-background.jpg);
	background-color: #fff;
	background-attachment: fixed;
	background-size: cover;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}

#wwod-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../tvbook/images/wwod-bg.jpg);
	background-color: #fff;
	background-attachment: fixed;
	background-size: cover;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}

#philmont-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-image:url(../philmont/images/philmont-bg.jpg) ;
	background-color: #fff;
	background-attachment: fixed;
	background-size: cover;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}

/* Set Common Max-Width */
#page_header, #menubar, #menubar-zorro, nav, menu, #content, #content-zorro,#footer_content { 
	max-width: 1050px;	
}
/* page header */
#page_header_container {
	width: 100%;
	background-color: rgba(213,217,228,0.7);
	font-family: 'Josefin Sans', sans-serif;
	position: relative;
}

#page_header_container_zorro {
	width: 100%;
	background-color: #ffffff ;
	position: relative;
}

#page_header {
	margin: 0em auto 0;
	padding-top: 2em;
}
#page_header-zorro {
	text-align: center;
	font: 3em 'Fondamento', cursive;
	color:#000000;
	max-width: 1050px;
	margin: 0 auto;
	position: relative;
}

#page_header-2 {
	margin: 0 auto;
	position: relative;	
}
#page_header-2 h1 {
	padding: 2em 0 .5em;
	font: 2em Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #900;
	text-align: center;
}
.gfx-header {
	text-align: center;
	width: 50%;
	margin:0 auto;
}
/* menu for regular pages */
#menubar {
	margin: 0 auto 0 auto;
	text-align: center;
	font: 1.6em 'Righteous', cursive;
	background-color: rgba(213,217,228,0.9);
}
#menubar ul{
	list-style: none;
	display: inline;
}
#menubar ul li{
	display: inline;
	margin-right: 0.5em;
	margin-left: .5em;
}
#menubar a:link, #menubar a:visited, #menubar a:active {
	text-decoration: none;
	color: #184D69;
	font-weight: bold;
}
#menubar a:hover {
	text-decoration: none;
	color: #B2474A;
	font-weight: bold;
}
/* end menu for regular pages */

/* Menu for Zorro pages*/
/* start top nav */
#menubar-zorro {
	background-color: rgba(255, 255, 255, 0.8);
	display: block;
	margin: 0 auto;
	height: 3em;
	text-align: center; 
	border-bottom: 3px double #DE350E;
}

/*Strip the ul of padding and list styling*/
nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
/*Create a horizontal list with spacing*/
nav li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}
/*Style for menu links*/
nav li a {
	display: block;
	/* min-width: 140px; */
	/* height: 50px; *//* height of the top level menu items all view sizes */
	text-align: center;
	line-height: 1.5em; /* changes position of the text all view sizes */
	padding: 0 .3em;
	/* margin: 0 .2em;* */
	border-radius: 10px;
	border-bottom: solid 2px rgba(256, 0, 0, .4);
	border-left: solid 2px rgba(256, 0, 0, .4);
	color: rgba(0, 0,0, 1); /* changes color main items all sizes */
	background: rgba(255, 255, 255, 0.8);
	text-decoration: none;
}
/*Hover state for top level links*/
nav li:hover a {
	background: rgba(256, 256, 256, .9); /* all first level items */
	color: rgba(153,0,0,1);
}
/*Style for dropdown links*/
nav li:hover ul a {
	background: rgba(0, 0, 0, 1); /* background for dropdown all levels */
	color: #fff; /* dropdown text color all levels */
	margin: 0 auto -.08em auto;
}
/*Hover state for dropdown links*/
nav li:hover ul a:hover {
	background:#F80105}
	
/*Hide dropdown links until they are needed*/
nav li ul {
	display: none;
}
/*Make dropdown links vertical*/
nav li ul li {
	display: block;
	float: none;
}
/*Prevent text wrapping*/
nav li ul li a {
	width: auto;
	/* min-width: 100px; */
	padding: 0 10px;
}
/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, .hidden:hover {
	display: block;
}
/*Style 'show menu' label button and hide it by default*/
nav .show-menu {
	font: 3em 'Josefin Sans', cursive; 
	text-decoration: none;
	color: #000;
	background: rgba(153,0,0,.3);
	text-align: center;
	padding: 5px 0;
	display: none;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
	height: 1.6em;
	width: 100%;
	margin: 0 auto;
}
/*Hide checkbox*/
nav input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
nav input[type=checkbox]:checked ~ #menu{
    display: block;
}
/* end menu for Zorro pages */
/* Content Styles */
#content {
	margin: 0 auto 0 auto;
	background-color: rgba(213,217,228,0.9);	
}
/* Content Columns */
#column-center {
	float: left;
	padding: 1em 2%;
	width: 96%;
}
#column-left {
	width: 45%;
	float: left;
	padding: 1em 2%;
}


#column-right {
	width: 45%;
	float: right;
	padding: 1em 2%;
}
/* Zorro Styles */
#content-zorro {
	margin: 0 auto 0 auto;
	background-color: rgba(255,255,255,0.8);
}
#content-zorro {
}

.zorro2 {
	width: 95%;
	margin-right: 1.5%;
	margin-bottom: 1em;
}

.zorro2 figcaption {
	font-size: 0.95em;
	text-indent: 1em;
	margin-bottom: 0.5px;
}
.section-box {
	border: 2px solid rgba(0,0,0,0.4);
	padding: .5em;
	margin: .5em 0;
	text-shadow: 1px 1px 2px rgba(255,0,0,0.6);
	border-radius: 10px;
}


.section-box a:link, .section-box a:visited, .section-box a:active {
	color: #000;
	text-decoration: none;	
}

.section-box a:hover {
	color: #f00;
}

.linkButton {
	height: 1em;
	width: 1em;
}

#prev_next {
	text-align: center;
	display: block;
}

.prev_next {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0.6em;
}
#zorro ul li{
	margin-left: 10%;
	margin-bottom: .5em;
	font: 1.3em 'Josefin Sans', sans-serif;
}
.publicity ul li{
	margin-left: 10%;
	margin-bottom: .5em;
	font: 1.3em 'Josefin Sans', sans-serif;
}
.google-search {
	text-align: center;
}
/* Disney Styles */
#disney {
	padding-top: 2em;
}
.disney_ul {
	width: 63%;
	float: right;
}
.disney_ul ul li {
	margin-bottom: .5em;
	font: 1.2em/1.3em 'Josefin Sans', sans-serif;
}

.underline { 
    text-decoration: underline;
}

blockquote { 
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}

/* Footer Styles */
#footer-container {
	width: 100%;
	background-color: rgba(213,217,228,0.7);	
}
#footer-container-zorro {
	width: 100%;
		background-color:#CDDBF5;
}
#footer_content {
	margin: 0em auto 0;
}
#footer-left {
	width: 40%;
	float: left;
	margin-left: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 8%;
}
#footer-left ul {
	margin-bottom: .4em;
	list-style: square inside;
}

#footer-left ul li {
	margin-bottom: .4em;
}

#footer-left ul li ul {
	margin-left: 2em;
	list-style: circle inside;
}
#footer-right {
	width: 45%;
	float: right;
	padding-top: 1em;
	padding-bottom: 1em;
}
/* Google  Search */
.google-search {
	text-align: center;
}
.hidden {
	display: none;
}


/*Contact Form */
input, textarea {
	background: #FF9;
	margin-bottom: 5px;
}

#contactForm {
	background: #FFFFFF;
	border-radius: 12px;
	border: 1px solid #030;
	padding: 1em;
}
#contactForm label, #contactForm  p{
	color: #473816;
}
.input_size_a{
	width: 5%;
	margin-bottom: 5px;
	margin-top: 5px;
}
.input_size_b{
	width: 10%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.input_size_c {
	width: 20%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.input_size_d {
	width: 30%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.input_size_e {
	width: 50%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.input_size_f {
	width: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
}
#contactForm input[type="text"], #contactForm textarea {
	background: #FFC;
}
#contactForm input[type="reset"], #formButtons input[type="button"] {
	background: #900;
	border: 1px solid #000;
	border-radius: 15px;
	font-weight: bold;
	margin: 0.5em;
	color: #FFF;
}
#contactForm input[type="submit"], #formButtons input[type="submit"] {
	background: #060;
	border: 1px solid #000;
	border-radius: 15px;
	font-weight: bold;
	margin: 0.5em;
	color: #FFF;
}
#form_button_reset {
	border: 1px solid #000;
	margin: .5em;
	background: #900;
	color: #FFF;
	font-weight: bold;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#form_button_continue {
	border: 1px solid #000;
	margin: .5em;
	background: #060;
	font-weight: bold;
	color: #FFF;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.emb_video {
	padding-top: 35px;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
	margin-bottom: .5em;
}
.emb_video iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}