/*
body {background-color: #FFFFFF;
      background: url(/images/webbackground2.gif) bottom;
      background-attachment: fixed;
      background-repeat: no-repeat;
      scrollbar-base-color: darkgreen;
      scrollbar-face-color : #C8DCC8;
      scrollbar-dark-shadow-color : darkgreen;
      scrollbar-highlight-color : #000000;
      scrollbar-shadow-color : gray;
      scrollbar-3d-light-color : gray;
      scrollbar-arrow-color : darkgreen; }
*/

body {background-color: #FFFFFF;      scrollbar-base-color: darkgreen;
      scrollbar-face-color : #C8DCC8;
      scrollbar-dark-shadow-color : darkgreen;
      scrollbar-highlight-color : #000000;
      scrollbar-shadow-color : gray;
      scrollbar-3d-light-color : gray;
      scrollbar-arrow-color : darkgreen; }

p { color: black;
    text-align: justify;
    font-family: arial;
    font-size: 80%;
    margin-left: 1em;
    margin-right: 1em }

p.tabtex { color: black;
    	   text-align: justify;
    	   font-family: arial;
    	   font-size: 95%;
    	   margin-left: 1em;
    	   margin-right: 1em }

p.smalltxt { color: black;
	     text-align: justify;
	      font-family: arial;
	      font-size: 75%;
	      margin-left: 0.5em;
	      margin-right: 0.5em }

.it { font-family: arial;
      font-style: italic; }

.bold { font-family: arial;
	font-weight: bold; }

.bit { font-family: arial;
       font-style: italic;
       font-weight: bold; }

hr.green { color: #C8DCC8; }

h1.border, h2.border, h3.border, h4.border, h5.border { border-style: none none solid;
	    border-width: medium;
	    border-color: #C8DCC8;
	    font-family: arial;
            text-align: left;
	  }

a.hide:link,a.hide:visited { color: #000000;
                             text-decoration: none}

a.hide:hover { color: #000000;
               text-decoration: underline }

a.hide:active { color: #000000;
                text-decoration: none }

a.blue:link,a.blue:visited { color: #0000FF;
                             text-decoration: none}

a.blue:hover { color: #0000FF;
               text-decoration: underline }

a.blue:active { color: #0000FF;
                text-decoration: none }

a.mapblue:link,a.mapblue:visited { color: #0000FF;
				   font-size: 70%;
                             text-decoration: none}

a.mapblue:hover { color: #0000FF;
		  font-size: 70%;
               text-decoration: underline }

a.mapblue:active { color: #0000FF;
		   font-size: 70%;
                text-decoration: none }

h1.left,h2.left,h3.left,h4.left,h5.left { font-family: arial; 
					  text-align: left; }

.sup { font-size: 60%;
       vertical-align: text-top; 
       font-family: arial; }

.bull { color: #94B494; }

th { font-size: 75%;
     font-family: arial }

td { font-family: arial }

td.green { background: #C8DCC8;
           border-right: 1pt solid silver  }

td.menutitle { background: #C8DCC8;
               font-size: 110%;
               font-weight: bold;
               color: #708090;
               border-right: 1pt solid silver; }

td.silver { background: lightgrey;
            border-bottom: 1pt solid gray;
            border-right: 1pt solid gray;
            border-left: 1pt solid silver }

td.onmousesilver {background: #FFFFFF;
                  color: #708090;
                  cursor: pointer;
                  border-bottom: 1pt solid gray;
                  border-right: 1pt solid gray;
                  border-left: 1pt solid silver }

td.offmousesilver { background: lightgrey;
                    border-bottom: 1pt solid gray;
                    border-right: 1pt solid gray;
                    border-left: 1pt solid silver }

td.legal { font-family: arial;
	   font-size: 55%; }

.cosmol { background-image: url(/images/swirl.gif);
	       background-repeat: repeat; }

table.menu { font-family: arial;
             font-size: 70%; }

table.bordermenu { border-color: #C8DCC8;
		   border-style: solid; }

table.borderpages { border-color: #C8DCC8;
		    background-color: #C8DCC8;
                    border-style: outset;
	  	    background-color: #FFFFFF;
		    background-image: url(/images/webbackground2.gif);
		    background-position: center;
	  	    background-repeat: no-repeat }

td.viewkey { background-color: #FFFFFF;
     	     font-style: arial;
	     font-size: 71% }

table.viewkeyhead { background-color: #C8DCC8;
		    font-style: arial;
		    text-align: justify;
		  }

table.viewkeyheadsmall { background-color: #C8DCC8;
			 font-style: arial;
			 text-align: justify;
			 font-size: 95%;
		       }

table.banner { background-color: #C8DCC8;
	       border-color: #C8DCC8;
	       border-style: outset; 
	       text-align: right; }

table.banner2 { background-color: #E8F1E8;
               border-color: #C8DCC8;
               border-style: outset;
               text-align: right; }

td.column { background-color: #FFFFFF;
	    background-image: url(/images/column.gif);
	    background-repeat: repeat-y; 
	    background-position: center; }

td.pagecolumn { background-color: #FFFFFF;
		background-image: url(/images/pagecolumn3.gif);
		background-repeat: repeat-y;
		background-position: center; }

td.baseline { background-color: #FFFFFF;
	      background-image: url(/images/curly_baseline.gif);
	      background-repeat: repeat-x; }

td.texture,tr.texture { background-color: #FFFFFF;
	     background-image: url(/images/texture2.gif);
	     background-repeat: repeat;
	   }

table.prestab { font-style: arial;
		font-size: 75%;
		background-color: #C8DCC8; 
		border-color: green; }

td.white { background-color: #FFFFFF; }

table.bestiary { font-style: arial;
                font-size: 80%;
		text-align: justify;
                background-color: #C8DCC8;
                border-color: green; }

table.spelltab { font-style: arial;
                 font-size: 95%;
                 background-color: #C8DCC8;
                 border-color: green; }

select.small {font-style: arial;
	      font-size: 75%;
	      color: #306A30;
	     }

.button {font-style: arial;
	 font-size: 75%;
	 color: #000000;
	 background-color: #C8DCC8;
	}

.mapmenutext { font-style: arial;
	        font-size: 80%;
		font-weight: bold;
	      }

.blacktxt { color: #000000;
	    font-style: arial;
	    font-size: 70%;
	    font-weight: bold;
	    /* background-color: #C8DCC8; */
	  }

.blacktxt2 { color: #000000;
             font-style: arial;
             font-size: 80%;
             font-weight: bold;
             /* background-color: #C8DCC8; */
          }

.smalltext { font-style: arial;
	     font-size: 70%;
	   }

/* css for xp calc */
.vers {
	margin-top: 0px; margin-left: 15px
}
h1.xp,h4.xp { margin: 0px; }

td.xp { border-right: #C8DCC8 2px solid; 
	padding-right: 1px; 
	border-top: #C8DCC8 2px solid; 
	padding-left: 1px; 
	padding-bottom: 1px; 
	border-left: #C8DCC8 2px solid; 
	padding-top: 1px; 
	border-bottom: #C8DCC8 2px solid;
        font-size: 80%;
        font-style: arial;
      }

td.xpcol { border-right: #C8DCC8 2px solid; 
	   padding-right: 1px;
	   border-top: #C8DCC8 2px solid;
	   padding-left: 1px;
	   padding-bottom: 1px;
	   border-left: #C8DCC8 2px solid;
	   padding-top: 1px;
	   border-bottomM: #C8DCC8 2px solid;
	   background-color: #9FB694;
	   font-size: 85%;
           font-style: arial;
	 }

th.xp { border-right: #C8DCC8 2px solid;
	 padding-right: 1px;
	 border-top: #C8DCC8 2px solid;
	 padding-left: 1px;
	 padding-bottom: 1px;
	 border-left: #C8DCC8 2px solid;
	 padding-top: 1px;
	 border-bottom: #C8DCC8 2px solid;
	 font-size: 85%;
         font-style: arial;
      }

table.xp { left: 10px; 
	   position: relative; 
	 }

.nb { border-right: 0px; 
      border-top: 0px; 
      border-left: 0px; 
      border-bottom: 0px;
    }

.xpcstyle { color: black;
    	    font-family: arial;
    	    font-size: 80%;
    	    margin-left: 1em;
    	    margin-right: 1em
	  }

h1.pagetitle, h2.pagetitle, h3.pagetitle, h4.pagetitle, h5.pagetitle { border-style: none none solid;
                                                                       border-width: medium;
                                                                       border-color: #C8DCC8;
                                                                       font-family: arial, verdana, arial;
                                                                       text-align: left;
                                                                       color: #C8DCC8;
                                                                       margin-left: 1em;
                                                                       margin-right: 1em;
                                                                     }

table.linksdisp { background-image: url(/TheKyngdoms2/images/dragonskin.gif);
                background-repeat: repeat;
                font-family: arial, tahoma, verdana;
                font-size: 75%;
                color: #FFFFFF;
              }

tr.linksdisp { background-color: #FFFFFF;
             color: #000000;
           }