@import url(base.css);

/* Page Handler Styles (copy to editor-override.css) */
* 	  						{margin: 0; padding: 0;}
body 						{font: 0.8125em Verdana, sans-serif; line-height: 1; background-color: Black;}				
h1	  						{font: 2.3em Georgia, "Times New Roman", Georgia, serif; margin: 20px 0px 20px 0px;}
p	  						{text-align: left;}
a 							{text-decoration: none; list-style: none; color: #cc0000;}
h3, p, li, .form		{line-height: 1.5em; margin: 0 0 1em; font-size: 0.88em;}
small						{line-height: 1.2em; color: #777;}
ul	  						{line-height: 140%; color: 555;}
img  						{border: 1px solid #eee; margin-bottom: 2px;}
hr	  						{height: 1px; color: #ddd;}
sup						{font-size: 0.8em; line-height: 0.5em;}
blockquote				{font: 1.6em Georgia, "Times New Roman", Georgia, serif; font-style: italic; text-align: center;  text-indent: 50px;  margin: 20px 40px -10px 40px;}

/* Classes */
.box 						{margin: 5px; filter:alpha(opacity=90);  opacity:0.9;}
.box .content			{background: #f8f8f8; border: solid 1px #ccc; padding: 10px 20px 10px 20px; margin: 0; overflow: hidden;}
.art-box 				{margin: 5px; background: url(/images/backgrounds/fade-bottom.gif) repeat-x bottom;}
.art-box .content		{background: #fff; filter:alpha(opacity=80);  opacity:0.8; border: solid 1px #ddd; padding: 10px 20px 10px 20px; margin: 0; overflow: hidden;}
.float-left				{float: left;}
.float-right 			{float: right; margin: 0px 0px 8px 8px;}
.form input, 
.form textarea,
.form select			{font: 12px Verdana, sans-serif; width: 523px; background-color: #ffffcc; border: 1px solid #aaa; padding: 2px 1px 2px 2px; margin-bottom: 2px;}
.form select			{width: 528px;}
.quote					{font-family: Times; font-size: 100px; font-weight: bold; color: #ddd;}

.art-box h2	  			{font: 1.6em Georgia, "Times New Roman", Georgia, serif; margin: 20px 0px 5px 0px;}
.art-box em	  			{font: 1.6em Georgia, "Times New Roman", Georgia, serif; font-style: italic;}
.art-box ul 			{padding-left: 16px; margin-bottom: 1.5em;}
.art-box a				{text-decoration: none; list-style: none; color: #ff0000;}
.art-box a:hover		{text-decoration: underline;}
.list-item 				{width: 243px; height: 100px; border: solid 1px #ddd; display: block; padding: 8px; margin-bottom: 9px; margin-right: 8px;}
.list-item:hover		{background-color: #ffe6fd; cursor: pointer;}
.list-item:hover h3	{color: #ff0000;}

.col-1 					{width: 270px; float: left;}
.col-2 					{width: 250px; float: left;}

/* IDs */
#logo						{background: url(/images/logo.png) no-repeat; width: 976px; height: 109px; display: block;}
#logo p					{float: right; font: 16px Georgia, "Times New Roman", Georgia, serif; margin: 5px 71px 0px 0px; color: #777;}
#logo a					{text-decoration: none; list-style: none; color: #ccc; text-align: right; padding: 3px;}
#logo a:hover			{color: #fff; text-align: right; padding: 3px;}

#home-links				{position: absolute; list-style: none; top: 150px; margin: 0px 0px 0px 70px; width: 220px; font: 19px Georgia, "Times New Roman", Georgia, serif;}
#home-links li 		{vertical-align: middle; filter:alpha(opacity=60);  opacity:0.60; margin: 10px; background: url(/images/b0.png) no-repeat; width: 200px; height: 35px; display: block;}
#home-links li:hover {width: 200px; height: 35px; display: block; filter:alpha(opacity=100);  opacity:1;}
#home-links li a		{color: #ccc; width: 200px; height: 35px; display: block; margin: 4px 0px 0px 10px;}
#home-links li a:hover {color: White; width: 200px; height: 35px; display: block;}


/* Left column menu */
#left-col h3			{font: 1.6em Georgia, "Times New Roman", Georgia, serif;}
#left-col ul 			{margin: 7px 0px -7px 0px; list-style: none; border-bottom: solid 1px #ddd; font-weight: bold;}
#left-col ul li ul	{margin-left: -7px; width: 160px; border-bottom: solid 1px #ddd; font-weight: normal;}
#left-col li 			{margin: 0px; padding: 7px; line-height: 1.5em; border-top: solid 1px #ddd;}
#left-col li a			{text-decoration: none; list-style: none; width: 150px; color: #000;}
#left-col li a:hover	{color: #ff0000;}
#left-col ul.menu		{width: 160px;}

/* Footer */
#ticker-frame        {float: left; display: block; height: 80px; width: 292px; padding: 0px 50px 0px 50px; margin-left: 20px; background: url(/images/quotes.gif) no-repeat;}
#ticker					{color: #111; line-height: 140%; float: left; padding-top: 4px; height: 70px; display: block;}
#phone					{font: 26px Georgia, "Times New Roman", Georgia, serif;}
#email					{font-size: 13px;}
#testimonials			{font-weight: bold; color: #000; text-decoration: none;}
#copyright           {display: block; height: 25px; clear: both; border-top: 1px solid #dadada; padding-top: 4px;}
#copyright p,
#copyright a			{color: #777; text-decoration: none;}

/* Content System Navigation Bar */
#nav-container		  	{background-color: white; padding: 4px 0px 4px 0px;}
#nav	  				  	{padding: 0px 23px 0px 23px; margin: 0px 0px 0px 0px; height: 26px; border-bottom: 1px solid #dadada; background-color: white;}
#nav .left			  	{float: left;}
#nav .left-edit	  	{float: left;}
#nav .left input	  	{margin-right: 2px;}
#nav .right			  	{float: right;}
#nav .right input	  	{margin-left: 2px;}

/* Debugging
h1						  {background-color: Blue;}
h2						  {background-color: Silver;}
h3						  {background-color: Yellow;}
h4						  {background-color: Lime;}
p 						  {background-color: Aqua;}
*/