/*--------------------------------------------------------------------------
   AUTHOR:  	Boutros AbiChedid 
   START DATE:	July 1, 2009
   PURPOSE: 	Styles for printing the page. 
   				Recreating the "http://www.lebanon.com/tourism/byblos.htm" 
				web page using CSS.
 ---------------------------------------------------------------------------*/
body {
	margin:0 ;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;    /* Minimum width of layout. The min-width property does not work in old versions of IE */
	font:400 12pt "Times New Roman", Times, serif;
	color: #000;
	background: #fff;
}
/* don't display any of the images */
img {
	display: none;
}

#header {
	clear:both;
	float:left;
	width:100%;
	border-bottom:2pt solid #000;
	background-color: #e9e9e9;
	color: inherit;	
}

#header h1 {
	text-transform:uppercase;
	margin-bottom: -0.25em;
	font-size: 26pt;
}
h1 {
	margin:5pt auto;
	text-align: center;
	padding-top:5pt;
}

h2 {
	text-align: left;
	padding: 5pt 0;
	font-size:18pt;
}
acronym {
 	 border: 0;
}

a, a:link{
  	color: #009 !important;
	background-color:inherit;
	text-decoration: none !important;
}

/* Prints the URL after a link in CSS2 supporting browsers */
/* This is not supported in IE 6/7/8 and IE 5.2 for Macintosh */
a:link:after, a:visited:after {
   	content: " (" attr(href) ") ";
	color:#003;
	background-color:inherit;
	font-size: 8pt;
}
div.url {
	font-size:10pt;
}

.hide_in_print {
	display: none;
}

/************ Menu **************/

div.column2, div.navmenu  {
	display: none; 
}  
/************ Footer ************/

div#originalfooter {
	display: none;	
}
div#footer {
	width:100%;
	clear: both;
	border-top:2pt solid #000;	
	font:400 10pt Georgia, Times, serif;
	background-color: #e9e9e9;
	color: inherit;	
}
div#footer p {	
    text-align: left;
	padding-left: 30pt;
	padding-top: 9pt;
	
}
div#footer span {
	font-variant: small-caps;
	font-weight: bold;
	font-size:10pt;
}

/* column container */
.wrapper {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */

}

/* common column settings */
.midlecolumn,.leftcolumn {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.column1,.column2 {
	float:left;
	position:relative;
	width:inherit;
}

/* two Column settings */
.twocolumn {
	background:#eee;	/* background color of the right column  */
	color: inherit;
}
.twocolumn .midlecolumn {
	background:#fff;	/* background color of the midle column  */
	border-right: 1pt solid #000; 
	color: inherit;
}
.twocolumn .leftcolumn {
	right:98%;			/* width of the middle column */
	background:#eee;	/* background color of the left column  */
	border-right: 1pt solid #000; 
	color: inherit;
}
.twocolumn .column1 {
	width:93%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column. The default padding is 2% */
}
.twocolumn .column2 {
	width:1%;			/* Width of left column content (column width minus padding on either side) */
	left:2%;			/* width of right column + center column left and right padding + left column left padding */
}
.column1 h2  {
clear:both;
}
.column1 p:first-letter {
	padding-left: 2em;
}
.column1 p {
	text-align:justify;
}
/************ General classes ************/

.left {
	float: left;
	position:relative;
	width:100%;
}

.right {
	float:right;
	position:relative;
	width:100%;
}
.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}