/* CSS Document

Small Planet Living Palette
orange: #fb4903
chartreuse: e3eabd
background-content area: ffffff

 */

*           {padding:0; margin:0;}
body        {background: center #fff url(/img/plain-bkgrnd.jpg) repeat; text-align: center; font-size: medium; font-family: Verdana, sans-serif;}
#wrapper	{margin: 0 auto;  width: 1000px; text-align: left; position: relative;} 
#logo       {top: 20px; left: 5px; height: 62px; width: 950px; background-color: transparent;}


/* Primary Top Nav */
#nav1		{position: absolute;	width: 826px;	left: 0;	top: 64px;	margin: 0px;	padding: 0;	list-style: none;	background: #fff;}
#nav1 li	{float: left; margin: 0; padding: 0; font-family: "Lucida Grande", sans-serif; font-size: 65%;}
#nav1 a		{float: left; display: block; margin: 0 4px 0 0; padding: 4px 8px; color: #333; text-decoration: none; border: 1 px solid #000; border-bottom: none; background: #f9e9a9;}

/* Main content area styles */
#contentArea {position: absolute; top: 100px; left: 165px; width: 660px; border-left: 3px solid #f9e9a9;}

a 			{text-decoration: underline; font-size: 100%; color:#006699;}
a:link 		{color: #009999;}
a:visited 	{color: #663366;}
a:active 	{color: #663366;}

p 			{color:#000; font-size: 70%; line-height: 140%; margin: 10px 10px 0 20px;}
h1			{font:  Arial, Helvetica, sans-serif; font-size: 130%;  margin: 20px 10px 10px 20px;}
h4 			{font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;	color: #fb4903; font-size: 80%;}
h2			{color: #fb4903; font-size: 110%; margin: 5px 10px 5px 20px;}
h3			{color: #333; margin: 10px 10px 10px 20px;}
hr          {margin-left: 15px;}

ul 			{font-size: 80%; list-style-type: square; margin: 5px 0 5px 0;}
ul li       {margin: 5px 10px 5px 35px; line-height: 110%;}
ol.contentArea1	{margin-left: 45px;	font-size:80%;list-style-type: upper-alpha; list-style-position: inside;}
.alpha ol	{}

li 			{font-size: 80%; color: #333333; line-height: 120%;}

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

blockquote 	{color: #333333; font-size: 1em; line-height: 133%;}
.right      {float: right; margin: 5px 20px;}
.fine       {font-size: 60%;}
.logopad    {padding-left: 10px; background-color: transparent;}

.breadcrumbs {font-size: 70%; margin: 5px 5px 10px 20px;z-index: 1;}
.quote1     {font-size: 110%; color: #690; font-style: italic; line-height: 90%;}

/* Left column */
#lcol	   {width: 154px;top: 120px;left: 2px;	position: absolute;	height: 100px;	background-color: #fff;}
#lcol a	   {list-style-type: none; color: #fb4903;}
#lcol h4   {margin: 5px 5px 0 7px;}
#lcol h5   {font-size: 60%, margin-left: 10px;}

/* Right column */
#rcol      {width: 165px; background-color: #fff; top: 120px; height: 100px; position: absolute; left: 835px;}
#rcol h6   {background-color:#fb4903; color: #FFF; width: 100%; margin: 10px 0 5px 3px; padding: 2px;}

/* Footer styles */
#footer			{font-size: 90%; clear: both; background-color: #fff; margin-top: 0px; width: 100%;}
#footer p		{margin-bottom: 10px;}
#nav1 p 		{font-size: 1em; font-color: #660033; margin: 10px; line-height: 105%;}
#nav1 ul		{font-size: 1em; list-style-type: none; margin-left: 10px;}