/**************************************************
SHL Color Key:

green:  a5ae99
ivory background: fbfbef
basic text: 42290e
link a = 444200
orange: #e4770c

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


body      {background: center #fbfbef url(/img/backgrounder.jpg) repeat-y; text-align: center; font-size: medium; font-family: Verdana, sans-serif;}
*         {padding:0; margin:0;}
#wrapper		      {margin: 0 auto; width: 1000px; text-align: left; position: relative; background: #fbfbef;}
#logo       			{top: 0; left: 0; height: 72px; width: 1000px; background-color: #e5d194; color: #000; z-index: 2;}
#contentArea      {position: absolute; top: 120px; left: 185px; width: 640px; background: #fbfbef; border-left: 3px solid #e4770c;}

h1        {color: #42290e; font: bold 150% Verdana, sans-serif; margin: 15px 10px 10px 7px; line-height: 100%;}
h2        {color: #42290e; font-size: 80%;	margin: 10px 10px 10px 7px; text-transform: uppercase;	letter-spacing: .15em;font-family: Verdana, sans-serif;}
h3        {color: #42290e; font-size: 85%;	margin: 10px 10px 0 7px;}
h4        {color: #42290e; font-size: 80%; margin: 5px 10px 0 7px;}
h5        {color: #42290e; font-size: 70%; margin: 5px 10px 0 7px;}   

/*Horizontal, primary Navigation */
#nav1			        {position: absolute; top: 70px; float: left; width: 1000px; margin: 0px; padding: 10px 0 0 0; background: transparent; height: 12px; }
#nav1 li		      {float: right; margin: 0; padding: 0; font-family: "Lucida Grande", sans-serif; font-size: 90%; list-style: none;}
#nav1 a			      {float: left; display: block; margin: 0 1px 0 0; padding: 4px 8px; color: #42290e; text-decoration: none; border: 1 px solid #000; border-bottom: none; background: #b7d1dd;}
#nav1 a:hover			{float: left; display: block; margin: 0 1px 0 0; padding: 4px 8px; color: white; text-decoration: none; border: 1 px solid #000; border-bottom: none; background: #e4770c;}
/*End of primary navigation */

/*General Content Area Navigation */
a                      {color: #42290e; text-decoration: none; background: #b7d1dd;}
a:visited              {color: #663;}
a:hover                {color: #D1A446; text-decoration: underline;}

/*Footer Navigation */
#foot a,#foot a:visited {font-weight: bold; font-size: xx-small; color: #79234A; text-decoration: none; margin-right: 15px; white-space: nowrap; background-color: #fef3d1;}
#foot a:hover           {text-decoration: underline;}

/*Left Column Navigation */
#lcol                   {width: 180px; position: absolute; top: 120px; left: 0px;}
#lcol a                 {font-size: 90%; font-weight: bold; color: #42290e; text-decoration: underline; background: transparent;}
#lcol a:visited         {font-weight: bold; color: #663;}
#lcol a:hover           {font-weight: bold;  color: #e4770c; text-decoration: underline;}
#lcol ul                {list-style: none; margin-bottom: 15px; margin-left: 5px;}
#lcol h4, h3, h5                {margin-left: 5px;}


/* List-style-position needs to be explicitly called out to get uniform alignment betw. ie and ff. */

#rcol                   {width: 150px;position: absolute; top: 145px; left: 840px;}
#rcol-ads               {margin-top: 10px; margin-left: 5px; float: left;}
#rcol-box               {background-color: #FFEDD0; padding: 5px; border: 1px solid #e4770c;}
#rcolhome               {width: 150px; position: absolute; top: 145px; left: 840px; height: 100px;}
#rcolhome p             {float: right;}
#rcol a                 {color: #42290e; text-decoration: underline; background: transparent;}
#rcol a:visited         {color: #663;}
#rcol a:hover           {color: #e4770c; text-decoration: underline;}
#rcol h5                {color: #42290e; font-size: 70%; margin: 15px 10px 0 7px;}
#rcol h6                {margin-top: 5px;}

#footer                   {white-space: nowrap; width: 640px; margin: 30px 15px 30px 10px; text-align: left; font-family: Helvetica, sans-serif;}
#topmenu                {position: relative; left: 325px; top: -100px; margin-bottom: -50px; background: transparent;}

ul                      {list-style: disc; margin: 10px 0 0 30px; font-size: 70%;}
li                      {margin-top: 5px;}
ol                      {margin: 0 0 0 45px; font-size: 70%;}
p	                     {margin: 0 0 5px 7px; font-size: 70%; letter-spacing:.01em; line-height: 150%;}
td                      {font-size: 80%; margin: 3px; padding: 5px;}
th                      {font-size: 70%; background: #b7d1dd; color: #42290e; padding: 5px;}
td p, ul, ol              {font-size: 85%;}
hr                      {
	clear: both;
	width: 95%;
	margin-left:7px;
	margin-top: 10px;
}

.buttons               {float: right; margin-right: 5px; font-size: 65%; font-family: helvetica, sans-serif;}
.italic                {font-style: italic; color: #333; margin-right: 10px;}

/*Content area table with header, h4 as line titles, bulleted lists, and centered text ... aligned to top. */

#contentArea table     {margin: 5px 5px 5px 7px; clear: both;}
#contentArea td h4     {font-size: 90%; font-weight: bold; margin-top: 5px;}
#contentArea td        {font-size: 70%;}
#contentArea td ul     {font-size: 100%; margin-top: 0;}
#contentArea ol, ul    {font-size: 70%;}
#contentArea table p   {font-size: 100%; line-height: 120%; margin: 0;}
#contentArea h3        {color: #42290e; font-size: 85%;	margin: 10px 10px 0 7px;}
#contentArea a                 {color: #42290e; text-decoration: underline; background: transparent;}
#contentArea a:visited         {color: #663;}
#contentArea a:hover           {color: #e4770c; text-decoration: underline;}

/*End of content area table */


.sidebar               {float: right; background: #F6E5B2; letter-spacing: 0.03em; padding: 5px; border: 1px dashed #C0A551; clear: both;}
.sidebar p             {font-family: verdana, sans-serif; font-size: 85%; line-height: 130%; margin-left: 0;}
.sidebar h4            {color: #333; font-size: 100%; font-weight: bold; font-style: italic; font-family: Helvetica, sans-serif; margin: 0 10px 5px 0;}
.sidebar2              {float: right; width: 40%; background: #F6E5B2; letter-spacing: 0.03em; margin: 0 5px 5px 5px; padding: 10px; border: 1px dashed #C0A551; clear: both;}
.sidebarold h4         {color: #333; font-size: 80%; font-style: italic; margin: 0 10px 0 0;}
.sidebar2 h4           {color: #333; font-size: 80%; font-weight: bold; font-style: italic; font-family: Helvetica, sans-serif; margin: 0 10px 5px 0;}
.sidebar2 ul           {margin-left: 15px;}
.sidebar2 p            {font-family: verdana, sans-serif; font-size: 70%; line-height: 130%; margin-left: 0;}
.sidebar3              {float: left; clear: both; width: 94%; background: #F6E5B2; letter-spacing: 0.03em; margin: 10px; padding: 10px; border: 1px dashed #C0A551;}
.sidebar3 ul           {margin-left: 15px;}
.sidebar3 h4           {color: #333; font-size: 80%; font-weight: bold; font-style: italic; font-family: Helvetica, sans-serif; margin: 0 10px 5px 0;}
.sidebar4              {float: left; clear: both; width: 155px; background: #F6E5B2; letter-spacing: 0.03em; margin: 5px; padding: 10px; border: 1px dashed #C0A551;}
.sidebar4 p            {margin-left: 5px;}
.sidebar4 h4           {color: #333; font-size: 80%; font-weight: bold; font-style: italic; font-family: Helvetica, sans-serif; margin: 0 10px 5px 0;}
.note                  {background: #F6E5B2; padding: 5px 5px; margin-right: 15px; clear: both;}

.breadcrumb             {color: #79234A; font-size: 80%; background-color: transparent; margin: 0 15px 5px 7px;}
div.breadcrumb          {color: #red; font-size: 60%; background-color: transparent; margin: 0 15px 5px 7px;}
.breadcrumb a           {font-size: 100%;}
<!-- .breadcrumb a           {font-size: 80%;} -->
.imgleft                {float: left; font-weight: bold; font-style: italic; font-size: x-small;  text-align: left; margin: 5px 10px 0 7px;}
.imgleft100		        {float: left; font-weight: bold; font-style: italic; font-size: x-small;  text-align: left; margin: 5px 10px 0 7px; width: 100%;}
.imgright               {float: right; font-weight: bold; font-style: italic; font-size: x-small;  text-align: right; margin: 5px 0 0px 15px;}

.light				   {background: #f6f1e2;}
.dark                  {background: #f1e9d3;}
.cellaligntop          {margin-top: 5px;}

.kit                   {float: right; vertical-align: top; background: #F6E5B2; margin: 5px; padding: 5px; border: solid; border-color: #D1A446; clear: both;}
.kit th, .qa th        {background: #D1A446; color: #fef3d1;}
.kit p                 {font-family: verdana, sans-serif; font-size: 85%; line-height: 100%;}
.kit ul                {font-family: verdana, sans-serif; font-size: 85%; line-height: 120%;}

.clearall              {clear: both;}
.sect                  {font-weight: bold;}
.checklist             {list-style-image: url(/img/checkbox.gif); margin-left: 35px; margin-bottom: -2px;}
.books                 {background: #D1A446;  margin-top: 20px; border: 1px solid #fef3d1; clear: both; width: 120px;}
.books h5, .books h6   {background: transparent; color: #000000; margin: 2px 3px; text-align: left;}

.ads                    {margin-left: 15px;}
.ad                     {margin-left: 15px;}
.bookmarks              {margin-left: 10px; font-size: .7em; line-height: 125%;}
.fine				    {font-size: 60%;}