 /* Origami website by Mari Michaelis www.spitenet.com */

@charset "utf-8";

html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  color: #000;
  background: #fff  
}

body {   
    font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-size: 0.8em;
    color: black;
    margin-left: 1em;
    background: url(images/bk-ori.jpg) #BCC6D2; 
    background-repeat: repeat-y;
    background-color: #7592B5 
}

/*		padding-left: 4em; #002980 */
 

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em ; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

   
  h1 {
    font-family: Georgia, "Times New Roman",
          Times, serif;   
    color: #002471 }

H3.initial:first-letter { font-size: 150%}  
P.initial:first-letter { font-size: 200%}  

a:link { color: #00f; }
a:visited { color: #009; }
a:hover { color: #06f; }
a:active { color: #0cf; }
 
/*  a:link {color: blue }
  a:visited {color: navy } */

 p.logo {
		font-size: 3.8em;
		margin-bottom: -.5em}
	
 p.logo a {
	color: black;
    text-decoration: none }

 p.logo a.info {
    position:relative;
    z-index:24;
    color:#000;
    text-decoration: none }
    
 p.logo a.info span{
	 display: none }

 p.logo a:visited {   
    color: black }
    
 p.logo a:hover {
	z-index:25;}	

 p.logo a.info:hover span {
	/* display:compact; 
	top:3.5em; left:.2em; width:8em;*/
	display:block;
    position:absolute;
    font-size: .3em;
    font-weight: bold;
    top:5.8em; left:.2em; width:8em;
    border:1px solid #F8F8F8;
    background-color:#A6ACB4; color:#000;
    text-align: center
 }
 p.logo a.infoIndex {
    position:relative;
    z-index:24;
    color:#000;
    text-decoration: none }
    
 p.logo a.infoIndex span{
	 display: none }
 p.logo a.infoIndex:hover span {
	/* display:compact; 
	top:3.5em; left:.2em; width:8em;*/
	display:block;
    position:absolute;
    font-size: .3em;
    font-weight: bold;
    top:10em; left:.2em; width:8em;
    border:1px solid #F8F8F8;
    background-color:#A6ACB4; color:#000;
    text-align: center
 }	
	p.fineprint {
		/*text-align: right;*/
		font-size: .7em;
		margin-top: 0em;
		margin-bottom: 0em
	}	

	p.caption, table.display {
    font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular, sans-serif; 
    font-size: 0.85em;	
	 text-align: center
	}

	p.backclr {
	background-color: #FFFFEA;
	margin-top: 0;
	margin-bottom: 0;
	padding: .5em;
	padding-left:1em
	}

  address {
    margin-top: 1em;
    padding-top: 0.5em;
    padding-left: 0.5em;
    border-top: thin dotted;
  	background: white }
  	
table.diagrams {
	padding: 10px;
	font-size: 0.9em;
	empty-cells: show 
}

table.diagrams.tr {
	padding: 10px
}


div.box 
{ 
padding-left: 0.4em;
background: tan;
border: dashed;
border-left: solid;
border-right: none;
border-width: medium;
border-color: red;
border-width: thin;
width: 95%
}  	
  	
div.left
{
float:left;
width:260px;
margin-top:10;
padding:1em
}

div.new
{
	background: #F8F8F8;
	margin-top:20;
	padding:.1 em;
	/*	padding:.2 em; */
	width: 240px;
	height: 230px; 
	overflow: auto;
	border-color: #6699CC; 
	border-width: 2px; 
	border-style: solid;
}

div.content
{
background: #F8F8F8;
margin-top:10;
margin-left:284px;
margin-right:10px;
border-left: 2px dashed black;
border-right: 2px dashed black;
border-top: solid #666666 thin;
border-bottom: dotted #666666 thin;
padding:1em
}

div.contentVideo
{
background-image: url('images/popcorn.jpg');
background-repeat: repeat;
margin-top:10;
margin-left:284px;
/* margin-right:10px; */
border-left: 2px dashed black;
border-right: 2px dashed black;
border-top: solid #666666 thin;
border-bottom: dotted #666666 thin;
padding:1em
}

div.contentAds
{
float: right;
width: 120px;
background: #F8F8F8;
margin-top:10;
margin-right: -10px;
margin-left:10px
}

div.contentBottom
{
background-color: #7592B5;
margin-left:284px;
margin-right:10px;
padding:1em
}

div.contentBottomDiagram
{
background-color: #7592B5;
margin-left:270px;
}

div.contentbottomVideo
{ 
	background-color: #FFFFF0;
	margin-left:284px;
	margin-right:10px;
	padding:1em
}

  	
	ul.pic 
	{
	list-style-image: url('images/arrow.gif')
	}
	
  ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;

    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em }
    
  ul.navbar li {
    font-family: Georgia, "Times New Roman",
          Times, serif;  
	font-weight: bold;
    background: #CCCCCC;
    margin: 0.5em 0;
    padding: 0.3em;
    border-right: 1em solid black }
  	
 ul.navbar a {
	color: navy;
    text-decoration: none }
 ul.navbar a:visited {   
    color: navy }
 ul.navbar a:hover { 
    background: cyan }
    
  	
  	
  	/* border-width: thin; -medium -thick
  	border: groove; -dotted, dashed, solid, double, groove, ridge, inset and outset

    padding-left: 0.2em;
    border-left: solid;
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-left-width: thin;
    border-color: red;
  	*/
