/**************************************************
RN Color Key:

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

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


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: 980px; text-align: left; position: relative;}
#logo			  {position: absolute; top: 70px; left: 61px; z-index: 3; width: 448px; height: 65px; background: transparent;}
#logo a			  {background: transparent;}
#logoimg       	  {position: absolute; top: 50px; left: 525px; height: 237px; width: 364px; background: url(/img/banner-hp.gif) no-repeat transparent; color: #000; z-index: 2;}
#contentArea      {position: absolute; top: 175px; left: 50px; width: 640px; background: transparent; z-index: 3;}

/*Vertical, primary Navigation */
#nav			  {position: absolute; top: 300px; left: 750px; width: 250px; margin: 0; padding: 0; border-left: 1px solid #e4770c; background: transparent; z-index: 4;}
#nav ul		      {margin: -15px 0 -10px 0; padding: 10px;}
#nav li		      {font-size: 90%; list-style: none;}
#nav a			  {background: transparent; color: #333; text-decoration: none;}
#nav a:visited    {background: transparent; color: #666; text-decoration: none;}
#nav a:hover	  {background-color: #e4770c; color: #fff; text-decoration: none;}
/*End of primary navigation */

/*General Content Area Navigation */
a                      {color: #fff; text-decoration: none; background-color: #e4770c; padding: 1px;}
a:visited              {color: #fff;}
a:hover                {color: #fff; text-decoration: underline;}

/*Footer Navigation */
#foot                   {position: absolute; left: 0; width: 100%;}
#foot a,#foot a:visited {font-size: xx-small; color: #333; text-decoration: none; margin-right: 15px; background-color: transparent;}
#foot a:hover           {text-decoration: underline;}

/*Left Column Navigation */
#lcol a                 {font-size: 90%; font-weight: bold; color: #42290e; text-decoration: none; list-style: none; background: transparent;}
#lcol a:visited         {font-weight: bold; color: #663;}
#lcol a:hover           {font-weight: bold;  color: #e4770c; text-decoration: underline;}

#rcol                   {width: 160px; position: absolute; top: 120px; left: 840px; height: 100px;}
#rcolhome               {width: 160px; position: absolute; top: 20px; left: 840px; height: 100px;}

#lcol                   {width: 180px; position: absolute; top: 120px; left: 0px;}
/*#lcol ul              {font-family: helvetica, sans-serif; font-weight: bold; font-size: 70%; line-height: 200%; color: #5C4011; list-style-type: none; margin: 5px;}
#lcol li                {list-style-position: outside;}*/ /* List-style-position needs to be explicitly called out to get uniform alignment betw. ie and ff. */


#foot                   {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;}

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




ul                      {list-style: disc; margin: 10px 0 0 30px; font-size: 70%;}
li                      {margin-top: 5px;}
ol                      {margin: 0 0 0 35px; font-size: 70%;}
p	                      {margin: 10px 0 5px 15px; 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:15px;
	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 15px; 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;}

/*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: xx-small; font-weight: bold; background-color: #FAF6DD; margin: 0 15px 5px 15px;}
.imgleft                {float: left; font-weight: bold; font-style: italic; font-size: x-small;  text-align: left; margin: 5px 10px 0 10px;}
.imgleft100		    {float: left; font-weight: bold; font-style: italic; font-size: x-small;  text-align: left; margin: 5px 10px 0 10px; width: 100%;}
.imgright               {float: right; font-weight: bold; font-style: italic; font-size: x-small;  text-align: right; margin: 5px 0 0 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%;}
.fine					         {font-size: xx-small; background-color: #fef3d1;}

.clearall              {clear: both;}
.sect                  {font-weight: bold;}
.checklist             {list-style-image: url(/img/checkbox.gif); margin-left: 35px; margin-bottom: -2px;}
.breadcrumb            {background-color: #D1A446; font-size: 80%;}
.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%;}

/*Horizontal, primary Navigation */
#nav1			      {position: absolute; top: 80px; 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 */