@font-face { font-family: Rockwell; src: url("../fonts/Rockwell.ttf"); }

@font-face { font-family: Rockwell; font-weight: bold; src: url("../fonts/Rockwell-Bold.ttf"); }

@font-face { font-family: Rockwell; font-style: italic; src: url("../fonts/Rockwell-Italic.ttf"); }



html {
	background: #263319 url(../images/bg.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
	



body {

	line-height: 130%;

	font-family: Rockwell, Georgia, Times, “Times New Roman”, serif; 

	color: #222; }

	

ol, ul { 

	margin: 0px 0px 20px 23px; }

	li { margin-bottom: 5px; }

	ul li { list-style-type: square; }

	ol li { list-style-type: decimal; }

	

p, form { margin-bottom: 20px; }

	

#container {

	width: 960px;

	margin: 0px auto; }

	

	#header {

		position: relative;

		height: 197px;

		background: #fff url(../images/header.jpg) no-repeat top left; }

		

		#header h1 a {
	display: block;
	position: absolute;
	top: -3px;
	left: 0px;
	width: 556px;
	height: 110px;
	text-indent: -9999px;
}

		

		#header h2 {

			display: none; }

			

		#content-by {

			text-indent: -9999px; }

			

			#content-by a {

				display: block;

				position: absolute;

				top: 20px;

				left: 630px;

				width: 300px;

				height: 97px; }

		

		#navigation {

			text-indent: -9999px;

			position: absolute;

			left: 0px;

			top: 136px;

			width: 960px;

			height: 61px;

			background: #fff url(../images/navigation.jpg) no-repeat top left; }

			

			#navigation ul li {

				list-style-type: none; }

			

			#navigation a {

				display: block;

				position: absolute;

				top: 0px;

				height: 41px;

				padding: 5px 0px 15px 0px; }

				

				#navigation-home { left: 29px; width: 94px; background: transparent url(../images/navigation-tab-home.jpg) no-repeat top left; }

				#navigation-learn { left: 152px; width: 171px; background: transparent url(../images/navigation-tab-learn.jpg) no-repeat top left; }

				#navigation-connect { left: 350px; width: 200px; background: transparent url(../images/navigation-tab-connect.jpg) no-repeat top left; }

				

				#navigation-home.selected { background-position: 0px -61px; }

				#navigation-learn.selected { background-position: 0px -61px; }

				#navigation-connect.selected { background-position: 0px -61px; }

				

		#share {

			text-indent: -9999px; }

			

			#share ul li {

				list-style-type: none; }

			

				#share ul li a {

					display: block;

					position: absolute;

					top: 146px;

					width: 30px;

					height: 30px; }

				

			#share-twitter { left: 755px; }

			#share-facebook { left: 795px; }

			#share-digg { left: 835px; }

			#share-reddit { left: 875px; }

				

		#subnavigation {

			width: 600px;

			height: 32px; 

			margin-top: 10px;

			font-weight: bold;

			background: transparent url(../images/subnavigation-background.png) repeat-x top left; }

			

			#subnavigation ul {

				margin: 0px; }

			

			#subnavigation ul li {

				display: block;

				float: left;

				height: 31px;

				margin: 0px 5px 0px 5px;

				list-style-type: none;

				background: transparent url(../images/subnavigation-tab.png) repeat-x top left; }

				

				#subnavigation ul li a {

					display: block;

					height: 26px;

					padding: 5px 10px 0px 10px;

					background: transparent url(../images/subnavigation-tab.png) no-repeat right bottom; 

					text-decoration: none;

					color: #000; 

					text-shadow: #fff 0px 1px 1px; 

					moz-text-shadow: #fff 0px 1px 1px;

					webkit-text-shadow: #fff 0px 1px 1px; }

					

					#subnavigation ul li a:hover {

						text-decoration: underline; }

				

				#subnavigation ul li.selected {

					background: transparent url(../images/subnavigation-tab-selected.png) repeat-x top left; }

					

					#subnavigation ul li.selected a {

						background: transparent url(../images/subnavigation-tab-selected.png) no-repeat right bottom; }

			

		

	#content {

		min-height: 600px;

		width: 960px;

		padding-bottom: 10px;

		background: #f4f4eb url(../images/content.jpg) repeat-y top left; }

		

		#content div.block {

			padding-top: 20px;

			padding-bottom: 1px;

			background: transparent url(../images/divider.png) repeat-x bottom left; 

			text-shadow: #fff 0px 1px 1px; 

			moz-text-shadow: #fff 0px 1px 1px;

			webkit-text-shadow: #fff 0px 1px 1px; }

			

			#content div.block h3 {

				position: relative;

				width: 630px;

				left: -30px;

				min-height: 49px;

				background: transparent url(../images/content-subheader.jpg) no-repeat top left; 

				padding: 5px 0px 0px 30px;

				color: #fff; 

				font-weight: bold;

				white-space: nowrap;

				overflow: hidden;

				text-shadow: #000 0px 1px 1px; 

				moz-text-shadow: #000 0px 1px 1px;

				webkit-text-shadow: #000 0px 1px 1px; }

				

		#left {

			float: left;

			width: 600px;

			margin: 0px 10px 10px 30px; }

			

		#right {

			float: left;

			width: 300px;

			margin: 0px 10px 10px 10px; }

			

	#footer {

		display: block;

		clear: both;

		min-height: 10px;

		margin-bottom: 20px;

		background: #f4f4eb url(../images/footer.jpg) no-repeat bottom left; }

		

#content div.adunit300x250 {

	width: 300px;

	height: 250px;

	padding-top: 0px; 

	padding-bottom: 20px; }

		

#content div.adunit728x90 {

	width: 728px;

	height: 90px;

	margin: 0px auto;

	padding-bottom: 20px; }

		

#right #facebook-activity.block {

	padding-bottom: 20px; }

		

#left #summary {

	padding-top: 10px; }

		

.video-player, .pdf-viewer {

	margin-bottom: 20px; }

	

.contact-form {}

	.contact-form label {

		display: block; }

	.contact-form input {	

		display: block;

		margin-bottom: 10px; }

	.contact-form textarea {

		width: 100%;

		margin-bottom: 10px; }

	.contact-form .form-submit {

		padding: 5px;

		font-weight: bold; }



.videos {

	margin-left: 0px; }

	.videos li {

		clear: left;

		list-style-type: none; }

		.videos li img.thumb {

			width: 120px;

			height: 90px;

			float: left;

			border: 1px solid #999999;

			margin-right: 10px; 

			margin-bottom: 20px; }

