@charset "utf-8";
/* CSS Document */

body 				{background-color: black; color: white; 
					font-family: Terminal, fixedsys, monospace;
					font-size: 12px;}
img 				{border: 0px; }
h1					{font-size: 2x; margin-top: 0;}

a:link				{color: #FFF; text-decoration: none; padding: 4px 6px;
					-moz-border-radius: 4px; background: #000;
					-webkit-border-radius: 4px;}
a:visited			{color: #FFF; text-decoration: none; padding: 4px 6px;
					-moz-border-radius: 4px; background: #000;
					-webkit-border-radius: 4px;}
a:hover				{color: #000; padding: 4px 6px; text-decoration: none;
					background: #FFF; -moz-border-radius: 4px;
					-webkit-border-radius: 4px;}
a:active			{color: #FFF; padding: 4px 6px; text-decoration: none;
					background: #000; -moz-border-radius: 4px;
					-webkit-border-radius: 4px;}

#bg-area			{position: absolute; left: 16px; top: 77px; }
#bg 				{position: absolute; left: 0px; top: 0px; z-index: 1; }
#treelogo			{position: absolute; left: 30px; }
#content-box		{padding: 10px;}

#nav				{text-align: center; padding: 0 90px 0 50px;}
#nav li				{display: inline; margin: 0 20px 0 20px; padding: 0 0 0 0;}

#leftcolumn			{float: left; width: 550px; padding: 0 10px 10px 10px;}
#rightcolumn		{margin-left: 550px; margin-top: 50px; border-left: solid white 1px; 
					height: 410px; padding: 0px 5px 5px 5px;}
					
#leftcontent		{height: 455px;}

.rounded_colhead	{width: 825px; height: 525px; margin: 60px 0px 0px 60px;
					padding: 18px 18px; z-index: 2;
  /* Rounded corner stuff starts here */
   background: rgb(0, 0, 0); /* The Fallback */
   background: rgba(0, 0, 0, 0.7);
   filter: alpha(opacity=70);

  -webkit-border-radius: 10px;    /* for Safari */
  -moz-border-radius: 10px;       /* for Firefox */
  position: absolute;
}

.shadow {
  box-shadow: 8px 8px 8px #000;
  -moz-box-shadow: 8px 8px 8px #000;
  -webkit-box-shadow: 8px 8px 8px #000;
}