/* ANY item . name is used: <item class="name"> ie: p.note   is   <p class="note"> */
/* ANY item # name is used: <item id="name"> ie: a:link#screenshot   is   <a id="screenshot">*/
/* <span class="text"> */
/*

colors...
9e792c - brown

ef6c00 - dark orange
ffcc66 - light orange
ff9933 - very light orange

ffff99 - light yellow
ffffcc - very light yellow-cream

ccffcc - mint green
009900 - bright green
339933 - dirty green
336633 - dark BG green
003300 - very dark green
*/

/* OVERALL */


/* LINK SECTION */

a:link, a:visited 	{ color: "#ffffcc"; font-weight: bold; text-decoration:"underline";}
a:active, a:hover 	{ color: "#ffff99";  cursor:hand; font-weight: bold; text-decoration:"none";}

a:link#darklink, a:visited#darklink 	{ color: "#336633"; font-weight: bold; text-decoration:"underline";}
a:active#darklink, a:hover#darklink 	{ color: "#ef6c00"; cursor:hand; font-weight: bold; text-decoration:"none";}

a:link#rotateimagelink, a:visited#rotateimagelink 	{ color: "#000000"; font-weight: bold; text-decoration:"underline";}
a:active#rotateimagelink, a:hover#rotateimagelink 	{ color: "#000000"; font-weight: bold; cursor:hand; text-decoration:"none";}

a:link#screenshot, a:visited#screenshot	{color: "#006600"; font-weight: bold;}
a:hover#screenshot, a:active#screenshot	{color: "#FF0000"; font-weight: bold;}

#relTopics		{color:#0000a1}

#shortcut		{color:#A00001}

.contacttablebg
	{
	 	background: #ef6c00;
	}
td
	{
		color: #000000;
		font-size: 14;
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
	}

.pagetitle
	{
		color: #FFFF00;
		font-size: 16pt;
		font-weight: bold;
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
	}


.roomtitle
	{
		color: #003300;
		font-size: 14pt;
		font-weight: bold;
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
	}

.header
	{
		background: #ffffcc;
		border-style:solid solid solid solid;
		border-color: #ef6c00;
		border-width: 2px;
		margin: 2;
	}

.headerfont
	{
		color: #336633;
	}

.sideblock
	{
		color: #000000;
		background: #ffffcc;
		border:1px solid #000000;
		margin: 6;
	}

.maintext
	{
		background: #ef6c00;
		border-style: none double none double;
		/* border-style: none none none none; */
		border-color: #ffff99;
		border-width: 3px;
		padding:8;
/*
		background: url(../images/bg/thin06.jpg);
*/
	}


body
	{
/*
		background: #336633;
*/
		background: url(../images/bg/thin06.jpg);
		color: #000000;
		font-size: 14;
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
		
	}


/* menu bar */
.menubar
	{
		background: #ffff99;
		padding:3;
		 font-weight: normal;
	}
#painters2 {
 font-weight: normal;
   padding:0;
  margin:0;
  list-style-type:none; 
  }
#painters2 li {
   font-weight: normal;
   width:100px; 
  height:20px; 
  float:left;
  border:0px solid #ffffcc;
  margin-right:2px;
  }
#painters2 a em {
   font-weight: normal;
   font-style:normal; 
  font-size:1em; 
  line-height:1.5em;
  }
#painters2 a {
   font-weight: normal;
   text-decoration:none;
  color:#000;
  position:absolute; 
  width:75px; 
  height:20px; 
  display:block;
  text-align:center;
  }

#painters2 a.maple {background:#ffff99; color:#00000; border:0px solid #000000; font-weight: normal;}

#painters2 a.red {background:#ff3333; color:#fffff; font-weight: normal;}
#painters2 a.orange {background:#ffcc00; color:#00000; font-weight: normal;}
#painters2 a.yellow {background:#ffff00; color:#00000; font-weight: normal;}
#painters2 a.green {background:#008000; color:#fffff; font-weight: normal;}
#painters2 a.blue {background:#0000ff; color:#fffff; font-weight: normal;}
#painters2 a:hover {
  font-weight: normal;
  width:120px; 
  height:28px;
  z-index:200;
  background:transparent url(../images/opaque.gif);
  }
#painters2 a:hover em {
  font-size:1.5em;
  font-weight: normal;
  line-height:1.1em;
  overflow:hidden;
  cursor:pointer;
  background:#fff; 
  border:1px solid #00000;
  position:absolute; 
  width:120px; 
  height:25px;
  left:-12px; 
  top:-4px;
  }


#painters2 a:hover.maple em {background:#ffcc66;}

#painters2 a:hover.red em {background:#c00; font-weight: normal;}
#painters2 a:hover.orange em {background:#fc0; font-weight: normal;}
#painters2 a:hover.yellow em {background:#ee0; font-weight: normal;}
#painters2 a:hover.green em {background:#080; font-weight: normal;}
#painters2 a:hover.blue em {background:#00c; font-weight: normal;}

/* Comic Sans MS, */

.text		{
		font-size: 14;
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
		}

.smalltext		{
		font-size: 12;
		color: 006600;
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
		}

/* PARAGRAPH CLASSES */
/* % can be used for font-size */
/* font-style: italic; */
p.pagetitle	{ font-size: 30; 	
		font-weight: bold; clear: both; }

p.imagedescription	{ font-size: 15;
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
		font-weight: normal; clear: both; }

p.formsection	{ font-size: 16;
		font-weight: bold; clear: both; }

p.inputfields	{ font-size: 15;
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
		font-weight: bold; clear: both; }

p.inputbuttons	{ font-size: 15; 
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
		font-weight: bold; clear: both; }

p.note,p.tip, p.important, p.caution, p.warning 
		{ font-weight:bold; clear:both;
		 margin-top:"1em"; 
		 margin-bottom:"-.25em"; }

p.credits
		{ font-weight: normal; clear:both;
		 color: #888888; font-size: 10;
		 text-align: right; margin-top:"-.5em"; }
.credits
		{ font-weight: normal; clear:both;
		 color: #ffffcc; font-size: 11;
		 text-align: right; margin-top:"-.5em"; }

/* text-align: left; */

/* HEADER CLASSES */

/* <span class="subnav"></span> */

.nav 		{
		color: #006600;
		font-weight: bold;
		font-size: 20px; 
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
		text-decoration: none
		}
.mednav 		{
		color: #006600;
		font-weight: bold;
		font-size: 15px; 
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
		text-decoration: none
		}

.subnav 		{
		color: #006600;
		font-weight: bold;
		font-size: 10px; 
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
		text-decoration: none
		}

.red		{
		color: #FF0000;
		font-weight: bold;
		font-size: 15px; 
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
		text-decoration: none
		}
.redlg		{
		color: #FF0000;
		font-weight: bold;
		font-size: 20px; 
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
		text-decoration: none
		}

.green 		{
		color: #006600;
		font-weight: bold;
		font-size: 17px; 
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
		text-decoration: none
		}

.greenlg 		{
		color: #006600;
		font-weight: bold;
		font-size: 20px; 
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
		text-decoration: none
		}

.big 		{
		color: #000000;
		font-weight: bold;
		font-size: 20px; 
		font-family: Arial, Sans Serif, Times New Roman, Verdana;
		text-decoration: none
		}



h1
		{ font-size: 125%; 
		margin-bottom:" .5em"; clear:both; }

h2
		{ font-size: 110%;  
		margin-top: "1.5em";
		margin-bottom:" .5em"; clear:both; }

h3
		{ font-size: 100%; 
		margin-top: "1.2em";  
		margin-bottom: ".5em"; clear:both; }

h4
		{ font-size: 100%; 
		margin-top: "1.2em";  
		margin-bottom: ".5em"; clear:both; }

h5
		{ font-size: 100%; 
		margin-top: "1.2em";  
		margin-bottom: ".5em"; clear:both; }



/*  these classes are for thumbnail art  */


a:visited img.linked		{border-color: "#0000FF";}
a:link img.linked		{border-color: "#0000FF";}
a:active img.linked		{ border-color: "#FF0000";}
a:hover img.linked		{border-color: "#FF0000";}
img.linked			{vertical-align: top; margin-left: 20;
			 border-width:0;}

a:visited img.thumbnail	{border-color: "#0000FF";}
a:link img.thumbnail		{border-color: "#0000FF";}
a:active img.thumbnail	{ border-color: "#FF0000";}
a:hover img.thumbnail	{border-color: "#FF0000";}
img.thumbnail		{vertical-align: top; margin-left: 20;
			 width: 105; border-width:1;}
			/*  width:50%;   or  width:200  */
/* use CLASS= here */
div.thumbnail		{float:left; width: 105; margin-top: "1em"; margin-bottom: "-0.3em"; 
			 clear: both;  }

img.screenshots		{vertical-align: top; margin-left: 20;
			 border-width:0;}

/* LISTS */

.ol
		{ margin-top: ".5em"; 
		margin-bottom: 0; 
		margin-left: "2.1em";
		font-size: 14; 
		padding-left: "0em";
		margin-right:"2.1em" }

.ul
		{ margin-top: ".6em"; 	
		margin-bottom: 0;
		margin-left: "2.5em";
		font-size: 14;
		padding-left: "0em";
		margin-right: "1.5em"; }
/* 		list-style-type: disc;
*/

.li
		{ margin-bottom: ".7em"; clear:both; }

.ul
	{
		list-style-type: square;
		font-weight: bold;
	}

/*********************************************/