@charset "utf-8";
/* CSS Document */

body		    {background-color:#5a6e6a; }

#container		{width: 1079px;
			 			height:880px;
						margin: 5px auto auto auto;
						background-color:#FFF;
						}

#branding		{width: 1026px;
			 			height: 151px;
						margin: 0px auto auto 25px;
						border:0;
						border-style: none;
						}
						
#footer		{width: 1079px;
			 			height: 67px;
						margin: 25px auto 20px 0px;
						border:0;
						border-style: none;
						float:left;
						background-image:url(../images/footer.jpg);
						background-repeat:no-repeat;
						}					

#footer-video		{width: 1079px;
			 			height: 67px;
						float:left;
						color:#FFF;
						margin: 0px auto 20px 0px;
						border:0;
						border-style: none;
						background-image:url(../images/footer.jpg);
						}	

#footer-video p {color:#FFF;
						margin: 10px 0px 0px 20px;
						font-size:12px;
						float:left;
						}

#footer p {color:#FFF;
						margin: 10px 0px 0px 10px;
						font-size:10px;
						}

#branding a   {
	border:0;
	border-style: none;
}

#branding  h4 {
	position:absolute;
	left:955px;
	top:110px;
	color:#A5A36C;
}

#branding  a {
	color:#C46A3A;
}

/*--------------TYPOGRAPHY---------------------*/

p				{color: #A5A36C; 
						font-family: helvetica, sans-serif;
						font-size:11pt;
						font-weight:normal;
						}
a				{color: #D3BA54; 
						text-decoration:none;
						font-family: helvetica, sans-serif;
						font-size:13pt;
						border:0px;
						}

h1				{color: #C46A3A; 
						font-size: 20pt;
						font-family: helvetica, sans-serif;
						letter-spacing:+1px;
						font-weight:bold;
						}
h2				{color:#969837; 
						font-family: helvetica, sans-serif;
						font-size:17pt;
						font-weight:bold;
						}

h3				{color:#C46A3A; 
						font-family: helvetica, sans-serif;
						font-size:14pt;
						font-weight:normal;
						}

h4				{color:#969837; 
						font-family: helvetica, sans-serif;
						font-size:11pt;
						font-weight:strong;
						}
						
h5				{color: #A5A36C; 
						font-family: helvetica, sans-serif;
						font-size:11pt;
						font-weight:normal;
						font-style:italic;
						}


fieldset				{color: #969837;
						font-family: helvetica, sans-serif;
						font-weight:normal;
						font-size:13pt;
						}

/*-----------------------links for different sections----------------------*/

/*nav_main*/
a:link {color: #7B5A63}
a:visited {color: #D3BA54}
a:hover {color: #D18D20}
a:active {color: #D18D20}




#footer	p {color:#FFF;
			font-family: helvetica, sans-serif;
			font-size:9pt;
			font-weight:normal;
			padding: 10px 0px 0px 15px;
			}


/*-----------------NAVIGATION AT THE TOP----------------------------*/

#nav_top		{
	width: 1027px;
	height: 53px;
	margin-left:25px;
	background-image:url(../images/topnav_off.jpg);
	}

#nav_top ul {
	margin: 0px auto auto 0px;
	list-style: none;
	padding:0;
	border:0;
}

#nav_top ul li a {
	display: block;
	position:relative;
}


ul li a#nav_news {
	width: 82px;
	height: 53px;
	/*margin-left:370px;*/
	background-image:url(../images/topnav_off.jpg);
	background-position: -370px 0px;	
	top:0px;
	left:370px;
}

ul li a:hover#nav_news {
	width: 82px;
	height: 53px;
	/*margin-left:370px;*/
	background-image:url(../images/topnav_on.jpg);
	background-position: -370px 0px;	
	top:0px;
	left:370px;
}

ul li a#nav_videos {
	width: 82px;
	height: 53px;
	background-image:url(../images/topnav_off.jpg);
	background-position: -455px 0px;	
	top:-53px;
	left:455px;
}

ul li a:hover#nav_videos {
	width: 82px;
	height: 53px;
	background-image:url(../images/topnav_on.jpg);
	background-position: -455px 0px;	
	top:-53px;
	left:455px;
}

ul li a#nav_quizzes {
	width: 82px;
	height: 53px;
	background-image:url(../images/topnav_off.jpg);
	background-position: -539px 0px;	
	top:-106px;
	left:539px;
}

ul li a:hover#nav_quizzes {
	width: 82px;
	height: 53px;
	background-image:url(../images/topnav_on.jpg);
	background-position: -539px 0px;	
	top:-106px;
	left:539px;
}




#nav_ghost {
margin-left:25px;
margin-bottom:0px;
width:1027px;
height:53px;
}


/*-------------------SUBJECT NAVIGATION--------------------------*/

#navigation {
	width:245px;
	float:left;
}

#navigation ul {
	margin: 0px auto auto 0px;
	list-style: none;
	padding:0;
	border:0;
}

#navigation ul li a {
	display: block;
}

ul li a#biology-stay {
	width:265px;
	height:67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: 6px 0px;
}


ul li a#biology {
	width: 228px;
	height: 67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: -255px 0px;	
}

ul li a:hover#biology {
	width:265px;
	height:67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: 6px 0px;	
}

ul li a#astronomy-stay {
	width:265px;
	height:67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: 6px -67px;
}


ul li a#astronomy {
	width: 228px;
	height: 67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: -255px -67px;	
}

ul li a:hover#astronomy {
	width:265px;
	height:67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: 6px -67px;
}

ul li a#ecology-stay {
	width:265px;
	height:67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: 6px -134px;
}

ul li a#ecology {
	width: 228px;
	height: 67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: -255px -134px;	
}

ul li a:hover#ecology {
	width:265px;
	height:67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: 6px -134px;
}

ul li a#physics-stay {
	width:265px;
	height:67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: 6px -201px;
}

ul li a#physics {
	width: 228px;
	height: 67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: -255px -201px;	
}

ul li a:hover#physics {
	width:265px;
	height:67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: 6px -201px;
}

ul li a#archaeology-stay {
	width:265px;
	height:67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: 6px -268px;
}

ul li a#archaeology {
	width: 228px;
	height: 67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: -255px -268px;	
}

ul li a:hover#archaeology {
	width:265px;
	height:67px;
	background-image:url(../images/nav_roll-2.jpg);
	background-position: 6px -268px;
}



/*---------------------------------------------*/

#container_other		{width: 1079px;
			 			height:830px;
						margin: 5px auto auto auto;
						background-color:#FFF;
						}


#content_main	{
	width: 772px;
	height: 360px;
	margin: 0px auto auto 10px;
	float:left;
	}
	
#content_main img {margin: 10px 0px 0px 35px;}
#content_main h1   {margin: 30px 0px 0px 35px;}


/*---------------------------------------------*/

#contact_main	{
	width: 772px;
	height: 590px;
	margin: 0px auto auto -10px;
	float:left;
	}
	
#contact_main img {margin: 10px 0px 0px 35px;}
#contact_main h1   {margin: 30px 0px 0px 35px;}

/*---------------------------------------------*/

#content_vid{
	width: 772px;
	height: 535px;
	margin: 0px auto auto 10px;
	float:left;
	}
	
#content_vid img {margin: 10px 0px 0px 35px;}
#content_vid h1   {margin: 30px 0px 0px 35px;}


#content_image	{
	width: 375px;
	height: 360px;	
	float:left;	
	}

#content_text	{
	width: 300px;
	height: 360px;	
	float:left;		
	}

#content_text p  {
	width: 220px;
	margin: 10px 0px 0px 45px;
	}
						
#content_text h2	{margin: 75px 0px 0px 45px;}


#content_about	{
	width: 200px;
	height: 360px;	
	float:left;		
	}

#content_about p  {
	width: 200px;
	margin: 10px 0px 0px 200px;
	}
						
#content_about h2	{
	margin: 75px 0px 0px 200px;
	width:200px;
	}




/*--------------CONTACT--------------------------*/

#contact_form		{height:500px;
						width: 400px;
						margin: auto auto auto 55px;
						float:left;
						}

fieldset		{font-family: helvetica, sans-serif;
						font-weight:normal;
						font-size:18pt;
						border:none;
						margin: auto auto auto -12px;
						}

label			{width: 9em;
						float: left;
						text-align: right;
						margin-right: 0.5em;
						}


.name input 		{background-color: #A5A36C;
						border: 1px solid #666666;
						width: 390px; 
						height: 17px;
						}

.phone input 		{background-color: #A5A36C;
						border: 1px solid #666666;
						width: 390px; 
						height: 17px;
						}

.email input 		{background-color: #A5A36C;
						border: 1px solid #666666;
						width: 390px; 
						height: 17px;
						}

.message input 		{background-color: #A5A36C;
						border: 1px solid #666666;
						width: 390px; 
						height: 80px;
						}

.submit input   	{margin-left: 330px;
						background-color: #A5A36C;
						border: 1px solid #666666;
						} 

#contact_form h1 {margin-left:-2px;}

#contact_sidebar	{height:475px;
						width:200px;
						float:left;
						margin: 30px auto auto 30px;
						border-left-style: solid;
						border-left-color:#A5A36C;
						border-left-width: 2px;
						}

#contact_sidebar p	{letter-spacing:+.5px;
						line-height:17pt;
						margin: 0px auto auto 22px;
						}

#contact_sidebar a	{letter-spacing:+.5px;
						line-height:17pt;
						margin: 0px auto auto 22px;
						}
						
#contact_sidebar h3	{letter-spacing:+.5px;
						margin: 35px auto 12px 20px;
						}


/*----------------------------------------*/

#content_video	{
	width: 500px;
	height: 405px;	
	margin: 45px 0px 0px 15px;
	float:left;	
	}

#content_videotext	{
	width: 200px;
	height: 400px;	
	float:left;	
	margin: 45px 0px 0px 40px;
	}

#content_game	{
	width:750px;
	height:550px;
	float:left;
	margin: 0px auto auto 10px;
}

#content_game h1 {margin: 30px 0px 10px 35px;}
#content_game h3 {margin: 0px 0px 0px 35px;}

#content_game object {
	margin: 30px 0px 0px 35px;
}

/*----------------------------------------*/

#content_quiz	{
	width:750px;
	height:550px;
	float:left;
	margin: 0px auto auto 10px;
}

#content_quiz h1 {margin: 30px 0px 10px 35px;}
#content_gquiz h3 {margin: 0px 0px 0px 35px;}

#content_quiz object {
	margin: 30px 0px 0px -2px;
}



/*--------------Content Sub-------------------------------*/

#content_sub	{
	width: 1027px;
	height: 194px;
	float:left;
	margin: 35px auto auto 85px;
}

#content_sub img {
	border:none;
}

#content_sub a {
	border:none;
}

#yum {
	width:205px;
	height:150px;
	float:left;
}

#blog {
	width:246px;
	height:193px;
	float:left;
}

#videos {
	width:267px;
	height:193px;
	float:left;
}

#games	{
	width:266px;
	height:193px;
	float:left;
}

#quizzes {
	width:247px;
	height:193px;
	float:left;
}

/*-------------------BLOG PAGES--------------------------*/

#container_blog {
	width: 1079px;
	height:1300px;
	margin: 5px auto auto auto;
	background-color:#FFF;
}

#content_blog{
	width: 700px;
	height: 1010px;
	margin: 0px auto auto 10px;
	float:left;
}

#content_blog h1  {margin: 30px 0px 0px 35px; }
#content_blog h2  {margin: 0px 0px 0px 35px; }
#content_blog h3  {margin: 0px 0px 0px 35px; }
#content_blog h4  {margin: 14px 0px 0px 35px; }

#content_blog p  {
	margin: 15px 0px 0px 35px;
}

#content_blog img{
	padding:10px;
}

/*-------------------SPLASH PAGE--------------------------*/


#splash_container {
	width: 961px;
	height:725px;
	position:absolute;
	top:65px;
	left:160px;
	/*margin: 65px auto auto auto;*/
	background-color:#FFF;
}
											
#splash {
	width: 961px;
	height:418px;
	margin-top:0px;
/*	float:left;*/
}
						

#splash img	{
/*	float:left;*/
	margin:0px;
	border:0px;
	padding:0px;
}

#splash ul {
	margin: 0px auto auto 0px;
	list-style: none;
	padding:0;
	border:0;
}

#splash	ul li a {
	position:absolute;
/*	display: inline;*/
/*	float:left;*/
}

ul li a#splash_biology {
	width: 192px;
	height: 418px;
	background-image:url(../images/splash_before.jpg);
	background-position: 0px 0px;	
	left:0px;
	top:0px;
}

ul li a:hover#splash_biology {
	width:192px;
	height:418px;
	background-image:url(../images/splash_after.jpg);
	background-position: -1px 0px;	
}

ul li a#splash_astronomy {
	width: 192px;
	height: 418px;
	background-image:url(../images/splash_before.jpg);
	background-position: -192px 0px;
		position:absolute;
	left:192px;
	top:0px;
}

ul li a:hover#splash_astronomy {
	width:192px;
	height:418px;
	background-image:url(../images/splash_after.jpg);
	background-position: -193px 0px;	
}

ul li a#splash_ecology {
	width: 192px;
	height: 418px;
	background-image:url(../images/splash_before.jpg);
	background-position: -384px 0px;	
	left:384px;
	top:0px;
}

ul li a:hover#splash_ecology {
	width:192px;
	height:418px;
	background-image:url(../images/splash_after.jpg);
	background-position: -385px 0px;	
}

ul li a#splash_physics {
	width: 192px;
	height: 418px;
	background-image:url(../images/splash_before.jpg);
	background-position: -576px 0px;
	left:576px;
	top:0px;
}

ul li a:hover#splash_physics {
	width:192px;
	height:418px;
	background-image:url(../images/splash_after.jpg);
	background-position: -577px 0px;	
}

ul li a#splash_archaeology {
	width: 193px;
	height: 418px;
	background-image:url(../images/splash_before.jpg);
	background-position: -768px 0px;	
	left:768px;
	top:0px;
}

ul li a:hover#splash_archaeology {
	width:193px;
	height:418px;
	background-image:url(../images/splash_after.jpg);
	background-position: -769px 0px;	
}