/* FOR WHOLE DOCUMENT */
hr {
	margin-top: 0px;
	margin-bottom: 0px;
	color: red
}
p {
	margin-left: 6px
}
body {
	font-family: sans-serif;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px
}
/*
w3c css validator complains about this.
table {
	cellpadding=0
}
*/
td.headlineback {
	background-image: url("headline.jpg");
	background-repeat: no-repeat;
	background-position: top left
}

/* MENU (LEFT) AREA */
td.menuarea {
	width: 170px;
	border: solid gray;
	font-size: 80%
}
a.menuarea {
}
hr.menuarea {
	margin-top: 0px;
	margin-bottom: 0px
}
p.menuarea-link {
    text-align: center
}
p.menuarea {
	margin-left: 6px;
	margin-bottom: 4px;
	margin-top: 4px;
	text-align: left
}
p.menuarea-header {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    font-variant: small-caps;
    font-size: 150%
}
p.menuarea-subhead {
    margin-top: 0px;
    margin-bottom: 0px;
	font-variant: small-caps;
	font-size: 125%
}

/* CENTER AREA */
td.centerarea {
	/*border: solid #00FF00*/
}
ul.centerarea {
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
    border-top: 0px;
    text-align: left
}
li.centerarea {
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 0px;
	border-top: 0px;
	text-align: left
}
p.centerarea {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left
}
p.centerarea-header {
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
	font-variant: small-caps;
	font-size: 150%
}
p.centerarea-subhead {
	vertical-align: top;
	text-align: left;
	margin-top: 4px;
	margin-bottom: 4px;
	font-variant: small-caps;
	font-size: 125%
}

/* RIGHT AREA */
td.rightarea {
	width: 170px;
	border: solid gray;
	font-size: 80%
}
table.headlineback {
	background-image: url("headline.jpg");
	background-repeat: no-repeat;
	background-position: top left
}
p.right-subhead {
	font-variant: small-caps;
	font-size: 125%
}
p.right {
}

/* I'm a little unsure of the margin items here.  Unless they
are set, my tests have the subtitle running below the graphic.
Not sure if the margin reduction to make them fit is robust.
Even with text-align: right IE doesn't render the h1 line right.  why?
the h2 does go to right.  Works in mozilla.
note that if we do a right-align, page doesn't render right on
extremely wide windows (over 1280 pixels or so) since
image ends and text keeps stuck to right.
New:  the above is obsolete.  Putting graphic in table columns now.
 */
h1.title
{
    color: white;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0px;
	margin-right: 10px;
    font-variant: small-caps;
    font-size: 175%;
}
h2.subtitle
{
	color: white;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 10px;
 	margin-right: 10px;
	font-variant: small-caps
}