/*Style sheet for the home page of the Morris Ring site. JPM 23rd May 2006*/
body {
	  font: 90%/1.2  arial, helvetica, sans-serif;
	  background: white url(../images/bkgnd.gif);
	  text-align: center;
	  padding: 0;
	  margin: 2.0em;
      }

#container {
	        width: 60em;
	        background: white;
	        text-align: left;
	        border: 1px solid  #88cc88;
	        margin: 0 auto;
	        color: #363;
            }

h1,h2,h3,h4,h5,h6 {font-family: times, serif;
                   font-variant: small-caps;
                   font-weight: bold;
	               color: green;}
	               
h1  {font-size: 2.0em; text-align: center; margin-left: 2em;}    
h2  {font-size: 1.8em; text-align: center; margin-left: 2em;}
h3  {font-size: 1.5em; text-align: center; margin-left: 2em;}
h4  {font-size: 1.2em; text-align: center; margin-left: 2em;}
h5  {font-size: 1.0em; text-align: center; margin-left: 2em;}

span.top {font-size: 1.2em;}

a:link    {color: #3333ff; text-decoration: none; z-index:1;}
a:visited {color: #ff3366; text-decoration: none; z-index:1;}
a:hover   {color: #9933cc; text-decoration: none; background: #ccc; z-index:1;}
a:active  {color: #33ff66; text-decoration: none; z-index:1;}

#trad        {float: right; 			  
			  width:95%;
              border: 1px solid green; background: #ffd;
              margin: 0.4em;
              padding: 0.4em;
              font-size: 90%; 
              }

p   {
	 background: white;
	 margin: 0.5em;
     }
     
#update    {font-style: italic; color: #363; text-align: right; margin: 0 2em 0 0;}

#quote    { border: 1px green solid;
            text-align: justify;
            padding: 0.5em 2em; 0.5em 2 em;
            margin: 0 2em 0 2em;
            background: #ddd;
            font-size: 90%}
            
#quote2    { border: 1px green solid;
            text-align: justify;
            padding: 0.5em 2em; 0.5em 2 em;
            margin: 2em 24em 2em 2em;
            background: #ddd;
            font-size: 90%}
            
#quote_r  { border: 0;
            margin: 10px;
            background: #fff;
            font-size: 90%;}

/*See p 399 Designing with web standards by Jeffrey Zeldman*/           
#logodisp	{margin: 5px 0 0 5px; padding: 0; border: 0; width: 81px; height: 78px;
     		 background: url(../images/logo_hover.gif) norepeat;}
.alt	{display: none;}
#gohome	{display: block; padding: 0; border: 0; margin: 5px 0 0 5px;
     	 background: url(../images/logo.gif);
     	 width: 81px; height: 78px;
     	 }
a#gohome:hover {background: url(../images/logo_hover.gif);}

#footer     {font-family: times, serif; font-variant: small-caps;
			 font-weight: bold; font-size: 110%;
			 position: relative;
             clear: both;
             background: #8c8;
	         color: #000;
	         padding: 0.1em;
	         margin: 0;
	         text-align: center;
	         }
a#footer:hover {color: #9933cc; text-decoration: none; background: #ccc;}

#horiz li {display: inline; border-right: 1px solid red; background: #ccc;
               font-size: 12px; padding-right: 0.1em; margin: 0.1em;}
#horiz li:first-child {color: #690; font-size: 14px; font-weight: bold;}
#horiz1 li {display: inline; border-right: 1px solid red; padding-left: 0.1em; margin: 0.1em;}
ul.nopips	{list-style-type: none;}