@charset "UTF-8";
	
	
	/* Mobile Layout: 480px and below. */

.disabled {
        pointer-events: none;
      }

.enabled {
        pointer-events: all;
      }

.panel-title{
		font-size: 14px;

	}
.panel-body{
	font-size: 14px;
}
	  
	body {
	
		font-family: athelas;
		font-style: normal;
		font-size:18px;
		color:black;
		background-color:white;
		}
		
		.small_body {
	font-size: 16px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #256074;
		}
		
	.gridContainer {
		background-color:#eeebea;
	}	
	
	h1{
		font-size: 30px;
		color: #256074;
		text-shadow: 1px 1px 2px #FFFFFF;
		text-transform: uppercase;
		line-height:1em;
	}
	
	h2{
		font-size:30px;
		color: #ffffff;
		text-shadow: 1px 1px 2px #333333;
	text-transform:uppercase;
	line-height:1em;
	}
	
	
	h3{
	font-size: 22px;
	color: #ae4b2c;
	text-shadow: 2px 2px 2px #FFFFFF;
	line-height: 1em;
	}
	
	#nav {
		border-bottom: 2px solid #FFFFFF;
	}
	

	.menu {
	width: 100%;
	font-size: 26px;
	color: #ae4b2c;
	padding-left: 10px;
	padding-right: 15px;
	margin-right: 15px;
	
	}
	
	
	.menu a:link, a:link{
		color: #ae4b2c;
		text-decoration:none;
	}
	.menu a:active, a:active {
		color: #ae4b2c;
		text-decoration:none;
	}
	.menu a:visited, a:visited {
		color: #ae4b2c;
		text-decoration:none;
	}
	.menu a:hover, a:hover {
		color: #000000;
	}
	
	
	
	#sub_menu_container {
	border-right: 2px solid #FFFFFF;
			
	}
	
	.sub_menu_inner, .mobile_sub_menu_inner {
	padding-left: 10px;
	padding-right: 15px;
	/*font-size: 24px;*/
	text-shadow: 1px 1px 1px #FFFFFF;
	}
	.sub_menu_inner a:after{
		content: url('/html_images/spacer.gif');
		display:inline-block;
		margin-bottom:7px;
		
	}
	
	.submenu_sub{
	margin-left:15px;
	}
	
	.sub_menu_inner a:link {
		text-shadow: 1px 1px 2px #FFFFFF;
	
		color: #ae4b2c;
		text-decoration: none;
	}
	
	.sub_menu_inner a:active {
		color: #ae4b2c;
		text-decoration:none;
	}
	.sub_menu_inner a:visited {
		color: #ae4b2c;
		text-decoration:none;
	}
	.sub_menu_inner a:hover {
		color: #000000;
	}
	.sumenu_button {
		padding:3px;
		/*background-image:url(../html_images/new_egypt/submenubg.jpg);
		opacity: 0.4;
		filter: alpha(opacity=40);*/
		
	}
	
	.nolink_submenu_item {
		color: #ae4b2c;
	}
	
	.submenu_sub {
		line-height:0.85em;
		}
	
	.submenu_sub a {
		font-size:18px;	
	}
	
	.submenu_sub a:link, .submenu_sub a:active, .submenu_sub a:visited {
		color:black;	
	}
	.submenu_sub a:hover{
		color:#ae4b2c;	
	}

.panel-body a:link, .panel-body a:active, .panel-body a:visited {
		color:black;	
	}
	.panel-body a:hover{
		color:#ae4b2c;	
	}

	.sub_menu_inner .sublead_article{
	width:95%;	
	}
	#main_content_container {

	
	}
	
	.content_column_container {

	}
	
	
	.main_content_inner {
	margin-left: 25px;
	margin-right: 25px;

	}
	
	.intro_image {
		float:left;
		width:100%;
		margin-right:15px;
	
	}
	
	.intro_image_right {
		float:right;
		width:100%;
		margin-left:0px;
	
	}
	
	.fullwidth_imagecontainer, .fullwidth_imagecontainer .caption{
	width:100%;	
	clear:both;
	}
	
	.fullwidth_imagecontainer{
	margin-top:20px;
	}
	
	.image_shadow{
		-webkit-box-shadow: 1px 1px 3px 2px #BBBBBB;
		box-shadow: 1px 1px 3px 2px #BBBBBB;
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
	}
	
	.caption, .librarythumb {


		font-size: 14px;
		color: black;
		margin-top:8px;
		margin-bottom:15px;
		text-align:center;
		/*background-color:white;*/
	}
	 
	.caption {
	padding-left:10px;
	padding-right:10px;
	}
	
	#mobile_sub_menu{
	background-color: #eeebea;
	border-top: 2px solid #FFFFFF;
	}
	
	#footer{
		background-image:url(/html_images/new_egypt/footer_bg.jpg)
	}
	.footer_inner {
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	text-shadow: 1px 1px 1px #040404;
	}
	
	.breaker{
		border-bottom: 2px solid white;
		margin-bottom: 20px;
		margin-top: 10px;
		clear:both;
	}
	
	.breaker_nomargins{
		margin-top:8px;
		margin-bottom:8px;
		border-bottom:#FFFFFF solid 2px;
	}

.panel-body .breaker_nomargins{
		margin-top:8px;
		margin-bottom:8px;
		border-bottom:rgba(220,220,220,1.00) solid 1px;
	}

	.spacer {
		height:10px;
	}
	
	.left_half_column span, .right_half_column span {
	color:black;	
	}
	
	.pdffloatright{
		width: 27px;
		float: right;
		margin-left: 10px;
	}
	
	.mobile_sub_menu_inner{
		padding:10px;
	}
	.mobile_sub_menu_inner h2{
		color:white;
	}
	
	.major_article, .lead_article, sublead_article{
	margin-bottom: 25px;
	float: left;
	padding-top: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-box-shadow: 2px 2px 2px 2px #ACACAC;
	box-shadow: 2px 2px 2px 2px #ACACAC;
	background-image: url(../html_images/new_egypt/article_bg.png)
	}
	
	.major_article {
		width:97%;
	margin-bottom: 20px;
	padding-left: 15px;
	}
	.lead_article{
	margin-bottom: 25px;
	width:100%;
	}
	
	.sublead_article{
	width: 91%;
	}
	.submajor_article{
	width:91%;	
	}
	
	.lead_article img, .major_article img{
	margin-top: 0px;
	margin-bottom: 5px;
	}
	
	.lead_article_inner{
	padding-left: 3%;
	}
	
	.sublead_article, .submajor_article, .sublead_article_full, .sublead_article_full_no_hover{
	padding-right: 10px;
	margin-right: 15px;
	float: left;
	background-image: none;
	background-color: #E3DBC8;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0px;
	padding-top: -20px;
	margin-bottom: 20px;
	border-top-left-radius: 10px;
	border: #E3DBC8 solid 2px;
	padding-left: 10px;
	}
	.sublead_article:hover, .submajor_article:hover, .sublead_article_full:hover{
	background-color: white;
	
	}
	


	
	
	.submajor_article{
		
	}
	 
	.intropdf {
		width:100%;
	}
	.library_thumb_inner {
		-webkit-box-shadow: 2px 2px 2px 2px #CDCDCD;
		box-shadow: 2px 2px 2px 2px #CDCDCD;
		border: 8px solid #FFFFFF;
		border-radius: 4px;
		margin-right:10px;
	
		font-size: 12px;
		color: black;
	}
	
	.library_thumb_inner a:hover img{
	border-radius: 20px;
	}
		
	.tip {
		font-family: "museo-slab",serif;
		font-style: italic;
		font-weight: 700;
		font-size: 16px;
		color: #E75224;
		line-height: 1.5em;
		margin-bottom: 5px;
		padding: 10px;
		-webkit-box-shadow: 0px 2px 2px 2px #ACACAC;
		box-shadow: 0px 2px 2px 2px #ACACAC;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	
	.zoomnav{
		background-color:#424242;
		min-height:35px;
		overflow:hidden;
		padding:10px;
		z-index:1000;
	}
	
	.zoomnav a:link{
		color:#ff7c00;
	}
	
	.zoomnav a:active{
		color:#ff7c00;
	}
	
	.zoomnav a:visited{
		color:#ff7c00;
	}
	
	.zoomnav a:hover{
		color:#ffffff;
		text-decoration:underline;
	}
	
	.zoomnav_button{
		
	}
	
	.zoomnav_left{
		width:33%;
		float:left;
		text-align:left;
		
	}
	
	.zoomnav_centre{
		width:33%;
		float:left;
		text-align:center;
	}
	
	.zoomnav_right{
		width:33%;
		float:right;
		text-align:right;
	}

	/* zomify container */
	#myContainer { 
	position:absolute;
	top:70px;
	bottom:20px;
	width:100%;
	margin:auto;
	z-index:10;
	}
	
	.volume_buttons{
	line-height:0.50em; 
	margin-bottom:0px;
		
	}
	/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
	
	@media only screen and (min-width: 481px) {
		body {
		background-image: url(../html_images/new_egypt/bg40opaque.jpg);
	}
	
	#bg_container {
	
	}	
	.gridContainer {
		background: rgb(255, 255, 255); /* Fall-back for browsers that don't
										support rgba */
		background-color: rgba(249,249,249,0.90);
		-webkit-box-shadow: 3px 3px 3px 0px #000000;
		box-shadow: 3px 3px 3px 0px #000000;
		margin-top: 10px;
	}	
		
	.intro_image {	
		width:50%;		
	}
	
	.intro_image_right {
		width:50%;
		margin-left:30px;
	
	}
	.right_half_column_inner {
		padding-left:20px;
	}
	.left_half_column_inner {
		padding-right:20px;
	}
	.menu {
		font-size: 32px;	
		padding-right:0px;
		margin-right:15px;
	}
	
	.main_content_inner {
	}
	
	.items {
		width: 40%;
	
	}
	.lead_article{
	margin-bottom: 25px;
	}
	.major_article{
	width: 95%;
	margin-bottom: 20px;
	}
	
	.sublead_article{
	width:92%;	
	}
	
	}
	



	
	/* Desktop Layout: 769px to a max of 1040px.  Inherits styles from: Mobile Layout and Tablet Layout. */
	
	@media only screen and (min-width: 801px) {
	
	.panel-title{
		font-size: 22px
	}
		.panel-body{
		font-size: 18px
	}
	
		#nav {
		border-bottom: 0px;
	}
	
	
		
	.intro_image {	
		width:40%;	
	}
	
	.sub_menu_inner{
		padding-left:40px;
	 }
	
	.menu {
		font-size: 30px;
		padding-left: 20px;
		margin-right: 15px;
		margin-left: 15px;
	}
	
	.main_content_inner {
	position: relative;
	top: -45px;
	}
	.items {
		width: 30%;
	
	}
	.lead_article{
	margin-bottom: 25px;
	}

	.major_article{
	width: 45%;
	margin-bottom: 20px;
	margin-left: 16px;
	}
	
	.sublead_article{
	width: 44%;
	}
	.submajor_article{
	width:88%;	
	}
	.highlight_link_box{
	width:40%;
	float:right;	
	}
		
	
	}