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

* {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
}

body {
background: #E8E2DB;	
padding: 0;
margin: 30px;
}

/**** Start Page ***/

#contentstart {
width: 750px;
margin: 0 auto;
margin-top: 20px;
padding: 0;
position: relative;
}

#contentgreece {
	position: absolute;
	top: 10px;
	left: 420px;
	width: 320px;
}

#contentintro {
position: absolute;
top: 125px;
left: 390px;
width: 350px;
font-size: 14px;
line-height: 150%;
background-image:url(../images/backfade_ol.jpg);
background-repeat: no-repeat;
background-position: left top;
}
	#contentintro p {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 9px 5px 8px 7px;
	margin: 0;
	}
	#contentintro p strong {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #c50e1f;
	}

#contentimage {
position: absolute;
top: 0px;
left: 390px;
}

#contentbook {
position: absolute;
top: 0px;
left: 0px;
width: 350px;
padding-right: 20px;
background-image: url(../images/borderleft.png);
background-repeat: repeat-y;
background-position: right;
}
	#contentbook p {
	padding: 0;
	margin: 0;
	text-align: center;
	}

#contentlink {
width: 300px;
padding: 0;
margin: 0 auto;
}

/**** Open Letter ***/

#header {
background-image: url(../images/masthead.png);
width: 750px;
height: 80px;
margin: 0 auto;
padding: 0;
position: relative;
}
	#header h1 {
	font-size: 24px;
	position: absolute;
	top: 10px;
	left: 20px;
	padding: 0;
	margin: 0;
	}

#content {
width: 750px;
margin: 0 auto;
margin-top: 20px;
padding: 0;
position: relative;
}
#contentmain {
width: 520px;	
padding-right: 20px;
padding-left: 10px;
margin-bottom: 30px;
background-image: url(../images/bordermain.png);
background-repeat: repeat-y;
}
	#content h2 {
	font-size: 22px;
	color: #333;
	}
	#content p {
	font-size: 14px;
	color: #333;
	line-height: 140%;
	}
	#content li {
	font-size: 14px;
	color: #333;
	line-height: 140%;
	padding-bottom: 5px;
	}
	#content a {
	font-weight: bold;
	color: #333;
	}
	#content a:hover {
	color: #C50E1F;	
	text-decoration: none;
	}
	
#inlay {
width: 450px;
padding: 0;
margin: 0 auto;
background: #333;
}
	#inlay h2 {
	font-size: 18px;
	color: #f3f0ed;
	padding: 5px;
	margin: 0;
	}
	#inlay p {
	font-size: 12px;
	color: #f3f0ed;
	padding: 5px;
	margin: 0;
	line-height: 130%;
	}
	#inlay img {
	float: right;
	padding: 5px 0 5px 10px;
	margin: 0;
	border: 0;
	}
	#inlay a {
	color: #f3f0ed;
	font-weight: bold;
	}
	#inlay a:hover {
	color: #f3f0ed;
	text-decoration: none;
	}

#contentright {
position: absolute;
top: 0; 
left: 560px;
width: 190px;
}
	#contentright h2 {
	font-size: 16px;
	color: #666;
	}
	#contentright p {
	width: 190px;
	font-size: 12px;
	color: #666;
	line-height: 130%;
	}
	#contentright a {
	font-weight: bold;
	color: #666;
	}
	#contentright a:hover {
	text-decoration: none;
	}

#navigation {
	
}

#footer {
background-image: url(../images/footer.png);
width: 750px;
height: 30px;
padding: 0;
margin: 0 auto;
position: relative;
}
	#footer p {
	position: absolute;
	top: 7px;
	left: 11px;
	font-size: 12px;
	padding: 0;
	margin: 0;
	}
	#footer a {
	color: #000;
	font-weight: bold;
	}
	#footer a:hover {
	text-decoration: none;
	}