body	{background-image: url(images/mac6.gif);
 font-family: trebuchet ms, verdana, arial, sans-serif; color: #001199; }

/*------This code centers the pages within the browser window------*/
#container  {position: relative; margin: auto; width: 780px; color: #ffffff;}
	
#contents  {position: absolute; top: 0px; left: 0px; padding: 1em; background: #ffffff; width: 740px; z-index=1;}

#header	{border-bottom: 1px solid #cbcbcb;}

#banner	{background: #ffffff; height: auto;}

#logo	{position: absolute; top: 25px; left: 300px; }

h1	{font-family: tempus sans ITC, arial, sans-serif; font-weight: bolder; text-align: center; padding-left: 2em; color: #AF43AF}

h2, h3	{font-family: trebuchet ms, tempus sans ITC, arial, sans-serif; font-style: italic; text-align: left; color: #993366;}

h4      {font-family: trebuchet ms, tempus sans ITC, arial, sans-serif; font-size: 1.1em;; color: #825f73; vertical-align: top; letter-spacing:0.1em; margin-left: 1%; margin-right: 1%;}

h5	{color: #339966; text-align: center;}

#navbar {color: #424242;  text-align: left; padding: 1em; width: 165px; height: 400px; position: absolute; top: 8px; left: -5px; z-index=2;}
#navbar a    {color: #ffffff; font-weight: bold;  padding-left: 2em; padding-bottom: 0.1em; text-decoration: none; display: block; margin-bottom: 0.4em;}
#navbar a:hover	{color: #5b4050; }
#navbar h4	{text-align: center; color: #44394b; margin-top: -0.1em; padding-top: 0.8em;}	


.thisPage	{color: #80435b; font-weight: bold; padding-left: 2em; padding-top: 0.2em;}
.thisPage2	{color: #80435b; font-weight: bold; padding-left: 2em;}
.thisPage3	{color: #80435b; font-weight: bold; padding-left: 1.2; padding-top: 0.2em; padding-bottom: 0.6em; margin-top: 0.2em;  margin-bottom: 0.6em;} 



/* ------ controls the layout & style of main page content ------ */


.thumb	    {margin: 1.5em; border: 1px solid #CBCBCB; padding: 0.4em;}

.thumb a:hover	{border: 1px solid #424242; background: none;}

#textbox {font-size: 90%; margin-left: 180px; color: #424242; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.02em; text-align: justify;}

a	{text-decoration: none; color: #001199; font-weight: bold;}
a:hover	{color: #424242;  }

#footer		{vertical-align: bottom; border-top: 1px solid #cbcbcb; padding-bottom: 1em; margin-left: 2%; margin-right: 2%;}

li  {color: #000000;}

.explain   {cursor: help; color: green; font-weight: bold; background-color: #ffffff;}  
		
#pj p, #pj a		{color: #F68424;}
#pj a:hover	{color: #825F73; background: #F7F7F7;}

table, p, ul	{color: #424242; font-family: Trebuchet MS, verdana, arial, sans-serif;  letter-spacing:0.04em}

td	{padding-left: 0.5em;}

.question{color: #825f73; font-weight: bold;}
.answer	{color: #000000; font-style: italic; line-height: 1.5em;}
.orange	{color: #F68424; font-weight: bold;}

.thumb	    {margin: 5px; border: 1px solid #CBCBCB; padding: 0.4em;}
.thumb a:hover	{border: 1px solid #424242;}

.head   {color: #cc3333; font-weight: bold;}