body 
{ 
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: black;
	background-color: 	#FFFFE0;
	/* background-image: url('/heart-x.jpg'); */
	
}

.updates { font-size: 12px }

/*.commentary_header { background-color: #FEFEFE; font-size: 17px; color: black; padding: 8px; }*/
/*.commentary { background-color: #FEFEFE; font-size: 13px; color: black; padding: 8px; }*/

.commentary_header { font-size: 17px; color: black; }
.commentary { font-size: 13px; color: black; }

.periodical_group { margin: 16px; padding: 16px; }

.newspaper { font-family: "Georgia"; color: black; font-size: 32px; background-color: #FEFEFE; padding: 24px; max-width: 640px; margin: 24px; }

.newspaper_supertitle { font-family: "Georgia"; font-size: 16px; font-weight: bold; }
.newspaper_title { font-family: "Georgia"; font-size: 18px; font-weight: bold; }
.newspaper_sub_title { font-family: "Georgia"; font-style: italic; font-size: 14px; font-weight: bold; }
.newspaper_byline { font-family: "Georgia"; font-style: italic; font-size: 14px; }
.newspaper_text { font-family: "Georgia"; font-size: 14px; }
.newspaper_name_date { font-family: "Georgia"; font-style: italic; font-size: 13px; }

/* .newspaper__supertitle { font-size: 16px; font-weight: bold; } */
/* .newspaper__title { font-size: 18px; font-weight: bold; } */
/* .newspaper__sub_title { font-style: italic; font-size: 14px; font-weight: bold; } */
/* .newspaper__byline { font-style: italic; font-size: 14px; } */
/* .newspaper__text { font-size: 14px; } */
/* .newspaper__name_date { font-style: italic; font-size: 13px; } */

.photo_caption { font-size: 12px; color: black; }
.alert { font-weight: bold; background-color: white; color: red }

.episode_header
{
	font-family: "Georgia", serif;  
	font-color: white
	color: white;
	background-color: 	#B0C4DE;
	
}

table.episode {
	width: 100%;
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: outset outset outset outset;
	border-color: blue blue blue blue;
	border-collapse: separate;
	color: white;
	background-color: 	#B0C4DE;
}

table.episode td {
	vertical-align: middle;
	text-align: left;
	border-width: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	/* background-color: 	#B0C4DE; */
	/* background-color: 	#B0C4DE; */
	-moz-border-radius: 0px 0px 0px 0px;
}

.episode_title_td { font-size: 34px; font-style: italic; text-align: center; vertical-align: bottom; }
.episode_location_td { font-size: 24px; font-style: italic; text-align: center; vertical-align: bottom; }

.debug_info { font-family = "Courier"; font-size=1.2em; color: blue; }

.image_td_528 { width: 528px; }
.image_td_272 { width: 272px; }

.assert_text { font-size: 18px; color: white; background-color: red; }

h2 { font-size: 1.4em; }
h2x { font-size: 1.2em; font-style: italic; margin-top: 100px; }




#container
{
	margin-top: 1em;
	background-color: #FFF;
	background-image:  url(images/background.jpg);
	background-repeat: repeat-y;
	border: 1px solid #333;
}
		
#banner
{
	padding-left: .5em;
	padding-top: .5em;
	padding-bottom: .5em;
	background-color: #ccc;
	border-bottom: 1px solid #333;
}

#banner p
{
}
		
#banner h1
{
	margin: 0;
	padding: .5em;
}
		
		
#content
{
	padding-left: .5em;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-right: 2em;
	margin: 0, 0, 0, 0;
}
		
#content h2 { margin-top: 0; }
		
#footer
{
	clear: both;
	background-color: #666;
	padding: 1em;
	text-align: right;
	border-top: 1px solid #333;
}

img.floatLeft {
	float: left;
	margin: 4px; 
}

img.floatLeft { float: left; margin-left: 0px; margin-right: 16px }
img.floatLeftClear { float: left; clear: left; margin-left: 0px; margin-right: 16px; }
img.floatRight { float: right; margin-left: 16px; margin-right: 0px }
img.floatRightClear { float: right; clear: right; margin-left: 16px; margin-right: 0px; }

/* CORVETTE NEWS */
.cn_caption { font-style: italic; font-size: 11px; }

/* LETTER (See Mermaids on Cruelest Sea Of All) */
.letter
{
	font-family: "Trebuchet MS";
	font-style: italic;
	padding-left: 32px;
	padding-right: 64px;
}

/* MENU */
/* common styling */
.menu 
{
	font-family: arial, sans-serif;
	width:750px;
	height:32px;
	position:relative;
	font-size:11px;
	z-index:100;
}

.menu ul li a, .menu ul li a:visited 
{
	display:block;
	text-decoration:none;
	color: #000;
	background: #eee;
	width:104px;
	height:20px;
	text-align:center;
	border:1px solid #fff;
	line-height:20px;
	font-size:11px;
	overflow:hidden;
}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a 
{
	/* <<< NO >>> color:red; background:purple; */
}

/* When hovering over a "hide" class link */
.menu ul li:hover a.hide 
{
	color: #fff; background: #888;
}

.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide
{
	/* Should slightly different from normal top level (or maybe the same?) */
	/* This is a highlight color that indicates a multi-level dropdown */
	color: #000; background: #ccc; 
}
.menu ul li:hover ul li:hover a.hide
{
	/* Multi-level hover highlighting */
	color: #fff; background: #888;
}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a
{
	display:block;
	/* <<<NO>>> background:purple; color:red; */
}
.menu ul li:hover ul li a:hover
{
	/* individual item highlighting */
	color: #fff; background: #888;
}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}






/* .menux ul li a, .menu ul li a:visited */

.menux
{
	display:block;
	text-decoration:none;
	color: #000;
	background: #eee;
	width:104px;
	height:20px;
	text-align:center;
	border:1px solid #fff;
	line-height:20px;
	font-size:11px;
	overflow:hidden;
}