/**************************************************
BHS Color Key:

gold:  #f7b606;
warm grey for background border: #ccc2af
swirly-green background: #dfe6cf
swirls in background: #f0f4e0
olive green: #677443;
butter yellow: #fcf3ce;
red: #c1472f;
Brown: #894c1f
Content area background: #fafbf6

med ivory background: #F6E5B2;
link a = 444200
old-background: #fbfbef
grey-purple background: #8a7d86
new-background #f2f2f0

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


body      {background: center #f2f2f0 url(/img/swirly-bkgrnd.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: #fafbf6;}
#logo       		  {top: 0; left: 0; height: 100px; width: 1000px; background-color: #b8a88c; color: #000; z-index: 2; padding: 0; border-bottom: 6px solid #b8a88c;}
#logohome             {top: 0; left: 0; height: 100px; width: 1000px; background-color: #b8a88c; color: #000; z-index: 3; padding: 0; border-bottom: 6px solid #b8a88c;}

#logo a               {background: transparent;}
#contentArea          {position: absolute; top: 120px; left: 165px; width: 660px; background: transparent; border-left: 3px solid #c1472f;}

#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: 100%; font-weight: bold; list-style: none;}
#nav1 a			      {float: left; display: block; margin: 0 2px 0 0; padding: 4px 8px; color: #f2f2f0; text-decoration: none; background: #c1472f;}
#nav1 a:hover   	{background: #f2f2f0; color: #894c1f;} 
/* #nav1 a:hover   	{border-bottom: 1px solid #42290e;} */

#rcol                   {width: 160px; position: absolute; top: 120px; left: 840px; height: 100px;}
#rcolhome               {width: 160px; position: absolute; top: 20px; left: 840px; height: 100px;}
#rcol h6                {background: #42290e; padding: 3px; font-size: 65%; color: #F0f0f2; margin-left: 15px; width: 120px;}
#rcol p					{margin-left: 0; font-size: 60%; line-height: 110%;}

#lcol                   {width: 155px; position: absolute; top: 120px; left: 5px; background-color: transparent;}
/*#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. */
#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: #a87732;}
#lcol a:hover           {font-weight: bold;  color: #912f6b; text-decoration: underline;}
#lcol p					{font-size: 80%; margin-left: 0;}
#lcol h5                {color: #42290e; font-size: 80%; margin: 0 10px 5px 0;} 
#lcol h6                {color: #42290e; font-size: 70%; text-transform: uppercase;}
#lcol li                {color: #42290e; font-size: 100%; margin: 0 10px 0 -15px; list-style: none; list-style-position: outside;} 
#lcol ul                {margin-bottom: 10px;}

#lcolhome               {width: 155px; position: absolute; top: 120px; left: 5px; background-color: transparent ; padding-left: 5px;}
#lcolhome a             {font-size: 90%; font-weight: bold; color: #42290e; text-decoration: none; list-style: none; background: transparent;}
#lcolhome a:visited     {font-weight: bold; color: #a87732;}
#lcolhome a:hover       {font-weight: bold;  color: #912f6b; text-decoration: underline;}
#lcolhome p									{font-size: 80%; margin-left: 0;}
#lcolhome ul            {margin-bottom: 10px;}
#lcolhome h5            {color: #42290e; font-size: 80%; margin: 0 10px 15px 0;} 
#lcolhome h6            {color: #42290e; font-size: 70%; text-transform: uppercase; margin: 0;}
#lcolhome li            {color: #42290e; font-size: 100%; margin: 0 10px 5px -20px; list-style: none;  list-style-position: outside;} 

#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: 80%;
	padding-top: 15px;
	margin-left: 15px;
	font-family: Verdana, sans-serif;
}
h4                     {color: #42290e; font-size: 80%; margin: 5px 10px 0 15px;}
h5                     {color: #42290e; font-size: 80%; margin: 20px 10px 0 15px;}
h6         			   {color: #42290e; font-size: 70%; margin: 0px 10px 0 0;}

/*Navigation */
a                      {color: #42290e; font-weight: bold; text-decoration: underline; background: transparent; padding: 0 2px;}
a:visited              {color: #a17992;}
a:hover                {color: #912f6b;}

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

.breadcrumb            {color: #79234A; font-size: 60%; font-weight: bold; background-color: transparent; margin: 0 15px 5px 15px;}
.breadcrumb a          {color: #42290e; text-decoration: none; background: transparent;}
.breadcrumb a:hover    {text-decoration: underline;}

#contentArea a          {color: #42290e; font-weight: bold; text-decoration: underline; background: transparent; padding: 0 2px;}
#contentArea a:visited  {color: #a17992;}
#contentArea a:hover    {color: #912f6b;}

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 10px 5px 15px; font-size: 70%; letter-spacing:.01em; line-height: 150%;}
.clearpara              {margin: 10px 0 5px 15px; font-size: 70%; letter-spacing:.01em; line-height: 150%; clear: both;}
td                      {font-size: 80%; margin: 3px; padding: 5px;}
th                      {font-weight: bold; font-size: 90%; background: #D1A446; color: #f5e8b7;}
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;}

#contentArea table     {margin: 5px 5px 5px 15px; clear: both;}
#contentArea td        {font-size: 70%;}
#contentArea td ul     {font-size: 100%;}
#contentArea ol, ul    {font-size: 70%;}
#contentArea ol ul     {font-size: 100%;}
#contentArea table p   {font-size: 100%; line-height: 120%; margin: 0;}

#contentAreaBook        {position: absolute; top: 120px; left: 15px; width: 90%; background: transparent;}

#cse-search-results    {background-color: transparent; margin-left: 15px;}

.sidebar               {float: right; width: 300px; background: #ece7de; letter-spacing: 0.03em; padding: 5px; border: 1px dashed #C0A551; clear: both; margin: 5px -5px 10px 10px;}
.sidebar p             {font-family: verdana, sans-serif; font-size: 85%; line-height: 130%; margin-left: 0;}
.sidebar h5            {color: #333; font-size: 100%; font-weight: bold; font-family: Helvetica, sans-serif; margin: 0 10px 5px 0;}
.sidebar a             {color: #42290e; text-decoration: none; background: transparent;}
.sidebar a:hover       {text-decoration: underline;}

.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;}

.imgleft                {float: left; font-weight: bold; font-style: italic; font-size: 80%; text-align: left; margin: 7px 10px 0px 15px;}
.imgleft p              {margin: 5px 0;}
.imgleft100		        {float: left; font-weight: bold; font-style: italic; font-size: 80%; text-align: left;margin: 7px 10px 5px 0px; width: 100%; clear: both;}
.imgright               {float: right; font-weight: bold; font-style: italic; font-size: 80%; text-align: left; margin: 7px 0 5px 0px;}
.imgright p             {margin: 5px 0;}

.clearall              {clear: both;}
.sect                  {font-weight: bold;}
.books                 {background: #e5e1db; text-align: center; width: 100%;}
.books h5, .books h6   {background: transparent; color: #42290e; font-size: 80%;text-transform: uppercase; margin: 5px 5px; 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%;}
#donate                 {padding: 20px 0 10px 0; background-color: #e5e1db; width: 100%;}
.caption                {font-style:italic; margin: -5px 0 10px 15px;}