
body
{
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
	background-color:#c4dae5;
	font-family:Palatino,"Book Antiqua",Georgia, "Times New Roman",Times,serif;
	font-size:12pt;
}


.Heading{ 
position: absolute; 
left: 0px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
top:0;
width: auto;
height: 129px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:darkslateblue;
}

.Margin
{
top:129px;
position: absolute; 
left: 0; 
width: 10em; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

.MainSpace{
position: fixed; 
left: 10em; /*Set left value to WidthOfLeftFrameDiv*/
top: 129px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
border-left-style:solid;
border-left-width:1px;
border-left-color:darkslateblue;
text-align:center;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 129px 0 0 10em; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html .MainSpace{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html .Heading{ /*IE6 hack*/
width: 100%;
padding:0 0 0 0;
}

.Menu
{
	font-size:120%;
	padding:1ex;
}

.Menu ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

.Menu a
{
	width:7em;
	display:block;
	font-style:italic;
}

.Menu a:link,
.Menu a:visited
{
	text-decoration:none;
	color:black;
}

.Menu a:hover,
.Menu a:active
{
	background-color:DarkSlateBlue;
	color:white;
}

.TextBox
{
	max-width:100ex;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	margin-top: 1ex;
}

* html .TextBox
{
	/* ie hack as it doesn't understand max-width in early versions */
	width:expression( 
	    document.body.clientWidth > (985/12) * 
	    parseInt(document.body.currentStyle.fontSize)?
	        "100ex":
	        "auto" );
	padding-left:1em;
	padding-right:1em;
}

.error
{
	color:red;
}

.firstLetter{
  display      : block;
  float        : left;
  margin-top   : -0.5em; /* use -0.205em for two lines */
  margin-left  : -0.56em;
  margin-right : 0.5em;
  height       : 4.0em;
}

*html .firstLetter
{
  margin-bottom : -1em;
}

.firstLetter span{
  font-size    : 4.9em;   /* use 3.33em for two lines */
  line-height  : 1.0em;
}

.firstLetter + span{
  margin-left  : -0.5em;
}

.ArticleTitle
{
	font-size: 200%;
	font-weight:bold;
	text-align:center; 
}

.ArticleBy
{
	font-size:100%;
	font-style:italic;
	text-align:center;
	margin-top:-2em;
	margin-bottom:2em;
}

*html .ArticleBy
{
	margin-top:-1em;
}

.Latest
{
	text-align: center;
}

.Latest a:link,
.Latest a:visited
{
	text-decoration:none;
	color:black;	
}

.Latest a:hover,
.Latest a:active
{
	text-decoration:underline;
	color:blue;
}

.LatestTitle
{
	font-size:175%;
	font-weight:bold;
}

.LatestAuthor
{
	font-style:italic;
	margin-top:-1em;
}

.LatestSummary
{
	margin-bottom: 3em;
}


.LinkList
{
}

.SimpleAlpha
{
}

.LinkList ul,
.SimpleAlpha ul
{
	list-style-type:none;
}

.LinkList a:link,
.LinkList a:visited,
.SimpleAlpha a:link,
.SimpleAlpha a:visited
{
	text-decoration: none;
	color:black;
}

.LinkList a:hover,
.LinkList a:active,
.SimpleAlpha a:hover,
.SimpleAlpha a:active
{
	text-decoration:underline;
	color:blue;
}

.alphabet
{
}

.alphabet a:link,
.alphabet a:visited
{
	text-decoration:underline;
	color:blue;
}

.ListTitle
{
	clear:both;
	font-size:150%;
	font-weight:bold;
	margin-top: 2em;
}

.ListSummary
{
	font-style:italic;
}

.ListAuthor
{
	float:left;
}

.ListDate
{
	float:right;
}
.TextBox h1
{
	text-align:center;
}

.TextBox h2
{
	font-style:italic;
	text-align:left;
}

.ExtraBorder
{
	position: absolute; 
	right: 0;
	top:0;
	width: 12em;
	height: 129px; 
	overflow: hidden; 
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:darkslateblue;
}

.Photos
{
	position:absolute;
	right:0;
	top:0;
	height:128px;
}

.Logo
{
	position:absolute;
	left:0;
	top:0;
	height:128px;
}

@media print
{
	body
	{
		overflow:visible;
		height:auto;
		width:auto;
		left:0;
		max-height:none;
		background-color:white;
		overflow: visible; 
		padding:0;
	}

	.MainSpace
	{
		position: relative; 
		left: 0; /*Set left value to WidthOfLeftFrameDiv*/
		top: 0; /*Set top value to HeightOfTopFrameDiv*/
		right: auto;
		bottom: auto;
		width:auto;
		overflow: visible; 
		border-left-style:none;
		text-align:left;
	}

	.Margin
	{
		visibility:hidden;
		float:none;
		height:auto;
		margin:0;
		padding:0;
		width:0;
	}

	.Heading
	{
		height: 100px;
		border-style:none;
	}
	
	.Photos
	{
		height:100px;
	}
	
	.Logo
	{
		height:100px;
	}
	
	.ExtraBorder
	{
		height: 100px;
		visibility:hidden;
	}

	.MainSpace
	{
		height:auto;
		overflow:visible;
		padding:0;
		margin-left:2em;
		margin-right:2em;
	}
	
	*html .MainSpace
	{
		margin-left:-10em;
		margin-top:-230px;
	}
	
	.TextBox
	{
		max-width:none;
		width:100%;
		padding:0;
	}

	.ArticleTitle
	{
		padding-top: 130px;
	}
	
	*html .ArticleTitle
	{
		margin-top:0;
		padding-top:0;
	}
	
}

