BODY
{
	background-image: url(background.gif);
	background-repeat: repeat-y;
}

LI.primary {
list-style-type: disk;
}

LI.media { list-style: url(media.gif); }
LI.site { list-style: url(site.gif); }
LI.text { list-style: url(text.gif); }

LI.media LI {
	list-style-type: circle !important;
	list-style-image: none;
}

SPAN.size {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	color: #666;
}

H1 {
	font-size: 1.3em;
	margin: 0px 0px .5em 0px;
	color: #0f1076;
	line-height: 1em;
}

H2 {
	margin-top: 1em;
	margin-bottom: 2px;
	font-size: 1em;
	color: #323475;
}

H3 {
	margin-bottom: 2px;
	font-size: .9em;
	color: #666;
}

H4 {
	font-size: .8em;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica, sans-serif;
}

A:link { color: #d00; }
A:visited { color: #a00; }
A:link:hover, A:visited:hover, A:link:focus, A:visited:focus { color: #f00; }

TABLE TH { background-color: #9c9; }

TABLE.grid {
border-collapse: collapse;
}

TABLE.grid TD {
	border: #000;
	border-width: 1px;
	border-style: solid;
}

#sidebar-left
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 73px;
}

#logo {	top: 10px;
 }

#logo, #logo em {
	width: 180px;
	height: 53px;
	background: url(logo.gif);
}

#sidebar-left UL.menu LI A
{
	border-top: 1px solid #0f1076;
}

#sidebar-left UL.menu LI.active-trail {
	background-color: #dde;
}

#sidebar-left A:visited, #sidebar-left A:link, #sidebar-left A:link:hover, #sidebar-left A:visited:hover {
	color: #d00;
}

#sidebar-left UL LI A:visited:hover, #sidebar-left UL LI A:link:hover {
	background-color: #ccd;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
}

DIV.videoright {
	clear: right;
	float: right;
	padding: 0px 0px .5em 10px;
	width: 320px;
	text-align: center;
}

DIV.photo {
	text-align: center;
}

DIV.toolbox
{
	text-align: center;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	padding: 5px;
	margin: 1em 0px;
}

DIV.toolbox INPUT {
	margin-left: 10px;
	margin-right: 3px;
}

#background, #transcript, #curator, #glossary
{
	border-color: #CCC;
	border-width: 0 0 1px 0;
	border-style: solid;
}


DIV.dim {
color: #999 !important;
}

DIV.item-list DIV { display: inline; }


/* Homepage */

BODY.front {
	background-image: none;
}

BODY.front #page {
	width: 80%;
	margin: 0px auto;
}

BODY.front #sidebar-left
{
	float: left;
	position: relative;
}

BODY.front #sidebar-left, BODY.front #content {
	padding-top: 20px;
}

BODY.front #logo
{
	margin: 20px auto;
	position: relative;
}

BODY.front #skipto
{
	top: 20px;
	left: 50%;
}

BODY.front H1 { display: none; }
BODY.front #sidebar-left { margin-top: 0; }

BODY.front #logo, BODY.front #logo em {
	width: 500px;
	height: 148px;
	background: url(logo500.gif) top left no-repeat;
}



/* callouts */

DIV.callout, SPAN.terms
{
	float: right;
	width: 33%;
	padding: 10px;
	margin: 0px 0px .5em 10px;
	clear: right;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
}

DIV.photoright, DIV.photoright150, DIV.photoright200, DIV.photoright250, DIV.photoright300
{
	clear: right;
	float: right;
	padding: 0px 0px .5em 10px;
	text-align: right;
}

DIV.photoright150 { width: 150px; }
DIV.photoright200 { width: 200px; }
DIV.photoright250 { width: 250px; }
DIV.photoright300 { width: 300px; }

DIV.photoright300 IMG, DIV.photoright250 IMG, DIV.photoright200 IMG, DIV.photoright150 IMG { margin-bottom: 3px; }

DIV.photoright300 P, DIV.photoright250 P, DIV.photoright200 P, DIV.photoright150 P
{
	color: #666 !important;
	line-height: normal;
	font-size: .85em;
}

DIV.callout H2 { font-size: 1.1em; }
DIV.callout UL { line-height: 1.1em; }
DIV.callout LI, DIV.callout DD { margin: 0px 0px .25em 1.5em; }