/* ******************  body  *************** */

html, body {
   background: #eee;
   color: #000;
}

html, body, h2, h3, h4, div, p, li, li li, dl, dd, dt, input, table {
	font-family: sans-serif;
}

body {
	font-size: 76%;
	margin: 0;
	padding: 0;
}

/* ******************  content  *************** */

#Content
{
	
	margin: 0em;
	margin-top: 0.5em;
	padding: 0em 14em 0em 14em;
	min-width: 20em;
	background-color:#eee;
}

p  {
   font-size: 1.0em;
   line-height: 1.8em;
   background:#eee
}

table  {
   font-size: 1.0em;
   line-height: 1.8em;
   background:#eee;
   border-collapse: collapse;
}
table, th, td{
	border: 1px solid #777;	
}

td, th{
padding:3px 7px 2px;
}

th {
background-color: #AAAAAA;
color: #FFF;
}

tr.alt td {
background-color:#DDDDDD;
color:#000000;
}

cite {
	font-style: italic;
	}

h2 {
   text-decoration: none;
   background: #777;
   color: #fff;
   border: none;
   width: 100%;

   font-weight: bold;
   font-size: 1.8em;
   text-indent: 0.5em;
   margin-top: 0em;
   padding: 0em;
}

h3 {
   background: #777;
   color: #fff;
   border: none;
   width: 100%;
   font-weight: bold;
   font-size: 1.5em;
   text-indent: 0.5em;
   margin-top: 1em;
   padding: 0em ;
   text-decoration: none;

}

h4 {
   background: #000;
   color: #fff;
   border: none;
   width: 100%;
   font-weight: bold;
   font-size: 1.1em;
   text-indent: 0.5em;
   margin-top: 0em;
   padding: 0em;

}

code {
	font-size: 1.0em;
}

img {
	padding: 0.5em 1em 0.5em 0em;
}

.floatright {
	float: right;
	margin: 0 0 1em 1em;
	border: 1px solid #777;
	padding: 0em 0em 0em 0em;
}

pre	
	{
		margin:auto;
		background-color: #ddd;
		padding: 1em;
		color: #000;
		border-color: #777;
		border-width: 1px;
		border-style: solid;
/*		white-space: pre; */
		overflow:auto;
            text-align: left;
		font-size: 1.2em;
	}
	pre strong {	
		color: #fff;
		font-weight: bold;
	}

a {text-decoration: none;}
a:link {color: blue;}
a:visited {color: purple;}
a:active {color: red;}
a:hover {text-decoration: none;}

.hidden {
  color: Black;
  /* uncomment for CSS3 */
  /* opacity: 0.0;*/
}

li {
	font-size: 1.0em;
	line-height: 1.7em;
}
li li {
	font-size: 1.0em;
	line-height: 1.7em;
}

dt {
	font-size: 1.0em;
	line-height: 1.7em;
	font-weight: bold;
}

dd {
	font-size: 1.0em;
	line-height: 1.7em;
	padding: 0em 0em 1em 0em;
}

/* ******************  left menu - site navigation  *************** */
#Menu {
   min-width: 13em;
   overflow:visible;
   width: 13em;  
   float:left;
   margin-right/* hide from IE5.0/Win */ : 0em;
   margin-top: 0em;
   right: auto;
   left:0em;
   top:0em;
   bottom:0em;
   text-indent: 0em;
   background: #777777;
   color: #DDDDDD;
   line-height:1.8em;
  }

body>#Menu {
	right: 0.2em;
   margin-right: 0.2em;
}

#Menu p {
	font-size: 1em;
	padding:0;
	color: #DDDDDD;
	text-indent: 0.5em;
}

#Menu a
{
	display: block;
	background: #777777;
	color: #DDDDDD;
	font-weight: normal;
	text-decoration: none;
	font-size: 1em;
	padding: 0.4em 0.0em 0.4em 0.0em;
	text-indent: 0.5em;
}

#Menu a:hover {
	background-color: Black;
}

#Menu a:visited {
	color: #DDDDDD;
}

.menu {
	font-size: 1em;
}

.menu ul {
	margin: 0pt;
	padding: 0pt;
	position: relative;
	z-index: 500;
	list-style-type: none;
	width: 13em;
}

.menu li {
	background-color: #777777;
	float: left;
	list-style: none;
}

#Menu .menu li.sub {
	background-color: #777777;	
} 

.menu table , .menu tr, .menu td{
	position: absolute;
	border-collapse: collapse;
	top: 0pt;
	left: 0pt;
	z-index: 100;
	font-size: 1em;
	margin-top: 1em;
}

.menu a, .menu a:visited {
	display: block;
	text-decoration: none;
	height: 1.5em;
	line-height: 1.5em;
	width: 13em;
	color: #DDDDDD;
	padding-left: 0em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}

.menu a.last, .menu a:visited.last {
}

.menu b {
	float: right;
	margin-right: 0.5em;
}

* html .menu a, * html .menu a:visited {
	width: 13em;
}

* html .menu a:hover {
	color: #DDDDDD;
	background-color: Black;
	position: relative;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
}

.menu li:hover {
	position: relative;
}

.menu a:active, .menu a:focus {
	color: #DDDDDD;
	background-color: #777777;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
}

.menu li:hover > a {
	color: #DDDDDD;
	background-color: Black;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
}

.menu li ul {
	padding: 0em 0em 0em 0em;
	visibility: hidden;
	position: absolute;
	top: 0.2em;
	left: 10em;
	background-color:	transparent;
}

.menu li:hover > ul {
	visibility: visible;
	border-left: 0.1em solid black;
	border-right: 0.1em solid black;
	border-top: 0.1em solid black;
	border-bottom: 0.1em solid black;
}

.menu ul a:hover ul ul {
	visibility: hidden;
}

.menu ul a:hover ul a:hover ul ul {
	visibility: hidden;
}

.menu ul a:hover ul a:hover ul a:hover ul ul {
	visibility: hidden;
}

.menu ul a:hover ul {
	visibility: visible;
}

.menu ul a:hover ul a:hover ul {
	visibility: visible;
}

.menu ul a:hover ul a:hover ul a:hover ul {
	visibility: visible;
}

.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
	visibility: visible;
}



/* ******************  right side menu - page navigation  *************** */
#Menur {
   
   overflow:auto;
   width: 13em;  
   position:fixed;
   float:right;
   margin-right/* hide from IE5.0/Win */ : 0em;
   margin-top: 0em;
   right: 0em;
   left:auto;
   top:0em;
   bottom:0em;
   text-indent: 0.5em;
   background: #777;
   color: #000;
   border:0px solid #000;
   line-height:1.8em;
	}

body>#Menur {
	right: 0em;
   margin-right: 0em;

	padding:0em 0em 0em 0em;
	}
	

#Menur p {
	font-size: 1.0em;
	padding:0em 0em 0em 0em;
   background: #777;
   color: #ddd;
	}

#Menur a
{
	
	display: block;
	background: #777;
	color: #ddd;
	border: 0px;
	text-decoration: none;
	font-size: 1em;
}

#Menur a:hover {background-color:#000;}

#Menur a:visited {color: #ddd;}

#Menur img {
	padding: 0.25em 0.5em 0em 0em;
}


/* ******************  print  *************** */

@media print {

body {
	font-size: 10pt;
}
#Menu 
	{ 
		display: none 
	}
	
#Content {
	margin:0 10px 30px 10px;
	padding:10px;
	}
}


@media projection {
	/* we don't want the menu in display mode */
	#Menu 
	{ 
		display: none 
	}
	/* no menu, the content takes all the available space*/
	#Content 
	{ 
		margin: 5em;
		padding: 2em;
	}
	/* this for a bug in opera 6 linux */
	div.disclaimer 
	{
		display: none
	}
	H1 
	{
		text-align: center;
		margin-top: 3em;
		page-break-before : always;
	}
	H2
	{
		page-break-before : always;
	}
}

/* ******************  misc *************** */

a img { color: #fff; }         /* hide the border in Netscape 4 */
@media all {                   /* hide from Netscape 4 */
   a img { color: inherit;     /* undo the rule above */
   border: none;               /* hide from Netscape 4 */
   }
}

	

blockquote {
	background-color: #777;
	padding: 1em;
	margin:auto;
	width:60%;}

blockquote:after {
	display: block;
	content: attr(cite);
	text-align: left;
	font-size: 0.8em;
}
	
	
	
@media print{
  abbr, acronym  {
    border-style:none;
  }
  abbr:after, acronym:after {
    content:" [" attr(title) "] ";
    font-variant:small-caps;
  }
}