html, body { margin:0; padding:0; border:0; height: 100% }
body { font-family: Tahoma, sans-serif; font-size:90%; }

#main {	position: relative;	margin:0 auto; height:auto !important;
	height:100%; min-height:100%; }

#header { position:relative; height:4em; width:100%; clear:both;
 white-space:nowrap; margin:0; background:#5a962a; 
 border-bottom:4px solid #2f533d; min-width: 52em; }

#header #title { float:left; margin:8px 0 0 16px;}
#header h1 { margin:0; color:#CAFF9F; }
#header a { text-decoration:none; }
#header h1 a { color:#CAFF9F }

#title img { vertical-align:middle; margin:0; border:0 }

.nav { float:right; margin:0 8px 0 0;}
.nav a { display:block; float:left; padding-top:2em; margin:0 4px;
	height:2em; text-align:center; width:10em; }
.nav a:hover,
.nav a.selected { background:url(res/bg-link.png) bottom repeat-x;
	color:white; }
.nav a.selected { font-weight:bold; }

#subheader { position:relative; clear:both; padding:0 8px; z-index: 101;
	height:3em; margin:0; font-size:100%}
#subheader div,
#subheader a { display:block; padding:1em 1em; float:left;
	text-decoration:none; margin:0; border-width:0; font-size:100%;
	line-height:100%; margin:0; }
#subheader .selected { font-weight:bold; }
#content { position:relative; padding:0 8px; padding-bottom: 72px; }

.sidebar { clear:right; float:right; width:25%; font-size:90%;
	margin:8px 0 8px 8px; padding:0.5em;
	-moz-border-radius:8px;}

#footer { position:absolute; bottom:0; width:70%; height:56px; text-align:center;
	font-size:85%; border-width:0; margin:8px 0 0 8px; clear: both; 
	vertical-align: middle; padding-top: 8px;
  border-top-right-radius:8px 8px; border-top-left-radius:8px 8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px;}
  
#footer a { text-decoration: none; }
#footer img { vertical-align: middle; }

.resourceTag { font-style:italic; }
.hexNumber { font-family:Consolas, "Andale Mono", monospace; font-size:100% }
td, th{ font-family:Calibri, Tahoma, Sans-Serif;  }
th { font-style:italic; }
td { text-align:right; padding-right:5px}
tr td:first-child { text-align:left; }
table { border-collapse:collapse; }
caption { margin-top:1em; }
.layoutTable { border:0; margin:0; }
.layoutTable td { padding:0 }

.marker0 {background-color:#ffdbdb; color:inherit; }
.marker1 { background-color:#F7F7A0; color:inherit; }
.marker2 { text-decoration:underline; }

.inter { float:right; padding:1em; position:relative; width:10em;
	margin:0.5em; }


h2 { font-size:110%; font-family:Georgia, Roman, serif; }
h3 { margin-top:5mm; font-size:100%; font-style:italic; }

p { margin:1em 0 0.3em 0; line-height:140%; }
del { display: none; }

ul { margin-top:3mm; margin-bottom:10mm; }

li { margin:1mm 0; }

dt {font-weight:500; }
dd { margin-bottom:1.5em; }

dd blockquote { margin-left: 0 }

blockquote { font-family:Georgia, Roman, serif; }
blockquote:before {	content:open-quote; font-size:150%; }
blockquote:after { content:close-quote; font-size:150%; }

.imageGallery a { display: block; margin:4px; padding:4px; text-align:center;
	float: left; text-decoration:none; font-size:85%; border:1px solid silver;
}

.imageGallery img { display:block; margin:4px; }

.fileList { padding:0 0 0 2em; margin:0 0 2em 0 }
.fileList li { list-style-image:url(res/icon-file-sm.png);
	margin-bottom:8px; }

.fileList a { text-decoration:none; }
.fileList a:hover { text-decoration:underline; }

img.scr { display:block; margin:2mm; }

a img { border-width:0; margin:0; }

h1 a { text-decoration:none; }

.Panel { padding:8px 4px 8px 8px; width:70%; min-width:640px;
	vertical-align:middle; background-position:99% 1%;
  background-repeat:no-repeat; position: relative;
  border-bottom-right-radius:8px 8px; border-bottom-left-radius:8px 8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px;}

.textblock,
.imageGallery { margin-left:1.75em; margin-right:2.5em; margin-bottom:2.5em;
	font-family:Segoe UI, Tahoma, Sans-Serif; }

.textblock p:first-letter { font-size:110%; }

.textblock img { display:block; }

.notice { font-family:Calibri, Tahoma, Sans-Serif; text-align:center; }

.important { border-width: 2px; border-style: dashed; padding: 0 1em 1em 1em;}

hr { margin:1.5em 2em; border-top:2px groove #f7f7ff; border-bottom:0; clear:left; }

pre { font-family:Consolas, "Andale Mono", Courier New, Monospace; }

.filePath { font-family:Consolas, "Andale Mono", monospace;
	font-style:italic; }

SPAN[title] { border-bottom:1px dashed; }


#embedTarget
{
 background: black url(/res/embed-bg.png) center no-repeat;
 color: white;
 text-align: center;
}

#embedTarget a
{
 background-color: transparent;
 color: white;
}

.text
{
 margin-left: 1.75em;
 margin-right: 2.5em;
 margin-bottom: 2.5em;
}

.text p:first-letter
{
 font-size: 110%;
}

.details
{
 list-style: none;
 padding-left: 2px;
 font-size: 90%;
}

.caption
{
 font: normal 85% Tahoma, "DejaVu Sans" ,sans-serif;
 margin: 0;
}


.textBox /* a floating box of text */
{
 float: right;
 padding: 1em;
 position: relative;
 margin: 0.5em;
}

.media
{
 margin: 0;
 padding: 10px;
 background-color: black;
 color: #c0c0c0;
}

.wrapper
{
 margin: 0 auto;
 width: 512px;
}


.MessageBox
{
 font-family: Tahoma, "DejaVu Sans" ,sans-serif;
 margin: 4px 0;
 padding: 10px;
 color: inherit;
 min-height: 3em;
 margin-bottom: 2em;
}

.MessageBox .Icon
{
 float: left;
 clear: both;
 margin-right: 10px;
 margin-top: 5px;
 border: 0;
}

.MessageBox .Warning
{
 color: #381507;
 font-weight: bold;
}

.Error
{
 color: #302020;
 background-color: #f4eeea;
 border-top: 3px solid #b5967b;
 border-bottom: 3px solid #b5967b;
}

.Info
{
 color: #202030;
 background-color: #dfefac;
 border-top: 3px solid #8e9d23;
 border-bottom: 3px solid #8e9d23;
}


@media print 
{
	html, body { background: transparent !important; }
	.textblock { margin-right:2.5em !important; }
	.textblock p { page-break-inside: avoid; orphans: 4; widows: 3 }
	hr { page-break-before: auto; }
	.Panel { background-image: none !important; }
	#footer { display: none; }
}