/* CSS layout */

html
{
		background-color: #F0F0F0;	
}


#masthead 
{
	margin: 1em;
	padding: .5em;
	color: #FFFFFF;
	background-color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: xx-large;
}

#masthead a
{
	color: white ;
	text-decoration: none;
}
#masthead a:hover
{
	color: aqua ;
}

#mastheadDecision
{
	margin: 1em;
	padding: .5em;
	background-color: #FFFFFF ;
	color: #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: x-large;
}


#body 
{
	position: relative;
	left: 0px;
	top: 0px;
	margin-left: 2em;
	margin-right: 2em;
	padding: 1em;
	background-color: #F8FFFF;
	color: #333399;
}

#bodyDecision
{
	position: relative;
	left: 0px;
	top: 0px;
	margin-left: 2em;
	margin-right: 2em;
	padding: 1em;
	background-color: inherit ;	
	color: #F8F8F8 ;
	border: none ;
}

#bodyDecision a
{
	background-color: inherit;	
	color: inherit ;
}

#footer 
{
	margin: 2em;
	padding: 1em;
	clear: both;
	color: black ;
	background-color: #EEF8F8;
	text-align: center;
}

#footerDecision
{
	margin: 2em;
	padding: 1em;
	clear: both;
	color: #F8F8F8 ;
	background-color: inherit;
	text-align: center;
}

/* IE does not support :after, but there is a space already */
.isodate
{
	color: #999999;
}

.isodate:after
{
	content: ":" ;
	color: #CCCCCC;
}

a.permalink
{
	color: #333399;
	text-decoration: none;
	font-weight: bold;
}

a.permalink:hover
{
	color: blue ;
}

a:hover
{
	color:#FF9900 ;
}

blockquote:before 
{
  content: open-quote;
  color: black;
}

blockquote:after
{
  content: close-quote;
  color: black;
}


img.centred
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.imagebutton 
{
	background-color: #CCCCCC;
	border: medium outset #C0C0C0;
	font-size: large;
	width: 6em;
	height: 6em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-bottom: .5em;
	color: gray ;
}

.imagebutton:hover 
{
	background-color: white;
	border-style: inset;
	color: red ;
	
}

.imagebutton img 
{
	margin: .5em;
	border: thin none #C0C0C0;
	width: 4em;
	height: 4em;
	opacity: 0.2 ;
}

.imagebutton:hover img 
{
	opacity: 1.0 ;
}

pre code
{
	padding: .5em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF ;
	border: thin groove #66CCFF;
}

code.codeblock
{
	display: block;
	margin: 1em;
	padding: 1em;
	border: thin solid #C0C0C0;
	background-color: white;
	font-size: small;
}

.SeriesMenu 
{
}

.Series 
{
	background-color: #FFFFFF;
	display: block;
	list-style-type: upper-roman;
	border: thin groove #C0C0C0;
	clip: rect(auto, auto, auto, auto);
	margin: 1em 2em 1em 2em;
	padding: .5em 1em .5em 1em;
}

.Series h1 
{
	font-size: large;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
}

.IEVersion
{
	background-color: white ;
	border: thin groove #C0C0C0;
	margin: 1em 2em 1em 2em;
	padding: .5em 1em .5em 1em;
}

a img
{
	border: none ;
}

.floatright
{
	margin: .5em;
	float: right;
}