/*
Colors

background/sidebar link: white
text: black
sidebar/link/list header: #6666CC
list background: #DDDDFF
hover: #00FF00
link visited: gray
red cell: #BB0000
*/

html
{
	background-color: transparent;
	color: black;
	font-family: verdana, arial, helvetica, geneva, sans-serif;
}

table
{
	font-size: 9pt;
}

.header
{
	font-size: 18pt;
}

.main
{
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	background-color: transparent;
	z-index: 1;
}

div.main
{
	margin-left: 120px;
}

.main a:link
{
	color: #6666CC;
}

.main a:hover
{
	color: #00FF00;
}

.main a:visited
{
	color: gray;
}

.main a:visited:hover
{
	color: #00FF00;
}


.sidebar
{
	position: fixed;
	top: 0;
	left: 10;
	bottom: 0;
	width: 100px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: auto;
	z-index: 1;

	background-color: #6666CC;
	color: white;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
}

.sidebar a:link
{
	color: white;
}

.sidebar a:hover
{
	color: #00FF00;
}

.sidebar a:visited
{
	color: white;
}

.sidebar a:visited:hover
{
	color: #00FF00;
}

table.listing tr.listheader a:link
{
	color: white;
}


table.listing tr.listheader a:hover
{
	color: #00FF00;
}

table.listing tr.listheader a:visited
{
	color: white;
}

table.listing tr.listheader a:visited:hover
{
	color: #00FF00;
}

table.listing tr.sidelist td.listheader a:link
{
	color: white;
}


table.listing tr.sidelist td.listheader a:hover
{
	color: #00FF00;
}

table.listing tr.sidelist td.listheader a:visited
{
	color: white;
}

table.listing tr.sidelist td.listheader a:visited:hover
{
	color: #00FF00;
}

table.listing a:link
{
	color: black;
}

table.listing a:hover
{
	color: #00FF00;
}

table.listing a:visited
{
	color: black;
}

table.listing a:visited:hover
{
	color: #00FF00;
}



span.subheader
{
	font-size: 14pt;
}

div.subsubheader
{
	margin-left: 1em;
}

span.subsubheader
{
	font-size: 12pt;
}

div.subsubsubheader
{
	margin-left: 2em;
}

span.subsubsubheader
{
	font-size: 10pt;
}

.red
{
	color: red;
}

.thumb
{
	text-align: center;
	vertical-align: center;
	float: left;
	width: 220px; /* 200 for the picture + 16 for padding + 4 more from God knows where */
	padding: 8px;
	font-size: 8pt;
}

.thumb div
{
	width: 200px;
	height: 150px;
}

div.caption
{
	height: 5em;
	padding-top: 5px;
	border: none;
}

.endText
{
	float: left;
	clear: left;
}

.crazypic
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 0; /* if this is -1, Mozilla can't see it at all */
}

.crazypic img
{
	width: 100%;
	height: 100%;
}

.translucentBox
{
	width: 50%;
	padding-left: 5px;
	padding-bottom: 1px;
	z-index: 1; /* for Mozilla - if it's < 1, the crazypic covers it - maybe it's relative */
	background-color: white;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
}

table.listing
{
	width: 100%;
}

.listing tr.listheader
{
	background-color: #6666CC;
	color: white;
}

.listing tr.listheader td
{
	background-color: #6666CC;
	border-color: #6666CC;
	color: white;
}

.listing tr.sidelist td.listheader
{
	background-color: #6666CC;
	border-color: #6666CC;
	color: white;
	width: 20%;
}

.listing tr.sidelist td
{
	width: 80%;
}

.listing tr
{
	background-color: #DDDDFF;
}

.listing td
{
	width: 18%;
	vertical-align: top;
	border: solid medium #DDDDFF;
}

.listing td.date
{
	width: 10%;
}

.listing td.short
{
	width: 8%;
}

.listing td.free
{
	width: 100%;
}

.listing td div.arrow
{
	float: right;
	text-align: right;
}

.listing tr td.setList
{
	/*font-weight: bold;*/
}

.listing tr td.setList span.note
{
	/*font-weight: normal;*/
	/*font-style: italic;*/
	font-size: 80%;
	color: blue;
}

td#redCell
{
	border-color: #BB0000;
	background-color: #BB0000;
}

table.links td
{
	vertical-align: top;
	width: 30%;
}

span.translatorNote
{
	color: blue;
}

div.resume ul
{
	list-style-type: none;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 0;
}

div.resume ul li
{
	margin-bottom: 2em;
}

div.resume ul li div.header
{
	font-size: 1.3em;
	font-weight: bold;
}

div.resume ul li ul
{
	list-style-type: disc;
	list-style-position: outside;
	margin-top: 1em;
	margin-left: 2em;
}

div.resume ul li ul li
{
	margin-bottom: 1em;
}

div.resume ul li ul li div.header
{
	font-size: 1.1em;
	font-weight: normal;
}

div.resume ul li ul li ul
{
	list-style-type: square;
}

div.resume ul li ul li ul li
{
	margin-bottom: 0;
}

div.linksburg
{
	clear: right;
}

div.links div.links
{
	width: 33%;
	float: left;
}

div.pic img
{
	height: 80%;
	max-height: 960px;
}



/*

table.list
{
	width: 100%;
}

table.list td
{
	width: 18%;
	vertical-align: top;
	border: solid medium #DDDDFF;
}

table.list a:link
{
	color: black;
}

table.list a:hover
{
	color: #00FF00;
}

table.list a:visited
{
	color: black;
}

table.list a:visited:hover
{
	color: #00FF00;
}


table.list th a:link
{
	color: white;
}


table.list th a:hover
{
	color: #00FF00;
}

table.list th a:visited
{
	color: white;
}

table.list th a:visited:hover
{
	color: #00FF00;
}

table.list th
{
	background-color: #6666CC;
	border-color: #6666CC;
	color: white;
}

table.list th.side
{
	background-color: #6666CC;
	border-color: #6666CC;
	color: white;
	width: 20%;
}

table.list tr.side td
{
	width: 80%;
}

table.list tr
{
	background-color: #DDDDFF;
}


table.list td.date
{
	width: 10%;
}

table.list td.short
{
	width: 8%;
}

table.list td.free
{
	width: 100%;
}

table.list td div.arrow
{
	float: right;
	text-align: right;
}

table.list tr td.setList
{
	font-weight: bold;
}

table.list tr td.setList span
{
	font-weight: normal;
}

*/