/**********************************************************/
/**********                                      **********/
/**********  MAIN STYLESHEET FOR THE WHOLE SITE  **********/
/**********                                      **********/
/**********************************************************/


/********** BODY AND GENERAL SITE DEFAULTS **********/
html {
	margin: 0px;}
	
body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333333;}

a {
	text-decoration:underline;
	color: #0000CC;}
a:hover {
	text-decoration: none;
	color: #990033;}
						
	
h1 {
	margin: 0px;
	padding: 0px;}
	
h3 {
	font-size: 1.3em;
	color: #669900;
	font-weight: normal;}
	
h4 {
	font-size: 1.5em;
	font-weight: normal;
	color:#669900;}
	
h5 {
	font-size: 1.4em;
	margin: 0.1em 0em 0.1em 0em;
	color: #669900;
	font-weight: bold;}
	
h6 {
	font-size: 1em;
	margin:0px;}
	
	
.highlight {
	color: #669900;}
	
.footer_hr {
	clear: both;
	width: 100%;
	border: 1px dashed #666666;}
	
	
/********** MAIN SITE CONTAINER **********/
#main_container {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 1px solid #666666;}
	
	/***** SITE HEADER *****/
	#site_header {
		height: 120px;
		border: 0px solid #666666;
		border-bottom-width: 1px;
		padding: 0px 5px 0px 0px;
		margin: 0px;
		background-image:url(../template/images/head_bg_fade.jpg);}
		
		/* site header link colours */
		#site_header a {
			color:#0000CC;
			text-decoration:underline;}
		#site_header a:hover {
			color:#990033;
			text-decoration:none;}
		
		#site_logo {
			float: left;}
			
		#site_header_nav {
			width: 35em;
			height:65px;
			float: right;
			text-align: left;
			margin: 20px 0px 0px 0px;}
			#site_header_nav ul{
				margin: 0px;
				padding: 0px;}
				#site_header_nav ul li {
					margin: 0px;
					padding: 0px 5px 0px 5px;
					display:inline;
					border: 0px solid #333333;
					border-right-width: 1px;}
		.header_hr {
			width: 100%;
			border: 1px dashed #FFFFFF;}
		/* header search form */
		#header_search {
			margin: 5px 0px 5px 0px;}
			#header_search label {
				padding-left: 5px;}
			#header_search input {
				border: 1px solid #333333;
				font-size:1em;}
		#font_sizes {
			padding-left: 5px;}
		#font_sizes a {
			margin-right: 10px;}
			#small_text_link {
				font-size:8pt;}
			#medium_text_link {
				font-size:10pt;}
			#large_text_link {
				font-size: 12pt;}
				
				
	/***** THREE COLUMN LAYOUT *****/
	#three_columns {
		width: 100%;
		margin-bottom: 20px;
		clear:both;}
		/* left column */
		#left_column {
			width: 20%;
			float: left;
			text-align: center;
			border-right:1px solid #E1E1E1;
			min-height:355px;}
			#left_column h2 {
				margin-top: 5px;
				padding: 0px;
				font-size:1em;
				font-weight:bold;
				width: 100%;
				text-align:center;}
			#left_column ul {
				margin: 0px;
				padding-left: 6px;
				padding-right: 6px;
				clear:both;
				text-align: left;}
				#left_column ul li {
					margin: 0px;
					padding: 0px;
					display:inline;}
					#left_column ul li a.main_nav_but {
						width: 105px;
						height: 35px;
						display: block;
						padding: 5px 30px 5px 5px;
						color:#FFFFFF;
						margin: 4px 0px 4px 0px;
						text-decoration:underline;}
					#left_column ul li a.main_nav_but:hover {
						text-decoration:none;}
						
					.but_subtext {
						font-size: 0.9em;}
					#but_egypt {
						background-image:url(../template/images/but_egypt.jpg);}
					#but_roman {
						background-image:url(../template/images/but_roman.jpg);}
					#but_tudor {
						background-image:url(../template/images/but_tudor.jpg);}
					#but_victorian {
						background-image:url(../template/images/but_victorian.jpg);}
					#but_ww2 {
						background-image:url(../template/images/but_ww2.jpg);}
					#but_present {
						background-image:url(../template/images/but_present.jpg);}
					#but_future {
						background-image:url(../template/images/but_future.jpg);}
					
					#left_column ul.sub_nav li {
						display:list-item;
						margin: 0.3em 0.3em 0.3em 1em;}
						#left_column ul.sub_nav a {
							text-decoration:underline;
							color: #0000CC;}
						#left_column ul.sub_nav a:hover {
							text-decoration: none;
							color: #990033;}
						
				
		/* right column */
		#right_column {
			width: 20%;
			float: right;
			text-align:left;
			border-left:1px solid #E1E1E1;
			min-height:355px;}
				
			#right_column ul {
				margin: 0px;
				padding: 0px;}
				#right_column ul li {
					margin: 0px;
					padding: 0px;
					display:inline;
					width: 140px;}
					#right_column ul li a{
						font-weight: bold;
						margin-top:10px;
						background-repeat:no-repeat;
						background-position:center;
						display: block;
						height: 71px;
						width: 134px;
						padding: 6px 0px 0px 6px;
						text-decoration:underline;}
					#right_column ul li a:hover {
						text-decoration: none;}
						
			#valid_button {
				margin: 40px 0px 20px 0px;
				text-align: center;}
			#valid_button img {
				border: 0px;}
				
			#access_button {
				margin: 40px 0px 20px 0px;
				text-align: center;}
			#access_button img {
				border: 0px;}
				
			#css_button {
				margin: 40px 0px 20px 0px;
				text-align: center;}
			#css_button img {
				border: 0px;}
						
		/* mid column (for regular content */	
		#mid_column {
			width: 56%;
			min-height:355px;
			overflow:hidden;
			border:0px;
			text-align: left;
			vertical-align: top;
			padding: 10px 10px 0px 10px;
			margin:0px;}
		
		/* game column (for displaying games) */
		#game_column {
			width: 76%;
			min-height:355px;
			overflow:hidden;
			border:0px;
			text-align: left;
			vertical-align: top;
			padding: 10px 10px 0px 10px;
			margin:0px;}
			
			#game_description {
				width: 58%;
				float: left;}
			#flash_download {
				width: 39%;
				float: right;
				border: 0px solid #E1E1E1;
				border-left-width: 1px;
				padding: 0px 0px 0px 10px;}
			


/********** GENERAL SECTION STYLES **********/

/***** Games page *****/
.games_link {}
	.games_link_head {
		clear: both;
		margin:0px;
		font-size: 1.2em;}
		.games_link_head a {
			color: #669900;
			text-decoration: underline;}
		.games_link_head a:hover {
			text-decoration: none;}
	.games_link img {
		border: 1px solid #333333;
		float: left;
		margin: 10px 20px 20px 0px;}

/***** Section home page *****/
.section_home_intro {
	width: 100%;
	clear: both;}
	.section_home_link {
		float: left;
		border: 1px solid #333333;
		margin-right: 10px;
		margin-bottom: 20px;}
	.section_home_intro_head {
		clear: both;
		margin: 10px 0px 10px 0px;}
		.section_home_intro_head a {
			color: #669900;
			text-decoration: underline;}
		.section_home_intro_head a:hover {
			text-decoration: none;}


/***** timeline *****/
.section_timeline_event {
	margin-bottom:30px;}
	.section_timeline_event_head {
		color: #CE1513;
		font-size:1.0em;
		clear: both;}
	.section_timeline_event img {
		float: left;
		margin: 10px 20px 20px 0px;
		border: 1px solid #333333;}
		
		
/***** museum room *****/
.section_museum_artifact {
	margin:40px 0px 0px 0px;
	clear: both;}
	
	.section_museum_artifact img {
		float: right;
		border: 1px solid #333333;
		margin: 0px 0px 20px 10px;}
	
/***** Did you know? *****/
.section_fact1 {
	clear: both;
	margin: 40px 0px 0px 0px;}
	.section_fact1 img {
		float: left;
		margin: 0px 20px 30px 0px;}
.section_fact2 {
	clear: both;
	margin: 40px 0px 0px 0px;}
	.section_fact2 img {
		float: right;
		margin: 0px 0px 30px 20px;}

		
		
/********** SECTION SPECIFIC CLASSES **********/

/***** EGYPT *****/
#but_egypt_pin {
	background-image:url(../template/images/but_egypt_pin.gif);
	color: #FFFFFF;}
#but_egypt_pyramid {
	background-image:url(../template/images/but_egypt_pyramid.gif);
	color: #FFFFFF;}
#but_egypt_paint {
	background-image:url(../template/images/but_egypt_paint.gif);
	color: #FFFFFF;}
#but_egypt_test {
	background-image:url(../template/images/but_egypt_test.gif);
	color: #FFFFFF;}
	
/***** ROME *****/
#but_rome_gladiator {
	background-image:url(../template/images/but_rome_gladiator.gif);
	color: #FFFFFF;}
#but_rome_story {
	background-image:url(../template/images/but_rome_story.gif);
	color: #FFFFFF;}
	
/***** TUDOR *****/
#but_tudor_arrow {
	background-image: url(../template/images/but_tudor_arrow.gif);
	color:#000000;}
		
/***** VICTORIAN *****/
#but_victorian_word {
	background-image: url(../template/images/but_victorian_word.gif);
	color:#FFFFFF;}
#but_victorian_matching {
	background-image: url(../template/images/but_victorian_matching.gif);
	color:#FFFFFF;}
	
	
/***** WW2 *****/
#but_ww2_pimp {
	background-image: url(../template/images/but_ww2_pimp.gif);
	color:#FFFFFF;}
#but_ww2_puzzle {
	background-image: url(../template/images/but_ww2_puzzle.gif);
	color:#FFFFFF;}
	
	
/***** PRESENT *****/
#but_present_slide {
	background-image: url(../template/images/but_present_slide.gif);
	color:#FFFFFF;}
#but_present_story {
	background-image: url(../template/images/but_present_story.gif);
	color:#FFFFFF;}
#but_present_wall {
	background-image: url(../template/images/but_present_wall.gif);
	color:#FFFFFF;}
	
/***** FUTURE *****/
#but_future_word {
	background-image: url(../template/images/but_future_word.gif);
	color:#FFFFFF;}
#but_future_card {
	background-image: url(../template/images/but_future_card.gif);
	color:#FFFFFF;}
#but_future_planet {
	background-image: url(../template/images/but_future_planet.gif);
	color:#FFFFFF;}
#but_future_story {
	background-image: url(../template/images/but_future_story.gif);
	color:#FFFFFF;}