@charset "utf-8";
body {
	font-family: Calibri, Arial, serif;
	margin-top: 20px;
}
/* CSS Document */
#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]background-color: #999999; */
	height: 6300px;
	clear: both;
	margin-top: -10px;
}
#container header {
	border: thin solid #000000;
	background-color: #000000;
	height: 311px;
	width: 800px;
	overflow: hidden;
}
#container header #banner {
	width: 4000px;
	-webkit-animation:slider 20s ease-in-out infinite;
	-moz-animation:slider 20s ease-in-out infinite;
	animation:slider 20s ease-in-out infinite;
}
#container header #banner img {
	height: 311px;
	width: 800px;
	float: left;
}
@-webkit-keyframes slider {

0% {-webkit-transform: translateX(0px); }

20% {-webkit-transform: translateX(0px); }

25% {-webkit-transform: translateX(-800px); }

45% {-webkit-transform: translateX(-800px); }

50% {-webkit-transform: translateX(-1600px); }

70% {-webkit-transform: translateX(-1600px); }

75% {-webkit-transform: translateX(-2400px); }

95% {-webkit-transform: translateX(-2400px); }

100% {-webkit-transform: translateX(-3200px);  }

}
@-moz-keyframes slider {

0% {-moz-transform: translateX(0px); }

20% {-moz-transform: translateX(0px); }

25% {-moz-transform: translateX(-800px); }

45% {-moz-transform: translateX(-800px); }

50% {-moz-transform: translateX(-1600px); }

70% {-moz-transform: translateX(-1600px); }

75% {-moz-transform: translateX(-2400px); }

95% {-moz-transform: translateX(-2400px); }

100% {-moz-transform: translateX(-3200px);  }

}
@keyframes slider {

0% {transform: translateX(0px); }

20% {transform: translateX(0px); }

25% {transform: translateX(-800px); }

45% {transform: translateX(-800px); }

50% {transform: translateX(-1600px); }

70% {transform: translateX(-1600px); }

75% {transform: translateX(-2400px); }

95% {transform: translateX(-2400px); }

100% {transform: translateX(-3200px);  }

}
#container nav {
	width: 802px;
	/* [disabled]background-color: #CCCCCC; */
	clear: both;
}
#container nav #navigation {
	list-style-type: none;
	margin-left: -40px;
	margin-top: 0px;
}
#container nav #navigation li {
	float: left;
	/* [disabled]margin-right: 50px; */
	/* [disabled]margin-left: -40px; */
}
#container nav #navigation li a {
	display: block;
	width: 84px;
	text-decoration: none;
	border: 2px solid #999999;
	font-family: Calibri, Arial, serif;
	font-size: 13px;
	color: #db9f44;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 12px;
	margin-top: -17px;
}
#container nav #navigation li a:hover {
	background-color: #003931;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}
#container nav #navigation li a.active {
	background-color: #003931;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
#container nav #navigation li #city {
	width: 76px;
}
#container nav #navigation li #community {
	width: 92px;
}
#container nav #navigation li #lastnav {
	padding-left: 14px;
}

#container #participation {
	width: 400px;
	margin-top: 80px;
	-webkit-animation:participationSlider 300ms ease-out;
	-moz-animation:participationSlider 300ms ease-out;
	animation:participationSlider 300ms ease-out;
}
@keyframes participationSlider {

0% {transform: translateY(10px); opacity:0; }

100% {transform: translateY(0px); }
}
@-moz-keyframes participationSlider {

0% {transform: translateY(10px);opacity:0; }

100% {transform: translateY(0px); }
}
@-webkit-keyframes participationSlider {

0% {transform: translateY(10px);opacity:0; }

100% {transform: translateY(0px); }
}
#introduction  {
	width: 800px;
	-webkit-animation: participationSlider 300ms ease-out;
	-moz-animation: participationSlider 300ms ease-out;
	animation: participationSlider 300ms ease-out;
	position: relative;
	margin-top: 80px;
	/* [disabled]background-color: #CCCCCC; */
}
#introduction #introtext img {
	float: left;
	margin-top: 3px;
	margin-left: 100px;
	margin-right: 10px;
}
#introduction #introtext .p_black a {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
#introduction #introtext .p_black a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #3aaa35;
}
#introduction #introtext .p_blak_italic a:hover {
	color: #3aaa35;
}
#introduction #introtext {
	margin-left: 100px;
}
#introduction #line {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 700px;
	margin-left: 100px;
	margin-top: 10px;
}
#introduction #last {
	margin-left: 100px;
	margin-top: 10px;
	width: 240px;
}
#danny1 {
	width: 800px;
	margin-left: 100px;
	margin-top: 50px;
}
#danny1 #familiar {
	margin-left: -160px;
}
#introduction1 {
	width: 800px;
	-webkit-animation: participationSlider 300ms ease-out;
	-moz-animation: participationSlider 300ms ease-out;
	animation: participationSlider 300ms ease-out;
	position: relative;
	margin-top: 80px;
	margin-left: 200px;
}
#introduction1 #line {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 600px;
	margin-left: 0px;
	margin-top: 10px;
}
#introduction1 #last {
	margin-top: 10px;
	width: 240px;
}
#introduction1 #introtext img {
	float: left;
	margin-top: 3px;
	margin-right: 10px;
}
#introduction1 #introtext .p_blak_italic a {
	color: #000000;
}

#hypothesis {
	margin-left: -30px;
	margin-top: 60px;
}

#introduction1 #introtext .p_blak_italic a:hover {
	color: #3aaa35;
}
#introduction2 {
	width: 800px;
	-webkit-animation: participationSlider 300ms ease-out;
	-moz-animation: participationSlider 300ms ease-out;
	animation: participationSlider 300ms ease-out;
	position: relative;
	margin-top: 80px;
	margin-left: 300px;
}
#introduction2 #lineCity {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 500px;
	margin-left: 0px;
	/* [disabled]margin-top: 10px; */
	margin-bottom: 10px;
}
#hypothesis #city1 {
	margin-left: 27px;
}
#introduction2 #introtext1 a {
	color: #000000;
}

#introduction2 #introtext1 a:hover {
	color: #3aaa35;
}
#introduction3 {
	width: 412px;
	-webkit-animation: participationSlider 300ms ease-out;
	-moz-animation: participationSlider 300ms ease-out;
	animation: participationSlider 300ms ease-out;
	position: relative;
	margin-top: 10px;
	/* [disabled]background-color: #CCCCFF; */
	float: right;
	margin-right: -2px;
}
#introduction3 #introtext1 {
	/* [disabled]background-color: #999999; */
	float: left;
	width: 412px;
	margin-left: 5px;
}
#introduction3 #introtext1 img {
	float: left;
	margin-top: 3px;
	margin-right: 10px;
}
#introduction3 #introtext1 a {
	color: #000000;
}
#introduction3 #introtext1 a:hover {
	color: #3aaa35;
}

#introduction3 #community {
	float: right;
	width: 200px;
	/* [disabled]margin-left: 5px; */
	/* [disabled]background-color: #999999; */
}
#community {
	float: right;
	/* [disabled]background-color: #CCCCCC; */
	width: 80px;
}
#community1 {
	float: right;
	margin-top: 60px;
	margin-bottom: 50px;
}
#community1 img {
	border: 1px solid rgb(0,0,0);
	margin-left: 9px;
}
#community2 {
	float: right;
	margin-top: 60px;
	margin-bottom: 50px;
	/* [disabled]background-color: #999999; */
}
#community2 img {
	border: 1px solid rgb(0,0,0);
	margin-left: 9px;
	float: right;
	margin-top: 9px;
}
#community3 {
	float: right;
	margin-top: 60px;
	margin-bottom: 50px;
	/* [disabled]background-color: #999999; */
}
#community3 img {
	border: 1px solid rgb(0,0,0);
	margin-left: 9px;
	float: right;
	margin-top: 9px;
}
#community4 {
	float: right;
	margin-top: 60px;
	margin-bottom: 50px;
	/* [disabled]background-color: #999999; */
}
#community4 img {
	border: 1px solid rgb(0,0,0);
	margin-left: 9px;
	float: right;
	margin-top: 9px;
}

#mainphotoCommunity {
	float: right;
	height: 536px;
	width: 800px;
	/* [disabled]background-color: #FFCCFF; */
	/* [disabled]margin-top: -200px; */
	box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-webkit-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-moz-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
}
#mainphotoCommunity img {
	position: absolute;
}
#mainphotoCommunity1 {
	float: right;
	height: 536px;
	width: 800px;
	/* [disabled]background-color: #FFCCFF; */
	/* [disabled]margin-top: -200px; */
	box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-webkit-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-moz-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
}
#mainphotoCommunity1 img {
	position: absolute;
}
#mainphotoCommunity2 {
	float: right;
	height: 536px;
	width: 800px;
	/* [disabled]background-color: #FFCCFF; */
	/* [disabled]margin-top: -200px; */
	box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-webkit-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-moz-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
}
#mainphotoCommunity2 img {
	position: absolute;
}
#mainphotoCommunity3 {
	float: right;
	height: 536px;
	width: 800px;
	/* [disabled]background-color: #FFCCFF; */
	/* [disabled]margin-top: -200px; */
	box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-webkit-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-moz-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
}
#mainphotoCommunity3 img {
	position: absolute;
}
#introduction3 #community a {
	color: #000000;
}
#introduction3 #community a:hover {
	color: #3aaa35;
}
#nature1 {
	/* [disabled]background-color: #999999; */
	float: right;
	height: 10px;
	width: 412px;
	margin-top: 20px;
	/* [disabled]position: relative; */
}
#nature1 p {
	float: right;
	font-family: Calibri, Arial, serif;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 10px;
}

#people {
	/* [disabled]background-color: #999999; */
	float: right;
	height: 10px;
	width: 412px;
	margin-top: 20px;
	/* [disabled]position: relative; */
}
#people p {
	float: right;
	font-family: Calibri, Arial, serif;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 10px;
}
#dialogues {
	/* [disabled]background-color: #999999; */
	float: right;
	height: 10px;
	width: 412px;
	margin-top: 20px;
	/* [disabled]position: relative; */
}
#dialogues p {
	float: right;
	font-family: Calibri, Arial, serif;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 10px;
}
#working {
	/* [disabled]background-color: #999999; */
	float: right;
	height: 10px;
	width: 412px;
	margin-top: 20px;
	/* [disabled]position: relative; */
}
#working p {
	float: right;
	font-family: Calibri, Arial, serif;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 10px;
}
#containerCommunity {
	/* [disabled]background-color: #999999; */
	float: right;
	height: 10px;
	width: 412px;
	margin-top: 20px;
	/* [disabled]position: relative; */
}
#containerCommunity p {
	float: right;
	font-family: Calibri, Arial, serif;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 10px;
}
#fifteen {
	/* [disabled]background-color: #CCCCCC; */
	float: left;
	height: 350px;
	width: 810px;
	/* [disabled]margin-right: -5px; */
	margin-bottom: 80px;
	margin-top: 40px;
	clear: both;
	margin-left: 0px;
}
#fifteen1 {
	/* [disabled]background-color: #CCCCCC; */
	float: left;
	height: 350px;
	width: 810px;
	/* [disabled]margin-right: -5px; */
	margin-bottom: 80px;
	margin-top: 40px;
	clear: both;
	margin-left: 0px;
}
#fifteen2 {
	/* [disabled]background-color: #CCCCCC; */
	float: left;
	height: 350px;
	width: 810px;
	/* [disabled]margin-right: -5px; */
	margin-bottom: 80px;
	margin-top: 40px;
	clear: both;
	margin-left: 0px;
}
#fifteen3 {
	/* [disabled]background-color: #CCCCCC; */
	float: left;
	height: 350px;
	width: 810px;
	/* [disabled]margin-right: -5px; */
	margin-bottom: 80px;
	margin-top: 40px;
	clear: both;
	margin-left: 0px;
}
#fifteen4 {
	/* [disabled]background-color: #CCCCCC; */
	float: left;
	height: 350px;
	width: 810px;
	/* [disabled]margin-right: -5px; */
	margin-bottom: 80px;
	margin-top: 40px;
	clear: both;
	margin-left: 0px;
}
#fifteen img {
	border: 1px solid rgb(0,0,0);
	margin-right: 9px;
	margin-bottom: 9px;
}
#fifteen1 img {
	border: 1px solid rgb(0,0,0);
	margin-right: 9px;
	margin-bottom: 9px;
}
#fifteen2 img {
	border: 1px solid rgb(0,0,0);
	margin-right: 9px;
	margin-bottom: 9px;
}
#fifteen3 img {
	border: 1px solid rgb(0,0,0);
	margin-right: 9px;
	margin-bottom: 9px;
}
#fifteen4 img {
	border: 1px solid rgb(0,0,0);
	margin-right: 9px;
	margin-bottom: 9px;
}
#fifteenCity {
	/* [disabled]background-color: #CCCCCC; */
	float: left;
	height: 350px;
	width: 810px;
	/* [disabled]margin-right: -5px; */
	margin-bottom: 80px;
	margin-top: 30px;
	clear: both;
	margin-left: 0px;
}
#fifteenCity img {
	border: 1px solid rgb(0,0,0);
	margin-right: 9px;
	margin-bottom: 9px;
}
#mainphoto {
	float: right;
	height: 536px;
	width: 800px;
	/* [disabled]background-color: #FFCCFF; */
	margin-top: -200px;
	box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-webkit-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-moz-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
}
#mainphoto1 {
	float: right;
	height: 536px;
	width: 800px;
	/* [disabled]background-color: #FFCCFF; */
	margin-top: -200px;
	box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-webkit-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-moz-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
}
#mainphoto2 {
	float: right;
	height: 536px;
	width: 800px;
	/* [disabled]background-color: #FFCCFF; */
	margin-top: -200px;
	box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-webkit-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-moz-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
}
#mainphoto3 {
	float: right;
	height: 536px;
	width: 800px;
	/* [disabled]background-color: #FFCCFF; */
	margin-top: -200px;
	box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-webkit-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-moz-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
}
#mainphoto4 {
	float: right;
	height: 536px;
	width: 800px;
	/* [disabled]background-color: #FFCCFF; */
	margin-top: -200px;
	box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-webkit-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-moz-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
}
#mainphoto5 {
	float: right;
	height: 536px;
	width: 800px;
	/* [disabled]background-color: #FFCCFF; */
	margin-top: -100px;
	box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-webkit-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
	-moz-box-shadow:4px 4px 18px rgba(0,0,0,0.5);
}
#mainphoto img {
	position: absolute;
}
#mainphoto1 img {
	position: absolute;
}
#mainphoto2 img {
	position: absolute;
}
#mainphoto3 img {
	position: absolute;
}
#mainphoto4 img {
	position: absolute;
}
#mainphoto5 img {
	position: absolute;
}
#videos {
	/* [disabled]background-color: #999999; */
	float: right;
	height: 10px;
	width: 412px;
	margin-top: 20px;
	/* [disabled]position: relative; */
}
#videos p {
	float: right;
	font-family: Calibri, Arial, serif;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 10px;
}
#ToTheTop {
	width: 690px;
	margin-bottom: 30px;
	float: right;
	padding: 5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#top {
	color: #ffb800;
	font-weight: bold;
	float: right;
}


#ToTheTop0 {
	width: 800px;
	margin-bottom: 50px;
	float: right;
	padding: 5px;
	margin-right: -5px;
	margin-top: 30px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#ToTheTop2 #top #button {
	margin-top: 6px;
}
#button:hover {
	opacity:0.5;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
}
#ToTheTop1 {
	width: 595px;
	margin-bottom: 50px;
	float: right;
	padding: 5px;
	margin-right: -5px;
	margin-top: 30px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#ToTheTop2 {
	width: 790px;
	margin-bottom: 30px;
	float: right;
	padding: 5px;
	/* [disabled]margin-right: -5px; */
	margin-top: 30px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#ToTheTop22 {
	width: 790px;
	margin-bottom: 30px;
	float: right;
	padding: 5px;
	/* [disabled]margin-right: -5px; */
	margin-top: 60px;
	border-bottom-width: thin;
	border-bottom-style: solid;
}
#ToTheTop3 {
	width: 485px;
	border: thin solid #CCCCCC;
	margin-bottom: 30px;
	float: right;
	padding: 5px;
	/* [disabled]margin-right: -5px; */
	margin-top: 425px;
	position: absolute;
}
#top1 {
	color: #ffb800;
	font-weight: bold;
	float: right;
}
.p_black {
	font-family: Calibri, Arial, serif;
	font-weight: bold;
}
.p_gray {
	font-family: Calibri, Arial, serif;
	color:#999999;
}
.p_blak_italic {
	font-family: Calibri, Arial, serif;
	font-style: italic;
	font-weight: bold;
}
.p_gray_bold {
	font-family: Calibri, Arial, serif;
	font-weight: bold;
	color: #999999;
}