body { background-color: white; font-family: Arial,Helvetica, sans-serif; font-size: medium; color: #626262; margin: 0px; padding: 0px; min-width: 400px; position: relative; font-weight: bold; border-width: 0px; }

#frontcontent { 
	background-color: white; 
	width: 750px;
	position: absolute; top: 20px; left: 20px;
}
#colone { 
	background-color: white; 
	width: 330px;  font-size: small;
	position: absolute; top: 60px; left:0px;
}
#coltwo { 
	margin: 0px 0px 0px 20px; 
	background-color: white; 
	width: 400px; font-size: small;
	position: absolute; top: 60px; left:351px;
}

#menutop {  
	padding: 20px 0px 0px 0px; 
	background-color: white; 
	color: black; 
	width: 230px;
	position: absolute; top: 0px; left:801px;
}

/* main content */
#heading { 
	margin: 0px 0px 15px 10px; 
	background-color: white; 
	width: 800px; 
	padding: 0px; 
	position: absolute; top: 0px; left:20px;
}

#content { 
	margin: 10px 0px 0px 0px; 
	padding: 0px 0px 0px 10px; 
	background-color: white; 
	width: 600px; 
	position: absolute; top: 10px; left:20px;
	/* border: 1px solid red; */
}


#content p { font-size: 1.0em; line-height: 1.3em; margin: 0px; padding: 0px 0px 10px 0px;}
#content em { font-size: 1.0em; line-height: 1.3em; margin: 0px; padding: 0px 0px 10px 0px;}
#content ul { line-height: 1.3em; padding-right: 40px; }
#content p:first-letter { font-weight: bold; }
#content td p:first-letter { font-weight: normal;}
#content h2 + p { padding-top: 10px; }
#content > h2:first-child { border-top-width: 0px; }
#content > div.section:first-child h2 { border-top-width: 0px; } /* needed for M2 Tutorial */
#content ul p { padding-left: 0px; padding-right: 0px; } /* needed for cssexp */


#frontcontent #colone h2 { 
	margin: 0px; 
	padding-bottom: 5px;
	padding-top: 10px;
	line-height: 1.2em ; 
	font-weight: bold; font-size: large; 
	border-bottom: 2px solid red; 
	color: blue; 
}

#frontcontent #coltwo h2 { 
	margin: 0px; 
	padding-bottom: 5px;
	padding-top: 10px;
	line-height: 1.2em ; 
	font-weight: bold; 
	font-size: large; 
	border-bottom: 2px solid red; 
	color: blue; 
}

SPAN.message { font-size: larger; color: red; margin: 10px; }
SPAN.boldmessage { font-size: larger; color: red;  margin: 20px ; }


/* 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: 0px 0px 1px 0px;
	margin: 1px 0px; 
	padding: 1px 0px; 
}
a:active { background: black; }
em { font-style: normal; }

/* header styles */
h1 { background-repeat: no-repeat; background-color: black; line-height: 50px; background-position: left 50%; color: white; text-transform: capitalize; font-size: large; margin-top: 0px; padding-left: 20px; letter-spacing: 0em; font-family: "Times New Roman", Times, serif; }
h1 span { color: black; font-size: 70%; line-height: 70%; text-transform: lowercase; margin-left: 10px; letter-spacing: 0.3em; font-family: "Times New Roman", Times, serif; font-style: italic; }
h1 #newsdate { font-size: medium; color: black; margin-right: 5px; float: right; font-family: "Times New Roman", Times, serif; }
h2 { background-color: white; color: blue; clear: left; position:relative; font-size: large; line-height: 24px; padding: 0px 0px; margin: 0px; background-repeat: no-repeat; background-position: right bottom; border-top: 0px white solid; border-bottom: 1px black solid; letter-spacing: 0.1em; }
h3 { background-color: white; clear: left; color: #696969; padding: 0px 0px; font-size: medium; border-style: dotted; border-width: 0px 0px; border-color: #005F8C; }

#menutop h2:first-child { margin: 0px; border-top: 0px; }
#menutop table { color: black; font-size: medium; font-weight: bold; }
ul em { color: blue; font-size: medium; font-weight: bold; }
#menutop ul { margin: 0px 10px; padding: 5px 0px 0px 0px; list-style: none; }
#menutop p { 
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
}
#menutop ul li { 
	padding: 0px 0px 0px 0px;
	border-width: 1px 0px 1px 5px;
	margin: 0px 0px 0px 0px;

}
#menutop a:link, #menutop a:visited { 
	color: black; font-weight: bold; text-decoration: none; 
	padding: 2px 0px 0px 2px;
	border-width: 3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}
#menutop a:hover { 
	margin: 0px 0px 0px 0px;
	border-style: solid; border-color:blue; 
	border-width: 1px 0px 1px 5px; 
	padding: 0px 0px 0px 0px; 
}
#menutop a:active { background: black; }
#menutop a[accesskey]:after { content: " [" attr(accesskey) "]"; float: right; font-weight: normal; }

/* menuleft */
#menuleft { float: right; width: 25%; margin: 0px 5px; background-color: white; padding: 10px 0px; background-repeat: no-repeat; background-position: right bottom; color: blue; }
#menuleft ul { margin: 0px 10px; padding: 0px; list-style: none; }
#menuleft li { padding: 1px 0px; }
#menuleft dl { margin-left: 10px; }
#menuleft dt { padding: 2px 0px; }
#menuleft a:link, #menuleft a:visited { color: blue; text-decoration:none;}
#menuleft a:hover { border-style: solid; border-color:blue; border-width: 1px 0px; }
#menuleft a:active { background: black; }

/* 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: black; 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 { 
	display: block; 
	border-width: 0px 0px 0px 0px;  
	margin: 0px 0px 0px 2em;  
	padding: 0px 0px 2px 0px; 
} 
div#blocka a:hover { 
	display: block; 
	border-style: solid; 
	border-width: 0px 0px 1px 0px;  
	margin: 0px 0px 0px 2em;  
	padding: 0px 0px 1px 0px; 
} 
div.refs em { color: #04A; font-style: normal; font-weight: bold; font-size: 1.1em;} 

/* 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;}