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

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

img.port	{float: right;
		 border-style: solid;
	         border-width: 1px;  /* sets border width on all sides */
        	 border-color: #225;
		}

body		{background-color: #DDDDEE;
		 margin: 0;
		 padding: 3em;
		}

h1		{color: #336;
		 font-size: 200%;
		 clear: left;
		 margin: 0%;
		}

.h1main		{color: #336;
		 font-size: 300%;
		 margin: 0%;
		}

h2		{color: #336;
		 font-size: 150%;
		 text-decoration: none;
		 text-indent: -1%;
		}

.h2main		{color: #336;
		 font-size: 150%;
		 text-decoration: none;
		 padding-left: 1%;
		}


h3		{color: #336;
		 text-decoration: underline;
		 text-indent: -1%;
		}

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

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

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

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

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

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
		}

.warning	{font-style: italic;
		}

a		{
		 text-decoration: none;
		}

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;
			}
p.contentdesc		{font-style: italic;
			 margin-left: -3%;
			}
.contenttop		{
			 text-decoration: underline;
			}



.person
{
font-style: italic;
text-decoration: underine;
} 


/* default image size 218h175w  */
img#srw_portrait
{
    width: 262px;
    height: 210px;
    float: right;
    border-style: solid;
    border-width: 1px;  /* sets border width on all sides */
    border-color: #225;
}

/* 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: #ccf;
color: #336;
border: 1px solid #336;
}

.nav_menu a.selected
{
background-color: #88b;
color: #447;
border: 1px solid #336;
}

.nav_menu a.current, .nav_menu a.current:hover
{
background-color: #aad;
color: #447;
border: 1px solid #336;
}


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




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

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

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

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

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

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