html		{font-family: verdana;
		 font-size: 12pt;
		}

.symbol 	{font-size:150%;
		 font-family: serif;
		 color:#633;
		 padding-left: 1%;
		 padding-right: 2%;
		 padding-top: 0%;
		 padding-bottom: 0%;
		 margin: 0%;
		}

body		{background-color: #cca;
		}

p.info		{color: #666666;
		 font-family: monospace;
		 font-size: 70%;
		 text-align: right;
		 float: right;
		 padding-top: 0px;
		 margin: 0%;
		}

h1		{color: #633;
		 font-size:250%;
		 clear: left;
		 margin: 0%;
		}

h2		{color: #633;
		 text-decoration: underline;
		 font-size:200%;
/*
		 font-weight: bold;
*/
		 clear: left;
		 margin-top: 2%;
		 margin-bottom: 4%;
		 margin-left: 0%;
		 margin-right: 0%;
		}

h3		{color: #633;
		 text-decoration: underline;
		 text-indent: -1%;
		 margin-top: 3%;
		 margin-bottom: 3%;
		}

h4		{font-style: normal;
		 text-decoration: underline;
		 text-indent: 1%;
		 margin-bottom: 3%;
		}

h5		{font-style: italic;
		 text-decoration: underline;
		 text-indent: 2%;
		}

div.main	{margin-left: 2.5%;
		 margin-right: 2.5%
		}

p.explain	{font-size: 75%;
		 line-height: 50%
		}

div.notice	{text-align: center;
		 font-style: italic
		}

td.qu		{text-align: right
		}

tr.pictures	{text-align: center
		}

td.image	{text-align: center;
		 width: 150px;
		 height: 150px
		}

tr.size		{text-align: center
		}

p.summary	{margin-left: 2.5%;
		 margin-right: 2.5%
		}

p.page		{text-align: center;
		 font-weight: bold
		}

p.agree		{text-align: right;
		 font-size: 60%
		}

p.bottom	{text-align: center
		}

p.navlink	{text-align: center;
		 padding: 0%;
		 margin: 0%;
		}


.navbar		{
		 text-align: center;
		 padding: 0%;
		 margin: 0%;
		}

.nsite		{
		}
.ndomain	{
		}
.nsection	{
		}
.npage		{
		}


a		{
		 text-decoration: none;
		}
a:hover		{
		 text-decoration: underline;
		 background-color: #dda;
		}


ol.numbered		{counter-reset: item;
			}
li.numbered		{display: block;
			}
li.top.numbered		{display: block;
			 margin-top: 3%;
			}
li.numbered:before	{content: counters(item, ".") " - ";
			 counter-increment: item;
			 font-weight: bold;
			}

.numzero		{counter-reset: section -1;
			}

h3.num:before		{content: counter(section) " ";
			 counter-increment: section;
			 font-style: italic;
			}

p.contentdesc		{font-style: italic;
			 margin-left: -3%;
			}
.contenttop		{
			 text-decoration: underline;
			}
.jumpto			{
			 text-decoration: none;
			 font-size: 75%;
			 font-style: italic;
			}





/* classes that draw attention */


.highlight	{
		 background-color: #bb8;
		 margin: 4%;
		}

.welcome	{
		 background-color: #cca;
		}



/* image as hyperlink */

a.img		{
		 border-style: none;
		}
a.img:hover	{
		 text-decoration:none;
		 border-style: none;
		 background-color: #cca;
		}

/*  default image tag */


img	 	{
		  border-style: none;
		 }


/* TEMPLATE h1 tag with img tag inside*/

h1.headerimg	{
		 display: inline;
		 vertical-align: middle;
		}


img.headerimg	{
		 padding: 5px;
		 vertical-align: middle;
		}



/* some default classes */


.hide		{
		 display: none;
		}


.left		{float: left;}
.right		{float:right;}



/* container table used to align tables within each cell */


table.container	{
		 background-color: #cca;
		 padding: 0em;
		 margin: 0em;
		 border-spacing: 1.2em 2em;
		 width: 95%;
		}

table.container tr 	{
			 background-color: #cca;
			}


table.container tr td	{
			 background-color: #cca;
			 vertical-align: top;
			 margin: 0em;
			 padding: 0.1em;
			 }




/* Ars Magica Subdomain Specific Table Layout */


table.ars	{
		 padding: 0.1em;
		 margin: 0em;
		 width: 100%;
		}

table.ars tr th	{
	  		 background-color: #aa6;
			 margin: 0em;
			 padding: 0.2em;
		}

table.ars tr td	{
	  		 background-color: #aa6;
			 margin: 0em;
			 padding: 0.2em;
		}


tr.emph td	{
		 font-weight: bold;
		}




/* Question Answer (FAQs) etc, tags and classes */


.question	{
		 font-weight: bold;
		}

blockquote	{
		 font-style: italic;
		 background-color: #ddb;
		 padding: 0.1em;
		}

.conclusion	{
		 background-color: #bb9;
		 padding: 0.2em;
		}



/* default tabel tag */


table 		{
		 background-color: #bb7;
		}

table.c tr td 	{
	         text-align: center;
        	 background-color: #dda;
		}



/* default definition list style  */


dl dt	{
	 font-weight: bold;
	}

dl dt:after	{
		 content: ":";
		}

dl dd	{

	}



/* Term Value pairs in table form  */

table.termval				{
					 font-size: 80%;
					 border: 1px solid black;
					 margin: 0em 0.1em 0.5em 0.1em;
					}
table.termval caption			{
					 background: #ddb;
					 caption-side: top;
					 border-bottom: 1px solid black;
					 border: 2px solid black;
					 font-weight: bold;
					}

table.termval tr td:first-child		{
					 font-weight: bold;
					}

table.termval tr td			{
					 padding: 0 0.1em 0 0.2em;
					}




/* Attempt to make a better menu system  */


/*
  div.nav_menu holds the entire navigation menu

  div.nav_line      - single line container (block element)

    --> the following are inline elements, may have multiple within each navline

  div.nav_global  - eg. 2-72.co.uk
  div.nav_domain  - eg. rpg.2-72.co.uk
  div.nav_subdom  - eg. arsmagica.rpg.2-72.co.uk
  div.nav_secidx  - eg. arsmagica.rpg.2-72.co.uk/games
  div.nav_subsec  - eg. arsmagica.rpg.2-72.co.uk/games/Faroe
  div.nav_pagels  - eg. arsmagica.rpg.2-72.co.uk/games/Faroe/characters (will contain # id links)

  



*/


.nav_menu
{
margin: 0 auto;
text-align: center;
padding: 0;
border-top: 2px solid #555;
border-bottom: 2px solid #555;
border-left: none;
border-right: none;
}

.nav_menu .description
{
display: none;
}

.nav_menu .label
{
display: inline;
color: #000;
font-weight: bold;
}


.nav_line
{
display: block;
line-height: 2.2em;
}

.nav_opts
{
display: inline;
padding: 0.3em 0.6em 0.3em 2em;
margin: 0 0.3em 0 0;
line-height: 2em;
}


.nav_menu .nav_line ul
{
display: inline;
padding: 0;
margin: 0;
white-space: nowrap;
list-style-type: none;
}

.nav_menu .nav_line ul li
{
display: inline;
margin: 0;
padding: 0;
}

.nav_menu a
{
padding: 0.2em;
margin: 0;
background-color: #cfc;
color: #633;
border: 1px solid #633;
}

.nav_menu a.selected
{
background-color: #b88;
color: #744;
border: 1px solid #633;
}

.nav_menu a.current, .nav_menu a.current:hover
{
background-color: #daa;
color: #744;
border: 1px solid #633;
}


.nav_menu a:hover
{
background-color: #633;
color: #cfc;
border: 1px solid #633;
}




.nav_global
{
border: 1px solid #000;
background-color: #755;
}

.nav_domain
{
border: 1px solid #000;
background-color: #955;
}

.nav_subdom
{
border: 1px solid #000;
background-color: #b55;
}

.nav_secidx
{
border: 1px solid #000;
background-color: #d55;
}

.nav_subsec
{
border: 1px solid #000;
background-color: #f55;
}

.nav_pagels
{
border: 1px solid #000;
background-color: #f77;
}