/*
The following hack is so that images loaded into Javascript pop-up windows without HTML will
have as little margin or padding as possible in IE.

I hate IE, by the way. Too bad it's one of the world's most popular browsers.
*/

BODY {
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

BODY.rf
{ 
	margin-left: 3em;
	margin-right: 3em;
    margin-top: 115px;
    margin-bottom: 2em;
    background-color: transparent;
    background-image: url('images/loopback.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
}




BODY.samples {
	margin: 0 0 0 0;

	padding: 10px 10px 10px 10px;

	color: white;

	background-color: black;
	background-image: none;
} 

/*
Now, each of the pages with content will use at least one of the following styles, all of which set margins.
Note the default font family is specified in the hack.
*/

IMG { 
	border: solid 1px;
    border-color: black;
}

H1 { 
	text-align: center;
    color: darkblue;
    font-size: 18pt;
}

H2 { 
	text-align: center;
    color: green;
    font-size: 14pt;
}

H3 {
    color: darkred;
    vertical-align: top;
}

A {
    color: blue;
}

A:hover {
    color: white;
    background-color: green;
}

TR {
    vertical-align: top;
}

TR.samples {
	vertical-align: middle;
}

TD.program {
	padding-bottom: 1em;
}

TD.padded {
    padding-right: 1em;
    padding-bottom: 1em;
}

TD.google {
	width: 130px;
	padding-left: 1em;
	padding-top: 0;
	margin-top: 0;
	border-left-color: black;
	border-left-width: 1px;
	border-left-style: solid;
}

TH {
	color: darkred;
}

TABLE.masthead {
    width: 100%
}

.white
{
	background-color: white;
}