/*
CSS for Lysandra web site
*/

body  { font-family: tahoma, "trebuchet ms", geneva, sans-serif;
	font-size: medium;
	background-color: #3d0050;
	color: #5a008b;
	line-height: 125%;
	padding: 0;
	margin: 0; }

#page  { width: 900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto; }

  
#header { width: 715px;
	  background: #c7dafb;
	  border-bottom: 5px double #3d0050;
        	  margin-left: 195px;
	  padding: 0px;
	  padding-left: 20px;
   	  height: 162px; }

#navbar { border-right : 15px solid #3d0050;
	  border-left: none;
	   background: none;
	   width: 174px;
	   height: 720px;
	   position: absolute;
	   top: 10px;
	   font-size: small;
	   line-height: 125%; } 

#navbg { background: #d9e6fd url("4tet of insts for nav.jpg") no-repeat bottom;
	   position: fixed; 
	   width: 174px;
	   height: 720px;
	   top: 10px;    } 

#navtxt { padding-top: 180px;
	   padding-left: 20px;
	   padding-bottom: 520px; }

#pagenavtop { width: 710px;
        	padding-left: 25px;
        	padding-top: 5px;
        	padding-bottom: 5px;
	border: 2px solid #5a008b;
	border-top: none;
	border-left: none;
	background: #d8d0e8; }

#pagenavbot { position: fixed;
	bottom: 0;
        	width: 710px;
             padding-left: 25px;
        	padding-top: 3px;
        	padding-bottom: 18px;
	border: 2px solid #5a008b;
	border-left: none;
	background: #d8d0e8; }

#textbody { margin-left: 195px;
	width: 715px;
	margin-right: auto;
	margin-bottom: 15px;
	font-size: 85%;
	line-height: 170%;
	background: #ccffff url("turqu fade.jpg") 15% repeat-y;
        	padding-right: 20px;
        	padding-bottom: 20px; }

#pagebot { position: fixed;
	bottom: 0;
	width: 930px;
	height: 0;
	padding-left:0px;
       	padding-top: 0;
        	padding-bottom: 0;
	border-bottom: 15px solid #3d0050;
	background: #d9e6fd; }
     
h1 { font-size: 150%;
	padding-left: 20px; }

h2 { font-size: large; }

h3 { font-size: large;
   margin-top: 50px;
   margin-right: 50px;
   padding-top: 50px;
   padding-right: 0;
   margin-left: 20px;
   color: #5a008b; 
   border-top: 1px solid #3300CC; }

           
a { font-family: Verdana, Arial, sans-serif;
    font-size: small;
    line-height: 150%; }
a:link    { color: #0000ff; }
a:visited { color: #990099; }
a:hover   { color: #ccffff; 
            background-color: #990099; }

.newscrtxt1 { position: absolute;
	left: 19%;
	top:10px; } /* dummy ref for screens not yet ready */

.newscrtxt2 { position: absolute;
	left: 19%;
	top:30px; }

.curpage { font-family: Verdana, Arial;
	   font-size: 110%;
           font-style: italic;
           font-weight: bold;
   	    padding: 0 4px 2px 4px;
            background-color: #ffffff;
	    border: 1px solid #3300CC; }

.curpagetop { border: 1px solid #3300CC;
	    border-bottom: none; 
            padding: 0 4px 0 4px; }

.curpagebot { border: 1px solid #3300CC;
	    border-top: none;
	    padding: 0 4px 2px 24px; }

.butterflylogo { position: absolute;
	         top: 0;
	         left: 50px;
	    padding: 25px 5px 25px 5px; }

.buttlogomv { margin-top: 25px;
	         margin-left: 30px; }

.titleinsts { padding-top: 0px;
	     margin-left: 100px; }

.titletext { position: absolute; top: 134px; 
	width: 160px;
	margin-left: -100px; 
	font-family: times; 
	font-style: italic;
	font-size: 150%; 
	color: #716ab9; }

.centpic { float: right;
	    padding-left: 10px;
	    padding-bottom: 20px; }

.logotitle { padding-top: 0px;
	     padding-left:50px; }

.introtext { padding-right: 50px;
	padding-left: 20px;
	font-size: medium;
	line-height: 180%; }

.indent { padding-left: 20px; }
      
.smindent { padding-left: 10px; }
      
.wftext { font-style: italic;
	font-weight: bold; }

.narrative { padding-right: 50px;
	padding-left: 20px;
	line-height: 150%; }

.sampprogleft { float: left;
             width: 250px;
	padding-left: 40px;
             padding-top: 5px;
             font-style: italic; }

.sampprogright { padding-left: 350px;
	bottom: 0;
	padding-top: 5px;
             padding-bottom: 5px;
	font-style: italic; }
 

.narrowline { line-height: 100%; }

.sampprogleft { { padding-top: 23px; }  /* only recognised by Win IE; must be last as Safari ignores any following style */

#navbar { {   margin-left: -195px;}  /* only recognised by Win IE; must be last as Safari ignores any following style */