/* Definitions of what each part looks like (font, etc) */
/* vi: set sw=4 ts=8 ft=css : */
body
    {
    margin: 0;
    color: #000;
    background: #fff;
    font-family: Verdana, Geneva, Arial, Helvetica, Georgia, sans-serif;
    }

table.Google, table.Google tr, table.Google td
    {
    border-collapse: collapse;
    border: 0;
    background-color: #fff;
    color: inherit;
    border-spacing: 0 0;
    margin-left: auto;
    margin-right: auto;
    }

q:lang(es) { quotes: '\00AB' '\00BB'; }
q:lang(es) q:lang(es) { quotes: '\2018' '\2019'; }
q:lang(es) q:lang(en) { quotes: '\201C' '\201D'; }
q:lang(en) { quotes: '\201C' '\201D'; }
q:lang(en) q:lang(en) { quotes: '\2018' '\2019'; }

q:before { content: open-quote; }
q:after { content: close-quote; }

.Invisible
    {
    display: none;
    }

@media screen
    {

    #header
	{
	border: 1pt #333 solid;
	border-bottom: 2pt #333 solid;
	text-align: center;
	margin: 0pt;
	vertical-align: top;
	color: #336;
	background: #9ce;
	height: 60pt;
	}

    /* currently not used - ends up making header approx 3px deeper on IE6 */
    #header h1
	{
	font-size: 200%;
	font-weight: bold;
	}

    .SideBar
	{
	position: absolute;
	border: 1pt solid #666;
	width: 15em;
	background: #ffe;
	color: inherit;
	font-size: 80%;
	top: 64pt; /* this is what IE 6 needs to make sidebars align with bottom of header */
	}

    #EnglishBar
	{
	left: 0;
	}

    #SpanishBar
	{
	right: 0;
	}

    /* IE doesn't cope with this type of rule, so use it to set the
     * positioning correctly for mozilla */
    html>body #EnglishBar
	{
	top: 63pt;
	}

    /* IE doesn't cope with this type of rule, so use it to set the
     * positioning correctly for mozilla */
    html>body #SpanishBar
	{
	top: 63pt;
	}

    div.content,
    #footer
	{
	text-align: justify;
	margin: 0 15em 1em 15em;
	padding: 0 1em 1em 1em;
	background: #fff;
	color: inherit;
	}

    #footer
	{
	text-align: center;
	}

    #footer p
	{
	font-size: smaller;
	}

    #footer ul
	{
	margin-left: 0;
	padding-left: 0;
	border: none;
	}

    #footer ul ul
	{
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	}

    #footer ul li
	{
	margin-left: 0;
	padding-left: 0;
	border: none;
	list-style: none;
	display: inline;
	}

    #footer ul li:before
	{
	content: "\0020 \007c \0020";
	}

    #footer ul li.first:before
	{
	content: "";
	}

    .SideBar p
	{
	padding: 0 1em 0 1em;
	}

    .SideBar h1
	{
	border-bottom: 1pt solid #000;
	padding-left: 0.2em;
	background: #cef;
	color: #669;
	}

    .SideBar h2
	{
	border-bottom: 1pt dashed #000;
	padding-left: 0.5em;
	font-size: 110%;
	}

    .SideBar dl
	{
	padding: 0 0.5em 0 0.5em;
	}

    .content h1
	{
	text-align: center;
	background: #cef;
	border-color: #fef;
	color: #669;
	}

    a img
	{
	border: 0;
	}

    a
	{
	background: inherit;
	}

    a:hover
	{
	background: #cfe;
	color: inherit;
	}

    a.imglink:hover
	{
	background: transparent;
	color: inherit;
	border: 0;
	}

    div.photo
	{
	margin-bottom: 10px;
	white-space: nowrap;
	display: inline;
	text-align: right;
	}

    div.BiogLink
	{
	float: right;
	}

    div.BackLink
	{
	float: left;
	font-size: 200%;
	font-weight: bold;
	}

    }

/* printed output has to be a lot simpler, so no sidebars - everything is
 * in-line, and some superfluous bits (as far as printed output is concerned)
 * are omitted
 */
@media print
    {

    div.BiogLink, div.BackLink, #footer
	{
	display: none;
	}

    #header
	{
	font-size: 200%;
	font-weight: bold;
	border-bottom: 1px solid #000;
	}

    a
	{
	text-decoration: none;
	}

    .SideBar
	{
	border-bottom: 1px solid #000;
	}
    }