/* main stylesheet
 *
 * $Id$
 *
 * Use this stylesheet by calling it from your html document:
 *
 *   <link rel="stylesheet" type="text/css" href="/rali/Includes/main.css"
 *         media="all">
 */

body            {
                background-image: url(/rali/images/Backgrounds/parchment.jpg);
                color: #000000; background-color: #66AAAA;
                margin-left: 10%; margin-right: 10%;
                font-family: sans-serif
                }

table		{
		vertical-align: top;
		}

td		{
		text-align: left;
		}

.pagehead	{
		font-style: italic;
		font-size: x-large;
		vertical-align: top;
		color: white;
		}

.normal		{text-align: left}
.centered       {text-align: center}
.justified      {text-align: justify}

.larger		{font-size: 120%}
.smaller	{font-size: 70%}

.strikeout	{text-decoration: line-through}
.underlined	{text-decoration: underline}

p.linklist      {
		text-align: left; line-height: 2em;
                margin-left: 25%; margin-right: 15%; 
                }
p.wide          {text-align: left; margin-left: 15%; margin-right: 15%;}
p.indent        {text-align: justify; margin-left: 25%; margin-right: 25%;}
p.verse         {text-align: left;margin-left: 33%;}
p.cent-larger	{text-align: center; font-size: 120%}
p.modified-info {font-size: 50%; text-align: left;}

div.terms       {font-size: 75%; text-align: center;}
div.computer	{text-align: left; margin-left: 30%; font-family: courier;}
div.wide	{text-align: left; margin-left: 0%; margin-right: -5%;}

li.levelone	{}
li.leveltwo	{list-style-type: lower-alpha;}
li.levelthree	{list-style-type: upper-roman;}
li.levelfour	{list-style-type: lower-roman;}

a:hover		{
		color: #000000;
		background-color: #C7CCAD;
		text-decoration: none;
		}

.no:hover	{
		background-color: transparent;
		}

.selected	{
		background-color: #FFFFFF;
		color: #404040;
		text-decoration: none;
		background-image:url(/rali/images/highlight.gif);
		background-repeat: repeat-y;
		}