/* ////////////////////////////////////////////////////////////////////////// */
/* 8 9 10 12 16 20 24 */

body
{
	background-image:	url(http://www.intrafoundation.com/drawings/unmademan.blue.png);
	background-color:	#00CEFF;
	color:				#444400;

	margin:				0;
	padding:			0;
	font-family:		Arial, serif;
	font-size:			120%;
	font-weight:		normal;

	scrollbar-3dlight-color:	#ffffaa;
	scrollbar-arrow-color:		#000000;
	
	scrollbar-highlight-color:	#ffffaa;
	scrollbar-face-color:		#aaaa00;
	scrollbar-shadow-color:		#808080;
	scrollbar-darkshadow-color:	#404040;
	
	scrollbar-track-color:		#444400;
}
.footer
{
	position: 		absolute;
	height:			8ex;
	bottom:			2ex;
	right:			5px;
	text-align:		right;
	visibility:		visible;
	z-index:		-1;
	opacity:		50%;
	background-color:	#20d8ff;
	color:				#a0deff;
}
.sidetitle
{
	position: 		absolute;
	top:			150px;
	left:			20px;
	visibility:		visible;
	z-index:		1;
	font-family:	times, serif;
	font-size:		400%;
	line-height:	1ex;
	width:			10%;
	line-height:	1.5ex;
    color:			#ffffff;

	filter:DropShadow(OffX=4, OffY=4, color:#00a8cf);
}


a:link {
    color: #000000;
	background: transparent;
	font-weight: bold;
}
a:visited {
    color: #888800;
	background: transparent;
	font-weight: bold;
}
a:active {
    color: #00eeee;
	font-weight: bold;
}
a:hover {
    color: #00eeee;
	font-weight: bold;
}


tr
{
	font-family:		Arial, serif;
	font-size:			normal;
}

a img, img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: dotted 	0px;
}

td, th
{
	padding: 0;
}
blockquote
{
	padding: 1em;
	font-family: Verdana, Arial, serif;
	font-size: 80%;
}
strong {
	font-weight: 800;
}
em {
	font-style: italic;
}

small {
	font-size: 85%;
}
big {
	font-size: 133%;
}

tt {
	font-family: "Courier New", Courier, monospace;
}

p
{
	margin-left:	1em;
	margin-right:	1em;
	margin-top:		.5ex;
	margin-bottom:	1ex;
	font-weight:	0;
	font-size: 85%;
}


.photograph
{
	width: 216;
	height: 144;
	filter:
	progid:DXImageTransform.Microsoft.Glow(color='gold', Strength='3')
	DropShadow(OffX=6, OffY=6, color:#00a8cf)
	;
}
.photograph_tall
{
	width: 144;
	height: 216;
	filter:
	progid:DXImageTransform.Microsoft.Glow(color='gold', Strength='3')
	DropShadow(OffX=6, OffY=6, color:#00a8cf)
	;
}

pre
{
	word-spacing: 0em;
	letter-spacing: 0em;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	filter:DropShadow(OffX=2, OffY=2, color:#00aedf);
	color: #222200;
	font-size: 133%;
	font-family: Times New Roman, sans-serif;
}

.resume1
{
	width: 100%;
	height: 1ex;
	filter:
	progid:DXImageTransform.Microsoft.Glow(color=#444444, Strength='1')
	DropShadow(OffX=-3, OffY=-3, color:#70E4FF)
	DropShadow(OffX=3, OffY=3, color:#00a8cf)
	;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	font-family: Arial Narrow, Arial, Verdana, sans-serif;
	font-size: 166%;
	word-spacing: 0em;
	letter-spacing: 0em;
	font-weight: normal;
	color: #222200;
}
.resume2
{
	font-family: Monotype Corsiva, Arial Bold, Verdana, sans-serif;
	font-size: 200%;
	word-spacing: 0em;
	letter-spacing: 0em;
	font-weight: normal;
	color: #0098bf;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1ex;
	position: 		relative;
	top:			-2ex;
	left: 4em;
}


h1
{
	width: 100%;
	height: 1ex;
	
	filter:DropShadow(OffX=4, OffY=4, color:#00a8cf);

	margin-top:		1ex;
	margin-bottom:	0;
	margin-left:	0;
	margin-right:	0;
	padding:		0px 0px 0px 0px;
	font-family:	Arial Bold, Verdana, sans-serif;

	font-size: 166%;
	word-spacing: 1em;
	letter-spacing: .5em;
	font-weight: bold;
	color: #222200;
}
h2 {
	width: 100%;
	height: 1ex;
	
	filter:DropShadow(OffX=4, OffY=4, color:#00a8cf);

	margin-top:		1ex;
	margin-bottom:	0;
	margin-left:	0;
	margin-right:	0;
	padding:		0px 0px 0px 0px;
	font-family:	Arial Bold, Verdana, sans-serif;

	font-weight: bold;
	word-spacing: 4px;
	letter-spacing: 4px;
	font-size: 116%;
	color: #ffffdd;
}
h3 {
	margin-top:		1ex;
	margin-bottom:	0;
	margin-left: 5%;
	margin-right:	0;
	padding:		0px 0px 0px 0px;
	font-family:	Gothic, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 133%;
	color: #ffff88;
	word-spacing: .25em;
}
h4 {
	margin-top:		1ex;
	margin-bottom:	0;
	margin-left:	0;
	margin-right:	0;
	padding:		0px 0px 0px 0px;
	font-family:	Arial Bold, Verdana, sans-serif;

	font-size: 90%;
	color: #444411;
}
h5 {
	margin-top:		1ex;
	margin-bottom:	0;
	margin-left:	0;
	margin-right:	0;
	padding:		0px 0px 0px 0px;
	font-family:	Arial Bold, Verdana, sans-serif;

	font-size: 80%;
	color: #666600;
}
h6 {
	margin-top:		1ex;
	margin-bottom:	0;
	margin-left:	0;
	margin-right:	0;
	padding:		0px 0px 0px 0px;
	font-family:	Arial Bold, Verdana, sans-serif;

	font-size: 60%;
	color: #7777005;
}
h7 {
	margin-top:		1ex;
	margin-bottom:	0;
	margin-left:	0;
	margin-right:	0;
	padding:		0px 0px 0px 0px;
	font-family:	Arial Bold, Verdana, sans-serif;

	font-size: 30%;
	color: #888800;
}

li {
	margin-top: 0;
	margin-bottom: 0;
}
ul {
	margin-top: 0.25ex;
	margin-bottom: 0.5ex;
}

dt {
	margin-top: 0;
	margin-bottom: 0;
	color: #eeeeee;
	font-family: Times, serif;
}
dd {
	margin-top: 0.25ex;
	margin-bottom: 0.5ex;
	font-family: Arial, sans-serif;
	font-size: smaller;
}

hr {
	border-top: dotted medium;
	color: #aaaa66;
	height: 1px;
	width: 100%;
	margin: 0;
	padding: 0;
}


.header
{
	background-color: #222222;
	color: #ffff00;
}

.menu
{
	background-color:	#FFFF40;
	color:				#000000;
	letter-spacing:		.25em;
	font-size:			100%;
}
.menu1
{
	background-color: #00ceff;
	color: #000000;
}
.menu2
{
	background-color: #30D7CF;
	color: #000000;
}
.menu3
{
	background-color: #66E199;
	color: #000000;
}
.menu4
{
	background-color: #9EEC60;
	color: #000000;
}
.menu5
{
	background-color: #D1F62E;
	color: #000000;
}
.menu6
{
	background-color: #ffff00;
	color: #000000;
}
.menu a:link
{
	color: #000000;
	font-weight: bold;
}
.menu a:visited
{
	color: #666600;
	font-weight: bold;
}
.menu a:active
{
	color: #00eeee;
	font-weight: bold;
}
.menu a:hover
{
	color: #00eeee;
	font-weight: bold;
}


.submenu
{
	background-color: #ffffc0;
	color: #000000;
	font-size: 80%;
}
.submenu1
{
	background-color: #00ceff;
	color: #000000;
}
.submenu2
{
	background-color: #30D7CF;
	color: #000000;
}
.submenu3
{
	background-color: #66E199;
	color: #000000;
}
.submenu4
{
	background-color: #9EEC60;
	color: #000000;
}
.submenu5
{
	background-color: #D1F62E;
	color: #000000;
}
.submenu6
{
	background-color: #ffff00;
	color: #000000;
}
.submenu a:link
{
	color: #000000;
	font-weight: bold;
}
.submenu a:visited
{
	color: #666600;
	font-weight: bold;
}
.submenu a:active
{
	color: #00eeee;
	font-weight: bold;
}
.submenu a:hover
{
	color: #00eeee;
	font-weight: bold;
}
.submenu a:link
{
	color: #000000;
	font-weight: bold;
}
.submenu a:visited
{
	color: #666600;
	font-weight: bold;
}
.submenu a:active
{
	color: #00eeee;
	font-weight: bold;
}
.submenu a:hover
{
	color: #00eeee;
	font-weight: bold;
}


.columnlayout {
	width: 100%;
	vertical-align: top;
	font-size: 100%;
}
.titlecolumn {
	width: 10%;
	margin: 0;
	padding-left: 5%;
	padding-right: 0%;
	padding-top: 0%;
	padding-bottom: 0%;

	vertical-align: top;
	font-size: 100%;
}
.maincolumn {
	width: 63%;
	margin: 0;
	padding: 0;

	vertical-align: top;
	font-size: 100%;
}
.detailcolumn {
	width: 21%;
	margin: 0;
	padding-left: 0%;
	padding-right: 1%;
	padding-top: 0%;
	padding-bottom: 0%;
	
	font-family: sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #888888;
	vertical-align: top;
}
.widecolumn {
	width: 86%;
	margin: 0;
	padding: 0;

	vertical-align: top;
	font-size: 100%;
}


.beginmagicinsert
{
	vertical-align: top;
	font-size: 80%;
	font-weight: normal;
	font-family: Arial, Georgia, serif;
}


.blackface
{
	font-family:	Arial Bold, Arial, sans-serif;
	font_weight:	bold;
	letter-spacing:	.1em;
	font-size:		120%;
}
.fact
{
	z-index:		1;
    color:			#990;
	font-family: 	times, serif;
	font-size:		100%; /* 75%; */
	line-height:	1ex;
	line-height:	1.75ex;
	text-align:		right;
}
.subtle
{
	color:			#999988;
	font-weight:	normal;
	text-transform: none;
	font-size:		small;
}
.faint
{
	color:			#888888;
	font-weight:	normal;
	text-transform:	none;
}
.redtag {
	color: #ff0000;
	font-weight: bold;
	font-size:	120%;
	font-family: sans-serif;
}
a:link.redtag
{
    color: #ff0000;
	background-color: transparent;
	text-transform: uppercase;
}
a:visited.redtag
{
    color: #ff0000;
	background-color: transparent;
}
a:active.redtag
{
    color: #ff0000;
	background-color: #C0C000;
}
a:hover.redtag
{
    color: #ff0000;
	background-color: #C0C000;
}


.ello
{
	position: 	absolute;
	bottom:     10ex;
	left:		40px;
	text-align: right;
	visibility: visible;
	z-index:	4;
	width:		20em;
	padding:	1em;
 	font-family: Verdana, serif;
	font-size:	80%;
	background-color: #44DABA;
}
.ellophoto {
	z-index:	2;
	align:		right;
}

.gnosis
{
	position: 		absolute;
	top:			20ex;
	right:			5px;
	text-align:		right;
	visibility:		visible;
	z-index:		3;
	font-family:	Times,serif;
	font-size:		120%;
	font-weight:	800;
	color:			#dddd33;
}

.needtag
{
	position: 		absolute;
	top:    		120px;
	bottom: 		320px;
	left:			78%;
	right:			5px;
	text-align:		right;
	visibility:		visible;
	z-index:		4;
	padding:		1em;
	background-color:	#000000;
 	font-family:	Verdana, serif;
	font-size:		100%;
	color:			#ffff00;
}

.datum
{
	font-size: 100%;
	margin: 1em;
	font-family: Times New Roman, sans-serif;
	padding: 0em;
	margin: 0;
	background-color: #dddd00;
	color: #000000;
}
.datum th
{
	font-size: 80%;
	margin: .5em;
	padding: .5em;
	font-family: Times New Roman,sans-serif;
	background-color: #cccc00;
	color: #000000;
}
.datum td
{
	font-size: 66%;
	padding: 0em;
	margin: 0em;
	background-color: #F0F000;
	color: #000000;
	font-family: Times New Roman,sans-serif;
}
.datum h3
{
	font-size: 80%;
	margin: 1em;
	font-family: Times New Roman,sans-serif;
	padding: 0em;
	margin: 0;
	background-color: #aaaa00;
	color: #000000;
}
a:link.datum
{
	background-color: #F0F000;
	color: #000000;
	font-weight: bold;
}
a:visited.datum
{
	background-color: #F0F000;
	color: #000000;
	font-weight: bold;
}
a:active.datum
{
	background-color: #F0F000;
	color: #000000;
	font-weight: bold;
}
a:hover.datum
{
	background-color: #F0F000;
	color: #000000;
	font-weight: bold;
}

.datum ul li a:link
{
	background-color: #F0F000;
	color: #000000;
	font-weight: bold;
}
.datum ul li a:visited
{
	background-color: #F0F000;
	color: #000000;
	font-weight: bold;
}
.datum ul li a:active
{
	background-color: #F0F000;
	color: #000000;
	font-weight: bold;
}
.datum ul li a:hover
{
	background-color: #F0F000;
	color: #000000;
	font-weight: bold;
}



.page
{
}
.page:first-letter {
	font-size: 200%;
	color: #880000;
}
.page:first-line {
	font-weight: bold;
	margin-top: 1in;
	text-transform: uppercase;
	font-family: Garamond, Arial, sans-serif;
	font-size: larger;
	word-spacing: .5em;
	text-indent: 2em;
	text-align: justify;
}

.para {
	text-indent: 3em;
}
.para:first-letter {
	font-size: 166%;
	font-weight: bold;
}