/* adapted from Mark Schenks rubato css style */

body { 
	background-color: #F8F8E0; 
	margin: 0em; 
	padding: 1em 0em 0em 0em; 
	position: relative; 
	color: #626262; 
	font-family: sans-serif, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
}

/* main content */
@media screen {
	#content { 
		margin: 0em 0px 20px 0px; 
		background-color: white; 
		background-color: #F8F8E0; 
		padding: 0em 2em 0em 18em;
	}
}
@media print {
	#content { 
		margin: 0em 0px 20px 0px; 
		background-color: white; 
		padding: 0em 2em 0em 1em;
	}
}
#content p { line-height: 1.2em; padding: 5px 2em 0px 10px; }
#content ul { line-height: 1.2em; }
#content p:first-letter { font-weight: bold; }
#content td p:first-letter { font-weight: normal;}
#content h2 + p { padding-top: 10px; }
#content h2 { padding-right: 0em;}
#content > h2:first-child { border-top-width: 0px; }
#content > div.section:first-child h2 { border-top-width: 0px; } 
#content ul p { padding-left: 0px; padding-right: 0px; } /* needed for cssexp */

/* links */
a:link, #content a:visited { text-decoration: none; color: #B22222; }
a:link, #content a:visited { text-decoration: none; color: red; }
a:hover { 
	border-style: solid; border-color:#B22222; 
	border-width: 1px 0px 1px 0px; 
}
a:active { background: black; }

table {
	border-style: solid; border-color:#B22222; 
	padding: 1px 0px 1px 0px; 
	border-width: 5px 0px 5px 0px; 
	margin: 10px 0px 0px 0px; 
}
tr.total {
	color: green;
	background-color: #F0B010;
}
h1 { background-repeat: no-repeat; background-color: #F0B010; line-height: 50px; background-position: left 50%; color: white; text-transform: capitalize; font-size: 20px; margin-top: 0px; padding-left: 20px; letter-spacing: 0em; font-family: Arial, Helvetica, sans-serif; 
	border-bottom: 5px #000000 solid; 
	border-top: 5px #000000 solid; 
}
h1 span { color: #626262; font-size: 70%; line-height: 70%; text-transform: lowercase; letter-spacing: 0.3em; font-family: "Times New Roman", Times, serif; font-style: italic; }
h2 { background-color: #F08000; color: white; clear: left; position:relative; font-size: 18px; line-height: 24px; padding-top: 0em; background-repeat: no-repeat; background-position: right bottom; padding-left: 1em; 
	border-bottom: 2px #000000 solid; letter-spacing: 0.1em; }
h3 { background-color: #F0C090; clear: left; color: #696969; padding: 2px 5px; font-size: 14px; border-style: dotted; border-width: 1px 0px; border-color: #005F8C; }

@media print {
	#menutop {  display: none; }
}
#menutop {  
	position: fixed; 
	background-color: #C08010;  
	width: 16em;
	top: 2em; right: 0em; bottom: 1em ; left: 1em; 
}
#menutop h2:first-child { margin: 0px; border-top: 0px; }
#menutop img { display:none; }
#menutop ul { 
	margin: 0px 10px; padding: 5px 0px 10px 0px; list-style: none; 
}
#menutop ul li { 
	padding: 5px 0px 0px 0px; 
	border-width: 1px 0px 1px 5px; 
}
#menutop a:link, #menutop a:visited { 
	padding: 5px 0px 0px 5px; 
	border-width: 3px 0px 0px 0px; 
	color: white; font-weight: normal; text-decoration: none; 
}
#menutop a:hover { 
	padding: 0px 0px 0px 0px; 
	border-width: 1px 0px 1px 5px; 
	border-style: solid; 
	border-color: white; 
}
#menutop a:active { background: black; }
#menutop a[accesskey]:after { content: " [" attr(accesskey) "]"; float: right; font-weight: normal; }

/* images */
img { border: none; }
img.left { float: left; margin: 0px 10px 5px 0px; display: block; }
img.right { float: right; margin: 0px 0px 5px 10px; display: block; }
img.scale { margin-right: 10px; display: inline; max-width: 50%; cursor: crosshair; }
img.scale:active { max-width: 100%; }

/* form tables */
td.required { color: blue; }
td.invalid { color: red; }
td.missing { color: orange; }
/* lists */
dl { margin-left: 10px; }
dt { font-weight: bold; }
dd { padding: 5px 0px; margin-left: 0px; }

/* various styles */
abbr, acronym { cursor: help; }
span.super { vertical-align: super; font-size: 0.6em; }
blockquote { font-style: italic; }

/* generated content */
h2[id]:hover:after, h3[id]:hover:after { content: " #" attr(id); color: #DCDCDC; font-size: 80%; float: right; margin-right: 15px; }
h3[id]:hover:after { color: inherit; }


/* ====== STYLES FOR SPECIFIC PAGES ====== */

/* accesskeytable */
#accesskeytable { width: 200px; display:table; table-layout:fixed; margin-left: 10px;}
#accesskeytable td { border: 1px black solid; border-collapse: collapse; padding-left: 10px;}
#accesskeytable tr:first-child td { font-weight: bold; background-color: #2E5476; color: white; }
#accesskeytable td + td { text-align: center; }

/* contact information */
img.contact { content: "\006D \0065 \0040 \006D \0061 \0072 \006B \0073 \0063 \0068 \0065 \006E \006B \002E \0063 \006F \006D"; font-size: 1.5em; margin: 0px auto 10px auto; display: block; text-align:center; }

div#blocka a { border-width: 1px 0px; display: block; margin: .4em 2em; } 
div.refs em { color: #04A; font-style: normal; font-weight: bold; font-size: 1.1em;} 

/* links in reference divs are invisible */ 
div.refs a:link, a:visited { text-decoration: none; }
div.refs a:hover { 
	border-style: solid; border-color: #B22222; 
	border-width: 0px 0px 0px 0px; 
}

/* table of content */
dl.toc {display: block; width: auto; margin-right: 2%;}
dl.toc dt { border-bottom: 1px dotted black; padding: 2px 5px; }
dl.toc dd { margin: 0px; padding: 0px; }
dl.toc dd dl {margin-top: 0px; margin-bottom: 10px; padding: 10px 0px 0px 0px; border-left: 1px dotted black; }
dl.toc a:after {content: attr(title); font-weight: normal; color: black; float: right; margin-left: 10px; font-style: italic; font-size: 0.9em; text-decoration: none; }

/* links page */
dl.links {display: block; float: left; width: 45%; }
dl.links dt { display: block; color: #2E5476; }
dl.links dd { display: block; margin-bottom: 10px; border-bottom: 1px dotted black;}