.sans-serif {
	font-family: "century gothic", "gill sans", "gill sans mt", "microsoft sans serif", tahoma, sans-serif;
}

div#sidebar, div.sidebar {
	-webkit-border-radius: 1em;
	margin-left: 1.5em;
	margin-bottom: 2em;
	border: 3px solid #f6fa9c;
	background-color: #ffffcc;
	padding: 0.75em 0.75em 0.75em 1em;
	width: 20%;
	font-size: 85%;
	float: right;
}
div#sidebar h3 {
	display: inline;
	margin: 0px;
	padding: 0px;
	border: none;
	font-weight: bold;
}
div#sidebar h4 {
	margin: 0px;
	padding: 1em 0em;
}

div.textbar {
	-webkit-border-radius: 1em;
	/*
	margin-left: 1.5em;
	margin-bottom: 3em;
	*/
	border: 3px solid #aa7700;
	background-color: #ffffcc;
	padding: 0.75em 0.75em 0.75em 1em;
	/*
	width: 20%;
	*/
	font-size: 90%;
	/*
	float: right;
	color: #B80;
	*/
}
div.textbar a {
	color: #8c001a;
}
div.textbar a:hover {
	color: #660000;
}
div.textbar h3 {
	display: inline;
	margin: 0px;
	padding: 0px;
	border: none;
	font-weight: bold;
}
div.textbar h4 {
	margin: 0px;
	padding: 1em 0em;
}

ul.side-by-side {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	height: 2em;
}
ul.side-by-side li {
	float: left;
	padding: 0px 1%;
	margin: 0px;
	width: 46%;
}
div#frame {
	width: 90%;
	background-color: #f6fa9c;
	border: solid 10px #8c001a;
	-webkit-border-radius: 20px;
	margin: 25px auto;
	-webkit-box-shadow: 4px 4px 3px #a54;
}
div#title {
	-webkit-border-radius: 20px;
	background-color: #f6fa9c;
	padding: 3px 10px;
	margin: 0px;
}
div#navigation {
	background-color: #ffffcc;
	margin: 0px;
	padding: 0px;
}
div#content {
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	background-color: white;
	padding: 5px 15px;
	margin: 0px 0px;
}
ul#menu {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	display: block;
	height: 3em;
}
ul#menu li {
	float: left;
	padding-top: 0.4em;
	padding-left: 1.25em;
	padding-right: 1.25em;
	/*
	width: 9.5%;
	*/
	font-family: "century gothic", "gill sans", "gill sans mt", "microsoft sans serif", tahoma, sans-serif;
	font-weight: bold;
	height: 2.6em;
}
a {
	color: black;
}
ul#menu a {
	/*
	text-decoration: none;
	*/
}
a:hover {
	color: #8c001a;
}
ul#menu li:before {
	display: block;
	font-weight: normal;
	font-size: 85%;
}
@media screen {
	#title {
		margin-left: -1.5em;
	}
	li.selected a {
		color: #8c001a;
		text-decoration: none;
	}
	li.selected {
		color: #8c001a;
	/*
		border-bottom: 1px dotted #C07060;
		color: red;
		*/
		background-color: #f6fa9c;
	}
}
@media print {
	ul#menu li {
		font-size: 13px;
	}
	li.selected {
		border: 1px solid black;
		background-color: silver;
	}
}
li#menu_i:before { content: "Welcome"; }
li#menu_1:before { content: "Read"; }
li#menu_2:before { content: "Read"; }
li#menu_3:before { content: "Read"; }
li#menu_4:before { content: "Read"; }
li#menu_m:before { content: "Read Ten"; }
li#menu_d:before { content: "What is the"; }
li#menu_o:before { content: "Coming Next"; }
li#menu_a:before { content: "Editorial"; }
h1 {
	font-family: "century gothic", "gill sans", "gill sans mt", "microsoft sans serif", tahoma, sans-serif;
	color: #8c001a;
}
div > h2 {
	margin-top: 0.3em;
}
h2, h3 {
	font-family: "century gothic", "gill sans", "gill sans mt", "microsoft sans serif", tahoma, sans-serif;
	font-weight: normal;
	color: #8c001a;
	padding-bottom: 4px;
	border-bottom: 2px solid #8c001a;
}
body {
	font-family: Georgia, "Times New Roman";
	background-color: #C07060;
}
@media screen {
	span#pharos {
		display:block;
		position:relative;
		/*
		position: absolute;
		top: 0px;
		left: 600px;
		*/
		/*
		*/
		margin-left: -80px;
		margin-top: -60px;
		width: 180px;
		height: 153px;
		background-image: url(pharos3.png);
		background-repeat: no-repeat;
		float: left;
		/*
		margin-left: -45px;
		margin-top: -40px;
		width: 100px;
		height: 116px;
		background-image: url(pharos1.png);
		 */
	}
}
@media print {
	span#pharos {
		display:block;
		margin-left: -80px;
		margin-top: -60px;
		width: 180px;
		height: 153px;
		content: url(pharos3.png);
		float: left;
	}
}