<!--/*--><![CDATA[/*><!--*/
@import "fonts.css";
@import "navi.css";

  html { font-family: Times, serif; font-size: 11pt; }
  .title  { text-align: center; }
  p.verse { margin-left: 3% }
  pre {
	border: 1pt solid #AEBDCC;
	background-color: #F3F5F7;
	padding: 5pt;
	font-family: courier, monospace;
        font-size: 90%;
        overflow:auto;
  }
  table { border-collapse: collapse; }
  td, th { vertical-align: top; 
/*	font-family: Palatino, Verdana, Times, serif; /* changed: sans */
    /*font-family: Georgia, Garamond, Times, serif;*/ 
	  font-size: 1.0em;}
  dt { font-weight: bold; }
  div.figure { padding: 0.5em; }
  div.figure p { text-align: center; }
  /*]]>*/-->


@media all

{
  body {
	margin: 0px 0% 1px 0px;
        /* font-family: LiberationSerifRegular; */
font-family: Palatino, Georgia2, FreeSerif, sans-serif;
/*    font-family: Georgia, Garamond, Times, serif; */
	font-size: .9em;
	text-align: left;
	background-repeat:no-repeat;
	background-position:-90px 60%;
	background-attachment: fixed;
	line-height:1.2em;
    color: #2f4f4f;
  }

  /* #one { background-image:url('background/guilloche_index.jpg');} */
  /* #test { background-image:url('background/test_background.png');} */
  /* #two { background-image:url('background/guilloche_links.jpg');} */
  /* #three { background-image:url('background/guilloche_man.jpg');} */
  /* #four { background-image:url('background/guilloche5.jpg');} */
  /* #five { background-image:url('fract5.jpg');} */
  /* #six { background-image:url('background/guilloche6.jpg');} */
  /* #seven { background-image:url('gui.png');} */


  .title {
	padding-bottom: 7px;
	margin-bottom: 20px;
	border-bottom: 1px solid #222;
  }

  h1 {font-size: 1.2em; color: #a34d32;}

	.StMarieWebSC-Thin {font-weight: normal; font-style: normal; line-height:normal; font-family: 'StMarieWebSCThin', sans-serif;}
		.StMarieWeb-Thin {font-weight: normal; font-style: normal; line-height:normal; font-family: 'StMarieWebThin', sans-serif;}
  
 h2 {
	font-size: 1.2em;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #DDD;
  }

 h3 {font-size: 1.1em;
      color : #8b3a3a;
      font-weight: 500;
      font-style:italic;}


   a {text-decoration: none; color: #66648b; }
   a:visited {text-decoration: none; color: #66648b;}  
   a:hover {
	color: #b22222;
/*	background-color:#8db6cd;*/
	text-decoration:none;
}


  table {border: none;
 /* background-color: #cfcfcf; */
   font-size: 1.0em;}
  td {border: none; 
padding: .0em .7em .1em .3em;}
  th {border: none;}

  code {font-size: 10pt;}

  pre {
	border: 1px solid #555;
	background: #EEEEEE;
	font-size: 9pt;
	padding: 1em;
  }

	.e { 
  text-transform:uppercase;
  font-size:95%;
  vertical-align: -0.45ex;
  margin-left: -0.1em;
  margin-right: -0.06em;
  line-height:0;           
  }

.a { 
  text-transform:uppercase;
  font-size:75%;
  vertical-align: 0.45ex;
  margin-left: -0.36em;
  margin-right: -0.15em; 
  }

  img {
	border: none;
  }

h1.banner {
  font-size: 130%;
  font-weight: normal;
margin: 1px 0% 1px 0px;
  /* margin: 0em; */
}

#top {
       background-image:url('lln10.png');
       background-repeat:no-repeat;
       background-position:0px 10%; 
       background-color: #556680;
       font-size: 110%;
       height: 169px;
}

#header {

  margin: 0em auto;
  padding: 2em 3em 1.1em 1em;
  width: 44em;
  text-align: right;
  color: #8596b0;
}


#container {
  margin: 2em auto 5em auto;
  padding-top: 1em;
  width: 86em;
  text-align: left;
}

#container_1 {
 margin: 1em auto 5em auto;
 text-align: right;
 padding: 0em;
  width: 70%;
}


#container_2 {
 margin: 1em auto 5em auto;
 min-width: 25em;
 max-width: 43em;
 width: 70%;}

#container_3 {
 margin: 0em auto 0em auto;
 padding: 0em;
/*background-image:url('sh.png'); 
background-repeat: no-repeat;
	background-position:400px 100%;*/
		height: 40em;
 width: 100%;}

#container_4 {
 margin: 1em auto 5em auto;
 padding: 0em;
 /*min-width: 25em;
 max-width: 33em;*/
 width: 33em;
 }


h4 { color:#b22222;font-family : StMarieWebThin, serif;
		letter-spacing:1px;text-align:left;margin:10px 0px  20px;padding:0px;text-transform:lowercase;line-height:100%;font-size:1.7em;font-variant:small-caps;font-weight:100;display:inline; }
		h4 span { text-transform:capitalize; }
	h5 { color:#b22222; font-family : StMarieWebThin, serif ;   letter-spacing:1px;text-align:left;margin:7px auto;text-transform:lowercase;line-height:100%;font-size:1.5em;font-variant:small-caps;font-weight:100; }

	h6 { color:#b22222; font-family : StMarieWebThin, serif;   letter-spacing:1px;text-align:left;margin:10px auto;text-transform:lowercase;line-height:100%;font-size:12px;font-variant:small-caps;font-weight:100; }

/* These style are only for IE: */

* html {
  overflow-y: hidden;
  padding-bottom:0px;
  margin:0px;
}
* html body
{
  height: 100%;
  overflow-y: auto;
  font-size: 100%;
  margin: 0px 0px 0px 250px;
  padding: 0px 10% 0px 0px;
}
* html #table-of-contents
{
  position: absolute;
  width:200px;
  /*
    The evil IE-JavaScript hack :-) depends on Picture and y-distance.
    Added to support small screens (Netbooks...).
    */
  height: expression((document.body.clientHeight - 210) + "px");
}

* html h1
{
  margin-top:10px;
}


  /* END OF @media screen */