/* The Treaty of Berlin website CSS */

html {
	margin: 0;
	padding: 0;
}

body#home {
	background-color: #eeeeee;
	font: 100% American Typewriter, Courier, Arial, Trebuchet MS;
	margin: 0;
	padding: 0;
}

body#home p#copyright {
	text-align: center;
}

div {
	margin: 0;
	padding: 0;
}

div#content {
	margin: 0.5em 2% 1em 30%;
	padding: 0 0 0 0.25em;
}

div#navigation {
	float: left;
	width: 28%;
	margin: 0.5em 0.5em 0 2%;
}

#navigation a {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

#navigation a:hover {
	/* color: #ff0000; */
}

#navigation a:link {
	color: #000099;
}

#navigation a:visited {
	color: blue;
}

#navigation li {
	color: red;
}

#navigation li#navigationGroup {
	background: blue url(Images/usFlagIcon.gif) 2px 50% no-repeat;
	background-color: /* white; */ blue;
/*	border-top: 1px solid red; */
/*	border-left: 1px solid red; */
	color: /* red; */ white;
	padding: 2px 2px 2px 24px;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul ul {
	list-style: none;
	margin: 0 0 0 1em;
	padding: 0;
}

div#masthead {
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0;
}

div#masthead table {
	border: 0;
	color: red;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

div#masthead p#title {
	font-size: 250%;
	font-weight: bold;
	margin: 0.25em 0 0.25em 0;
	padding: 0;
}

div#masthead p#clearance {
	font-size: 150%;
	font-weight: plain;
	margin: 0.25em 0 0.25em 0;
	padding: 0;
}

div#characterDescription {
	margin: 1em 0 1em 0;
	padding: 0;
}

div#importantNote {
	background: white;
	border: 3px double red;
	color: blue;
	margin: 0 2em 0 2em;
	padding: 0 5px 0 5px;
}

span#name,
span#term {
	font-size: 125%;
	font-weight: bold;
}

span#pronunciation {
	font: 100% Arial;
	font-style: italic;
}

span#title {
	text-decoration: underline;
}

#content h3 {
	background-color: #99ccff;
	border-top: 1px solid blue;
	border-left: 1px solid blue;
	font-size: 150%;
	padding: 4px;
}

#content ul {
	list-style: none;
	margin: 0 0 0 2em;
	padding: 0;
}

p#bookRating {
	margin: 0 5px 0.5em 5px;
}

p#poemAwards,
p#bookSummary {
	margin: 0.5em 5px 0.25em 3em;
}

p#bookTitle {
	font-size: 125%;
	margin: 0.5em 0 0 0;
}

p#gameRun {
	background: blue url(Images/usFlagIcon.gif) 2px 50% no-repeat;
	color: white;
	margin: 0;
	padding: 5px 0 5px 24px;
}

p#poemTitle {
	margin: 0.25em 0 0.25em 0;
}

table#agentsAd {
	background-color: white;
	border: 3px double red;
	margin: 1em;
	padding: 0.5em;
	text-align: center;
}

table#agentsAd td#agentsHeadline {
	background-color: white;
	border: 3px double blue;
	color: red;
	font: 200% Impact;
	margin: 0;
	padding: 0;
}

table#agentsAd td#agentsTitle {
	color: black;
	font: 150% Impact;
	margin: 0;
	padding: 10px 0 0 0;
}

table#agentsAd td#agentsBlurb {
	border: 3px double blue;
	font: 100% Impact;
	margin: 0 0.25em 0 0.25em;
	padding: 10px 0 10px 0;
}

table#agentsAd td#agentsBook {
	color: black;
	font: 100% Impact;
	padding: 0.25em 0 0.25em 0;
}

table#movieRatings,
table#neededMaterials {
	border: 1px solid black;
	margin: 1em;
	padding: 0;
}

table#bookListings,
table#filmography,
table#poemListings {
	border: 1px solid black;
	margin: 0.5em 0 0.5em 0;
	padding: 0;
}

table#dictionary,
table#historyTable {
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	margin: 0.5em 0 0.5em 0;
	padding: 0;
}

table#bookListings tr#authorRow,
table#filmography tr#actorRow,
table#filmography tr#headerRow,
table#historyTable tr#yearRow,
table#neededMaterials tr#headerRow,
table#poemListings tr#authorRow {
	background-color: #99ccff;
	color: blue;
	font-size: 150%;
}

table#filmography tr#headerRow {
	font-size: 100%;
}

table#bookListings tr#evenRow,
table#filmography tr#evenRow,
table#historyTable tr#evenRow,
table#movieRatings tr#evenRow,
table#neededMaterials tr#evenRow td#description,
table#poemListings tr#evenRow {
	background-color: #cccccc;
}

table#dictionary td#definition {
	border-top: 1px solid black;
}

table#filmography td#rating {
	vertical-align: top;
	white-space: nowrap;
}

table#filmography td#details {
	width: 50%;
}

table#historyTable td#historicDate {
	white-space: nowrap;
}

table#historyTable td#year {
	border-top: 3px double black;
	border-bottom: 3px double black;
}

table#movieRatings td#rating,
table#movieRatings td#ratingStars {
	vertical-align: middle;
	white-space: nowrap;
}

table#neededMaterials td#item {
	background-color: #99ccff;
	color: blue;
	font-size: 100%;
}

table#bookListings td,
table#dictionary td,
table#filmography td,
table#historyTable td,
table#movieRatings td,
table#poemListings td {
	padding: 4px;
	vertical-align: top;
}

table#neededMaterials td {
	padding: 6px;
	vertical-align: top;
}

div#rule {
	border-top: 1px solid blue;
	margin: 0;
	padding: 0;
}

#rule span#rule {
	font-size: 100%;
	font-weight: bold;
}

div#chronicleArticle {
	background: white;
	border: 3px double black;
	color: black;
	font: 100% Trebuchet MS;
	margin: 1em 25% 0 25%;
	padding: 0.25em;
}

div#informantArticle {
	background: white;
	border: 5px solid black;
	color: black;
	font: 100% Georgia;
	margin: 1em 22% 0 22%;
	padding: 0.25em;
}

div#nasaBrief {
	background: white;
	border: 3px double black;
	color: black;
	font: 100% Times New Roman;
	margin: 1em 6% 0 6%;
	padding: 0.25em;
}

#nasaBrief span#briefTitle {
	background-color: blue;
	color: white;
	font-size: 150%;
	margin: 0 0.25em 0 0;
	padding: 10px;
}

#nasaBrief span#briefTime {
	font-style: italic;
}

#nasaBrief p {
	text-align: justify;
}

div#patriotArticle {
	background: white;
	border: 3px double black;
	color: black;
	font: 100% Times New Roman;
	margin: 1em 22% 0 22%;
	padding: 0.25em;
}

div#sceneArticle {
	background: white;
	border: 1px solid black;
	color: black;
	font: 100% Arial;
	margin: 1em 5% 0 5%;
	padding: 0.25em;
}

#chronicleArticle p#newsSource, 
#patriotArticle p#newsSource {
	border-bottom: 1px solid gray;
	font-size: 200%;
	margin: 0 0 0.1em 0;
	text-align: center;
}

#informantArticle p#newsSource {
	font: 200% Impact;
	margin: 0;
	text-align: center;
}

#sceneArticle p#newsSource {
}

#chronicleArticle table#newsInfo,
#informantArticle table#newsInfo,
#patriotArticle table#newsInfo {
	border-bottom: 1px solid gray;
	margin: 0 0 0.25em 0;
	width: 100%;
}

#sceneArticle table#newsInfo {
	background-color: blue;
	border: 1px solid black;
	color:  #9999ff;
	margin: 0 0 0.1em 0;
	padding: 0 0.25em 0 0.25em;
	width: 100%;
}

#sceneArticle table#newsInfo td#newsSection {
	font-size: 200%;
}

table#newsInfo td#newsSection {
	text-align: left;
}

#chronicleArticle table#newsInfo td#newsDate,
#patriotArticle table#newsInfo td#newsDate {
	font-weight: bold;
	text-align: right;
}

#informantArticle table#newsInfo td#newsDate {
	font: 100% Impact;
	text-align: center;
}

#sceneArticle table#newsInfo td#newsDate {
	font-size: 100%;
	text-align: right;
	vertical-align: bottom;
}

#chronicleArticle p#newsHeadline,
#informantArticle p#newsHeadline,
#patriotArticle p#newsHeadline,
#sceneArticle p#newsHeadline {
	font-size: 125%;
	font-weight: bold;
	margin: 0.25em 0 0.25em 0;
	text-align: center;
}

#chronicleArticle p#newsSubheader,
#informantArticle p#newsSubheader,
#patriotArticle p#newsSubheader,
#sceneArticle p#newsSubheader {
	font-size: 100%;
	font-style: italic;
	margin: 0 0 0.25em 0;
	text-align: center;
}

div#newsStory {
	font-size: 100%;
	padding: 0 0.25em 0 0.25em;
	text-align: justify;
}

span#byline {
	font-size: 100%;
	font-style: italic;
}

div#footnote {
	border: 1px solid black;
	margin: 0.25em;
	padding: 10px;
}