[Author Prev][Author Next][Thread Prev][Thread Next][Author Index][Thread Index]

[or-cvs] r19698: {} New light and dark stylesheets. (website/branches/zed)



Author: zed
Date: 2009-06-10 12:38:12 -0400 (Wed, 10 Jun 2009)
New Revision: 19698

Added:
   website/branches/zed/black-zedstylesheet-ltr.css
   website/branches/zed/zedstylesheet-ltr.css
Log:
New light and dark stylesheets.

Added: website/branches/zed/black-zedstylesheet-ltr.css
===================================================================
--- website/branches/zed/black-zedstylesheet-ltr.css	                        (rev 0)
+++ website/branches/zed/black-zedstylesheet-ltr.css	2009-06-10 16:38:12 UTC (rev 19698)
@@ -0,0 +1,1221 @@
+body {
+	background-color: #002200;
+	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, verdana, "Bitstream Vera Sans", arial, helvetica, sans-serif;
+	font-size: 9pt;
+	font-style: normal;
+	color: #002200;
+	text-align: justify;
+	margin: 0px;
+	padding: 0px;
+}
+
+/* images */
+
+img {
+	border: 0;
+	z-index: 0;
+}
+
+
+li {
+	text-align: justify;
+	list-style-type: square;
+	margin: 0px;
+	padding-top: 2px;
+	padding-right: 5px;
+	padding-bottom: 4px;
+	padding-left: 5px;
+}
+
+/* this centers the page */
+
+.center {
+    text-align: center;
+    background-color: white;
+    margin: 0px auto 0 auto;
+    width: 85%;
+}
+
+.center table {
+    margin-left: auto;
+    margin-right: auto;
+    text-align: left;
+}
+
+/* for the shadow box */
+
+table.shadowbox {
+    width: 788px;
+    border-collapse: collapse;
+    padding: 0;
+    margin-bottom: 2em;
+}
+
+table.shadowbox td {
+    margin: 0;
+    padding: 0;
+}
+
+/* spacer */
+
+td.spacer {
+    width: 110px;
+}
+
+div.banner {
+	text-align: left;
+	margin: 0px;
+}
+/*new header and stuff obviates need for this stuff - cull in progress. zed*/
+/*
+table.table-banner {
+    margin: 0 auto 0 auto;
+    background-image: url("/images/tor_mast.gif");
+    background-repeat: no-repeat;
+}
+*/
+div.bottom {
+	font-size: 7pt;
+	text-align: center;
+	margin: 1px 0px 0px;
+	border-top-width: 1px;
+	border-top-style: solid;
+	border-top-color: #22bb22;
+	background-color: #004400;
+	padding: 5px 10px;
+	color: #00CC00;
+	background-image: url(/images/darkgreenbg.png);
+	background-repeat: repeat;
+	background-position: left center;
+}
+
+div.bottom a:link {
+	color: #44ff44;
+	text-decoration: none;
+}
+
+div.bottom a:hover {
+	color: #ffdd00;
+}
+
+div.bottom a:active {
+	color: #ff9922;
+}
+
+div.legal {
+	font-size: 7pt;
+	text-align: center;
+	margin: 0px;
+	border-top-width: 1px;
+	border-top-style: solid;
+	border-top-color: #008800;
+	background-color: #002200;
+	padding: 5px 20px;
+	color: #00CC00;
+}
+
+div.legal a:link {
+	color: #44ff44;
+	text-decoration: none;
+}
+
+div.legal a:hover {
+	color: #ffdd00;
+}
+
+div.legal a:active {
+	color: #ff9922;
+}
+
+div.footnav {
+	font-size: 8pt;
+	text-align: center;
+	margin: 0px;
+	border-top-width: 1px;
+	border-top-style: solid;
+	border-top-color: #009900;
+	background-color: #001100;
+	padding: 12px 20px;
+	color: #ffffff;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: #009900;
+	min-width: 580px;
+	width: auto;
+}
+
+div.footnav a:link {
+	color: #44ff44;
+	text-decoration: none;
+	padding: 1px 7px 2px;
+	background-color: #002200;
+	margin: 1px;
+	border-top: 1px solid #009900;
+	border-right: 1px solid #009900;
+	border-bottom: 1px solid #009900;
+	border-left: 5px solid #009900;
+    -moz-border-radius: 2px 2px 2px 2px;
+    -webkit-border-radius: 2px 2px 2px 2px;
+    border-radius: 2px 2px 2px 2px;
+/* opera has issues here
+    filter:alpha(opacity=70); 
+    -moz-opacity: 0.7; 
+    opacity: 0.7; */
+}
+
+div.footnav a:hover {
+	color: #ffdd00;
+	padding: 1px 7px 2px;
+	background-color: #009900;
+	filter:alpha(opacity=100);
+	border-top-width: 1px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 5px;
+	border-top-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-top-color: #ccffcc;
+	border-right-color: #ccffcc;
+	border-bottom-color: #ccffcc;
+	border-left-color: #ccffcc;
+    text-shadow: #ffffff 0px 0px 1px;
+    -moz-border-radius: 2px 2px 2px 2px;
+    -webkit-border-radius: 2px 2px 2px 2px;	
+    border-radius: 2px 2px 2px 2px;
+}
+/* partially removed for now - breaks in ie8 - */
+div.footnav a:active {
+	color: #ff9922;
+	background-color: #000000;
+	border-top-width: 1px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 5px;
+	border-top-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-top-color: #ccffcc;
+	border-right-color: #ccffcc;
+	border-bottom-color: #ccffcc;
+	border-left-color: #ccffcc;
+    -moz-border-radius: 2px 2px 2px 2px;
+    -webkit-border-radius: 2px 2px 2px 2px;	
+    border-radius: 2px 2px 2px 2px;
+    /*
+	filter:alpha(opacity=100);
+    -moz-opacity: 1; 
+    opacity: 1;
+	*/
+}
+
+div.footnav a:visited {
+	color: #44ff44;
+	text-decoration: none;
+	padding: 1px 7px 2px;
+	background-color: #002200;
+	margin: 1px;
+	border-top: 1px solid #009900;
+	border-right: 1px solid #009900;
+	border-bottom: 1px solid #009900;
+	border-left: 5px solid #009900;
+    -moz-border-radius: 2px 2px 2px 2px;
+    -webkit-border-radius: 2px 2px 2px 2px;	
+    border-radius: 2px 2px 2px 2px;
+}
+
+div.footnav a:visited:hover {
+	color: #ffdd00;
+	background-color: #009900;
+	padding: 1px 7px 2px;
+	border-top-width: 1px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 5px;
+	border-top-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-top-color: #ccffcc;
+	border-right-color: #ccffcc;
+	border-bottom-color: #ccffcc;
+	border-left-color: #ccffcc;
+    -moz-border-radius: 2px 2px 2px 2px;
+    -webkit-border-radius: 2px 2px 2px 2px;	
+    border-radius: 2px 2px 2px 2px;
+}
+
+}
+div.footnav a:visited:active {
+	color: #ff9922;
+	background-color: #000000;
+	padding: 1px 7px 2px;
+	border-top-width: 1px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 5px;
+	border-top-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-top-color: #ccffcc;
+	border-right-color: #ccffcc;
+	border-bottom-color: #ccffcc;
+	border-left-color: #ccffcc;
+}
+
+div.sitemap {
+	margin-right: 30px;
+	margin-left: 30px;
+/* let's attempt some multi-column CSS */
+    column-count: 3;
+    width: 100%;
+    column-gutter: 15px;
+    column-rule: solid black thin;
+}
+
+/* the sidebars */
+
+div.sidebar {
+	float: right;
+	margin: 5px 0 10px 30px;
+	width: auto;
+	text-align: left;
+	border: 1px solid #008800;
+	padding: 10px 15px;
+	font-size: 9pt;
+	font-weight: bold;
+	background-color: #004400;
+	background-repeat: repeat-y;
+	background-position: right center;
+/*	background-image: url(/images/sidebarbg.png);*/
+    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 32, 0, 0.3);
+    -moz-border-radius: 3px 3px 3px 3px;
+    -webkit-border-radius: 3px 3px 3px 3px;	
+    border-radius: 3px 3px 3px 3px;
+}
+
+div.sidebar a:link{
+	text-decoration: none;
+	color: #22ff22;
+}
+
+div.sidebar a:visited{
+	text-decoration: none;
+	color: #22ff22;
+}
+
+div.sidebar-left {
+	float: right;
+	margin: 0px 0 15px 30px;
+	padding: 10px 15px;
+	width: auto;
+	text-align: justify;
+	font-size: 9pt;
+	font-weight: bold;
+	list-style-type: square;
+	border: 1px solid #008800;
+	background-color: #003300;
+	background-repeat: repeat-y;
+	background-position: right center;
+  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 32, 0, 0.3);
+  -moz-border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px 3px 3px 3px;	
+  border-radius: 3px 3px 3px 3px;
+/*	max-width: 200px; */
+}
+
+div.sidebar-left a:link {
+	text-decoration: none;
+	font-size: 8pt;
+	white-space: nowrap;
+
+}
+/* The main column (left text) */
+
+div.main-column {
+	padding: 15px 4% 20px;
+	text-indent: 0pt;
+	font-size: 10pt;
+	direction: ltr;
+	text-align: left;
+	margin: 0px;
+	background-color: #000000;
+	border: 1px solid #000000;
+	height: 100%;
+	vertical-align: middle;
+	color: #FFFFFF;
+ /*   -moz-border-radius: 3px 3px 3px 3px;
+    -webkit-border-radius: 3px 3px 3px 3px;
+	border-radius: 3px 3px 3px 3px;
+    -moz-box-shadow: 0 0 2px 1px #001100;*/
+}
+
+/* formatting styles */
+
+h1 {
+    font-size: 12pt;
+    margin-bottom: 10px;
+    margin-top: 4px;
+}
+
+h2 {
+	font-size: 12pt;
+	font-weight: bold;
+	background-repeat: repeat-y;
+	padding: 10px;
+	line-height: 105%;
+	letter-spacing: 0.2em;
+	text-transform: uppercase;
+	margin: 15px 0px 20px;
+	text-shadow: 0px 1px 1px rgba(0, 22, 0, 0.8);
+	background-color: #003300;
+	border: 1px solid #008800;
+	background-position: right center;
+    -moz-border-radius: 3px 3px 3px 3px;
+    -webkit-border-radius: 3px 3px 3px 3px;	
+	border-radius: 3px 3px 3px 3px;
+    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 32, 0, 0.3);
+}
+
+h3 {
+	font-size: 11pt;
+	font-weight: bold;
+	margin: 10px 0px 15px;
+	text-align: justify;
+	padding: 5px 10px;
+	border: 1px solid #008800;
+	background-color: #003300;
+	background-repeat: repeat-y;
+	background-position: right center;
+    -moz-border-radius: 3px 3px 3px 3px;
+    -webkit-border-radius: 3px 3px 3px 3px;	
+	border-radius: 3px 3px 3px 3px;
+    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 32, 0, 0.3);
+	text-shadow: 0px 1px 1px rgba(0, 64, 0, 0.3);
+}
+
+h4 {
+	font-size: 10pt;
+	margin-bottom: 5px;
+	font-weight: bold;
+	margin-top: 0px;
+	margin-bottom: 6px;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: #008800;
+	padding-bottom: 5px;
+	text-shadow: 0px 1px 1px rgba(0, 22, 0, 0.5);
+}
+
+h5 {
+    font-size: 9pt;
+    margin-bottom: 6px;
+    font-weight: bold;
+    margin-top: 4px;
+	margin-bottom: 6px;
+}
+
+p {
+	text-align: justify;
+	padding-bottom: 10px;
+	margin: 0px;
+	line-height: 140%;
+}
+
+a:link {
+    color: #00dd00;
+    font-size: 1em;
+}
+
+a:visited {
+	color: #005500;
+	font-size: 1em;
+	text-decoration: none;
+}
+
+a.anchor:link {
+	color: #22ff22;
+	font-weight: bold;
+	text-decoration: none;
+	margin-top: 4px;
+	margin-bottom: 8px;
+}
+
+a.anchor:visited {
+    color: black;
+    font-weight: bold;
+    text-decoration: none;
+    margin-top: 4px;
+	margin-bottom: 8px;
+}
+
+a.anchor {
+	color: black;
+	font-weight: bold;
+	text-decoration: underline;
+    margin-top: 4px;
+	margin-bottom: 8px;
+}
+
+td {
+    vertical-align: top;
+}
+
+a.smalllink {
+    font-size: 7pt;
+}
+
+/* the banner */
+
+table.banner {
+	vertical-align: middle;
+	padding-top: 10px;
+	padding-right: 0px;
+	padding-bottom: 9px;
+	padding-left: 0px;
+	background-color: #005500;
+	width: 100%;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: #229922;
+	background-repeat: no-repeat;
+	clear: both;
+	border-top-width: 1px;
+	border-top-style: solid;
+	border-top-color: #229922;
+	background-image: url(/images/navbarbg.png);
+	background-position: left center;
+
+}
+
+td.banner-left {
+	/* This is done with an <img> in the HTML so it can be clickable
+    background-image: url("/images/top-left.png");
+    background-repeat: no-repeat; */
+    width: 193px;
+}
+
+td.banner-middle {
+	vertical-align: middle;
+	text-align: center;
+	min-width: 580px;
+	padding-right: 10px;
+	padding-left: 10px;
+	margin-left: 10px;
+}
+
+td.banner-middle a, td.banner-middle a:visited {
+	margin-right: 6px; /* sets the gap between nav buttons*/
+	color: white;
+	font-weight: bold;
+	font-size: 10pt;
+	vertical-align: middle;
+}
+
+td.banner-middle a:hover {
+    color: #FF7F00;
+    font-weight: bold;
+    font-size: 10pt;
+}
+
+td.banner-right {
+    background-repeat: no-repeat;
+    width: 16px;
+    background-position: right;
+    padding-top: 8px;
+	min-width: 16px;
+}
+
+.banner-middle a.current {
+	text-decoration: none;
+	color: #FF7F00;
+	font-weight: bold;
+	font-size: 10pt;
+	width: auto;
+	left: -50px;
+	vertical-align: middle;
+}
+
+/*
+.donatebutton {
+	width: 111px;
+	text-align: center;
+	height: 32px;
+	clear: both;
+	margin: 0px;
+
+
+}
+
+
+.donatebutton a {
+	margin: 8px 0px 0px;
+	font-weight: bold;
+	display: block;
+	padding: 8px 10px 10px;
+	color: #BBFFBB;
+	text-align: right;
+	background-image: url(/images/donate-rollover.png);
+	background-repeat: no-repeat;
+	background-position: 0px 0px;
+	font-size: 8pt;
+	text-decoration: none;
+	height: 14px;
+  text-shadow: #002200 0.1em 0.1em 0.2em;
+}
+
+.donatebutton a:hover {
+	color: white;
+	background-image: url(/images/donate-rollover.png);
+	background-repeat: no-repeat;
+	background-position: 0px -32px;
+}
+
+.donatebutton a:active {
+  color: #FFFF00;
+	background-image: url(/images/donate-rollover.png);
+	background-repeat: no-repeat;
+	background-position: 0px -64px;
+    text-shadow: #ff2200 0em 0em 2px;
+}
+
+.downloadbutton {
+	width: 111px;
+	text-align: center;
+	height: 32px;
+	clear: both;
+	margin: 10px 0px 0px 0px;
+	border-top-width: 1px;
+	border-top-style: solid;
+	border-top-color: 002200;
+	padding: 5px 0px 10px 0px;
+	text-shadow: #884422 0.1em 0.1em 0.2em;
+}
+
+.downloadbutton a {
+	margin: 2px 0px 10px 0px;
+	font-weight: bold;
+	padding: 8px 10px 10px;
+	color: #FFCC66;
+	display: block;
+	text-align: right;
+	background-image: url(/images/download-rollover.png);
+	background-repeat: no-repeat;
+	background-position: 0px 0px;
+	font-size: 8pt;
+	text-decoration: none;
+	height: 14px;
+}
+
+.downloadbutton a:hover {
+	color: white;
+	background-image: url(/images/download-rollover.png);
+	background-repeat: no-repeat;
+	background-position: 0px -32px;
+    text-shadow: #ff8800 0em 0em 2px;
+}
+
+.downloadbutton a:active {
+	color: #AA4400;
+	background-image: url(/images/download-rollover.png);
+	background-repeat: no-repeat;
+	background-position: 0px -64px;
+    text-shadow: #994400 0em 0em 2px;
+}
+
+*/
+
+.donatebutton {
+	width: 100%;
+	text-align: center;
+	height: 32px;
+	clear: both;
+	margin: 0px 0px 5px 0px;
+	padding: 5px;
+}
+
+.donatebutton a {
+	margin: 8px 8px 0px 0px;
+	font-weight: bold;
+	display: block;
+	padding: 8px 5px 8px 5px;
+	color: #BBFFBB;
+	text-align: center;
+	font-size: 9pt;
+	text-decoration: none;
+	height: 14px;
+  text-shadow: #002200 0.1em 0.1em 0.2em;
+	background-color: green;
+	border: 1px solid green;
+  -moz-border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px 3px 3px 3px;
+	border-radius: 3px 3px 3px 3px;
+}
+
+.donatebutton a:link {
+  color: #BBFFBB;
+}
+.donatebutton a:hover {
+	color: white;
+	border: 1px solid white;
+}
+
+.donatebutton a:active {
+  color: #FFFF00;
+  text-shadow: #ff2200 0em 0em 2px;
+}
+
+.donatebutton a:visited {
+  color: #BBFFBB;
+}
+
+.downloadbutton {
+	width: 100%;
+	text-align: center;
+	height: 32px;
+	clear: both;
+	padding: 5px;
+	text-shadow: #884422 0.1em 0.1em 0.2em;
+	margin: 0px;
+}
+
+.downloadbutton a {
+	margin: 8px 8px 0px 0px;
+	font-weight: bold;
+	padding: 8px 5px 8px 5px;
+	color: #FFCC66;
+	display: block;
+	text-align: center;
+	font-size: 9pt;
+	text-decoration: none;
+	height: 14px;
+	background-color: #ff6600;
+	border: 1px solid #ff6600;
+  -moz-border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px 3px 3px 3px;
+	border-radius: 3px 3px 3px 3px;
+}
+
+.downloadbutton a:hover {
+	color: white;
+  text-shadow: #ff8800 0em 0em 2px;
+	border: 1px solid white;
+}
+
+.downloadbutton a:active {
+	color: #AA4400;
+  text-shadow: #994400 0em 0em 2px;
+}
+
+.downloadbutton a:visited {
+	color: #FFCC66;
+}
+/* these styles are for the menu on the gui contest pages */
+
+.guileft {
+	 width: 25%;
+	 float: left;
+	 padding: 0;
+	 margin: 0;
+}
+
+.guimenu {
+	 border: 1px solid #AAA6AB;
+	 background-color: #E2DFE3;
+	 margin: 0 15px 15px 0;
+	 padding: 0;
+}
+
+.guimenuinner a {
+	      display: block;
+	      text-decoration: none;
+	      padding: 2px 0px 0px 12px;
+	      margin: 0 0 0 0px;
+	      color: #333333;
+}
+
+.guimenuinner a:visited {
+	      color: #333333;
+}
+
+.guimenuinner a:hover {
+	      background-image: url(gui/img/arrow.png);
+	      background-repeat: no-repeat;
+	      background-position: left;
+	      color: #EF8012;
+}
+
+.guimenuinner a.on {
+	      background-image: url(gui/img/arrow.png);
+	      background-repeat: no-repeat;
+	      background-position: left;
+	      color: #EF8012;
+}
+
+
+.guimenu h1 {
+         width: 85%;
+	 font-size: 16px;
+	 margin: 0 0 8px 0;
+	 padding: 0;
+	 border-bottom: 1px solid #AAA6AB;
+}
+
+.curveleft {
+	   background-image: url(gui/img/corner-topleft.png);
+	   background-repeat: no-repeat;
+	   background-position: top left;
+	   margin: -1px;
+}
+
+.curveright {
+	    background-image: url(gui/img/corner-topright.png);
+	    background-repeat: no-repeat;
+	    background-position: top right;
+}
+
+.guimenuinner {
+
+	      padding: 0 10px 0 10px;
+}
+
+
+.curvebottomleft {
+		 background-image: url(gui/img/corner-bottomleft.png);
+		 background-repeat: no-repeat;
+		 background-position: bottom left;
+		 margin: -1px;
+}
+
+.curvebottomright {
+		  background-image: url(gui/img/corner-bottomright.png);
+		  background-repeat: no-repeat;
+		  background-position: bottom right;
+}
+
+
+table.mirrors {
+	margin: 0 auto;
+	border-width: 3px;
+	border-color: gray;
+	border-style: ridge;
+	border-collapse: collapse;
+}
+table.mirrors th {
+	border: 1px solid gray;
+	background-color: #DDDDDD;
+}
+table.mirrors td {
+	border: 1px solid gray;
+	padding: 4px;
+}
+
+acronym {
+  border-bottom: none;
+}
+
+dt {
+	font-weight: bold;
+	margin-right: 0px;
+	margin-left: 20px;
+	margin-top: 0px;
+	margin-bottom: 10px;
+	padding-bottom: 5px;
+	font-family: "Lucida Console", "Andale Mono", "Courier New", Courier, mono;
+	font-size: 10pt;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: #004400;
+}
+hr {
+	height: 1px;
+	color: #666666;
+	background-color: #002200;
+	line-height: 0px;
+	font-size: 1px;
+	margin: 15px 0px 5px;
+}
+
+.inviz {
+	font-size: 1px;
+}
+/* autoflow for images */
+.imagefloat {
+	float: right;
+	font-size: 8pt;
+	margin: 0px;
+	padding-top: 5px;
+	padding-right: 0px;
+	padding-bottom: 15px;
+	padding-left: 20px;
+	background-color: #000; 
+}
+
+ol {
+	margin-right: -18px;
+	margin-left: -18px;
+}
+.navlogo {
+	vertical-align: bottom;
+	padding-top: 0px;
+	padding-right: 10px;
+	padding-bottom: 0px;
+	padding-left: 0px;
+	margin-top: 0px;
+	margin-bottom: 0px;
+	margin-left: 10px;
+
+}
+
+a:hover {
+	color: #22ff22;
+    text-shadow: #22ff22 0px 0px 1px;
+}
+a:active {
+	color: #FF6600;
+    text-shadow: #FF6600 0px 0px 1px;
+}
+.topbanner {
+	background-color: #004400;
+	font-size: 7pt;
+	color: #2E8A28;
+	padding: 5px;
+	width: 100%;
+	vertical-align: middle;
+	border-top-width: 1px;
+	border-bottom-width: 1px;
+	border-top-style: solid;
+	border-bottom-style: solid;
+	border-top-color: #007700;
+	border-bottom-color: #002200;
+	text-align: left;
+	background-image: url(/images/topheader.png);
+	background-repeat: no-repeat;
+	background-position: left center;
+
+}
+
+a.fade img {
+filter:alpha(opacity=80); 
+-moz-opacity: 0.8; 
+opacity: 0.8;}
+
+a.fade:hover img {
+filter:alpha(opacity=100);   
+-moz-opacity: 1.0;   
+opacity: 1.0;
+}
+
+dd {
+	text-align: justify;
+	padding-right: 20px;
+	padding-bottom: 15px;
+}
+
+dl {
+	margin: 10px 20px 15px;
+	padding: 15px 30px 5px 5px;
+	border: 1px solid #004400;
+	color: #002200;
+    -moz-border-radius: 3px 3px 3px 3px;
+    -webkit-border-radius: 3px 3px 3px 3px;
+	border-radius: 3px 3px 3px 3px;
+	background-color: #ddffdd;
+}
+
+
+.blurb {
+	font-size: 7pt;
+	text-transform: lowercase;
+	padding: 15px 20px;
+	border: 2px solid #001100;
+	margin-top: 10px;
+	margin-right: 0px;
+	margin-bottom: 10px;
+	margin-left: 0px;
+	color: #FFFFFF;
+	background-color: #005500;
+	font-weight: bold;
+    -moz-border-radius: 5px 5px 5px 5px;
+    -webkit-border-radius: 5px 5px 5px 5px;	
+	border-radius: 5px 5px 5px 5px;
+/*    -moz-box-shadow: 0px 0px 2px 1px rgba(255, 255, 0, 0.8); */
+}
+
+.warning {
+	font-size: 8pt;
+	padding: 15px 20px;
+	border: 2px solid #ff0000;
+	margin-top: 10px;
+	margin-right: 0px;
+	margin-bottom: 10px;
+	margin-left: 0px;
+	color: #000;
+	background-color: #fff;
+	font-weight: bold;
+    -moz-border-radius: 5px 5px 5px 5px;
+    -webkit-border-radius: 5px 5px 5px 5px;	
+	border-radius: 5px 5px 5px 5px;
+/*    -moz-box-shadow: 0px 0px 2px 1px rgba(255, 255, 0, 0.8); */
+	text-align: justify;
+}
+
+.nb {
+	font-size: 8pt;
+	padding: 15px 20px;
+	border: 1px solid #fff;
+	margin-top: 10px;
+	margin-right: 0px;
+	margin-bottom: 10px;
+	margin-left: 0px;
+	color: black;
+	background-color: #eeeeff;
+	font-weight: bold;
+    -moz-border-radius: 5px 5px 5px 5px;
+    -webkit-border-radius: 5px 5px 5px 5px;	
+	border-radius: 5px 5px 5px 5px;
+	text-align: justify;
+	}
+	
+.warning a:link{
+color: yellow;
+}
+
+}
+.page {
+	margin: 0px;
+	padding: 0px;
+	height: 100%;
+	width: 100%;
+	border-top: 1px solid #002200;
+}
+
+.smallboldtxt {
+	font-size: 7pt;
+	text-transform: none;
+	padding: 0px 0px 2px;
+	color: #22ff22;
+	font-weight: bold;
+	margin: 0px 25px 0px 0px;
+	line-height: 8px;
+    filter:alpha(opacity=50); 
+    -moz-opacity: 0.5; 
+    opacity: 0.5; 
+}
+
+.smallboldtxt a {
+	font-size: 7pt;
+	text-transform: none;
+	padding: 0px 0px 2px;
+	color: #77ff77;
+	font-weight: bold;
+	margin: 0px;
+	line-height: 8px;
+	text-decoration: none;
+}
+
+.smallboldtxt a:hover{
+    text-shadow: #ffffff 0px 0px 2px;
+}
+
+.smallboldtxt a:visited{
+	color: #77ff77;
+}
+
+.formbutton {
+	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
+	font-size: 8pt;
+	background-color: #006600;
+	border: 1px solid #44dd44;
+	color: #44dd44;
+	margin-top: 30px;
+	margin-bottom: 4px;
+	margin-right: 20px;
+	margin-left: 0px;
+    -moz-border-radius: 2px 2px 2px 2px;
+    -webkit-border-radius: 2px 2px 2px 2px;	
+	border-radius: 2px 2px 2px 2px;
+    filter:alpha(opacity=80); 
+    -moz-opacity: 0.8; 
+    opacity: 0.8; 
+}
+
+.formbutton:hover {
+	color: #ffffff;
+	background-color: #005500;
+    filter:alpha(opacity=100); 
+    -moz-opacity: 1; 
+    opacity: 1; }
+	
+.formbutton:active {
+	color: #ffff00;
+	background-color: #003300;
+    filter:alpha(opacity=100); 
+    -moz-opacity: 1; 
+    opacity: 1; }
+
+.formfield {
+	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
+	font-size: 8pt;
+	background-color: #004400;
+	border: 1px solid #44dd44;
+	margin: 30px 0px 4px 2px;
+	color: #EAFFEA;
+	font-weight: bold;
+    -moz-border-radius: 2px 2px 2px 2px;
+    -webkit-border-radius: 2px 2px 2px 2px;	
+    border-radius: 2px 2px 2px 2px;
+/*	line-height: 8px; */
+    filter:alpha(opacity=70); 
+    -moz-opacity: 0.7; 
+    opacity: 0.7; 
+}
+
+.formfield:hover {
+	background-color: #003300;
+    filter:alpha(opacity=100); 
+    -moz-opacity: 1; 
+    opacity: 1; }
+
+.search {
+	background-color: #005500;
+	padding: 5px;
+	border: 1px solid #001100;
+	height: 100%;
+	width: 200px;
+	text-align: right;
+
+}
+
+div.bg {
+	background-image: url(/images/watermark.jpg);
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-attachment: fixed;
+}
+
+div.bgsmall {
+	background-image: url(/images/watermark_sm.jpg);
+	background-repeat: no-repeat;
+	background-position: center center;
+}
+
+div.bgsmaller {
+	background-image: url(/images/watermark_smaller.jpg);
+	background-repeat: no-repeat;
+	background-position: bottom center;
+}
+
+table.download {
+padding: 5px 5px;
+border: 1px solid white;
+background-color: black;
+vertical-align: middle;
+font-size: 9pt;
+color: #fff;
+}
+
+tr.download {
+background-color: #004400;
+color: white;
+border: 1px solid #004400;
+}
+
+th {
+padding: 5px 10px;
+}
+
+th.unstable {
+background-color: #440000;
+color: white;
+}
+
+th.stable {
+background-color: #000044;
+color: white;
+}
+
+th.download {
+vertical-align: middle;
+}
+
+th.help {
+background-color: #dddd66;
+}
+
+td.distro {
+padding: 5px 10px;
+color: black;
+background-color: white;
+border: 1px solid #ddffdd;
+border-right: 1px solid #fff;
+vertical-align: middle;
+}
+
+td.note {
+padding: 2px;
+background-color: #fff;
+vertical-align: middle;
+padding: 10px 10px;
+font-size: 9pt;
+font-style: italic;
+}
+
+td.download {
+padding: 5px;
+background-color: #d0d0ff;
+vertical-align: middle;
+padding: 10px 10px;
+font-size: 9pt;
+}
+
+td.stable {
+padding: 5px;
+background-color: #ddddff;
+color: black;
+vertical-align: middle;
+font-size: 7pt;
+}
+
+td.unstable {
+padding: 5px;
+background-color: #ffdddd;
+color: black;
+vertical-align: middle;
+font-size: 7pt;
+}
+
+td.terminal {
+padding: 5px 10px;
+color: black;
+background-color: white;
+border: 1px solid #ddffdd;
+vertical-align: middle;
+}
+
+td.distro {
+padding: 5px;
+background-color: #ddffdd;
+color: black;
+vertical-align: middle;
+}
+
+td.help {
+padding: 5px;
+background-color: #ffffdd;
+color: black;
+vertical-align: middle;
+}
+
+.underline {
+	 border-bottom: 1px solid #99ff99;
+	 padding: 5px 0px 5px 0px;
+	 margin: 10px 0px 20px 0px;
+}
+
+kbd {
+font-family: "Lucida Console", "Andale Mono", "Courier New", Courier, mono;
+}
\ No newline at end of file

Added: website/branches/zed/zedstylesheet-ltr.css
===================================================================
--- website/branches/zed/zedstylesheet-ltr.css	                        (rev 0)
+++ website/branches/zed/zedstylesheet-ltr.css	2009-06-10 16:38:12 UTC (rev 19698)
@@ -0,0 +1,1209 @@
+body {
+	background-color: #002200;
+	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, verdana, "Bitstream Vera Sans", arial, helvetica, sans-serif;
+	font-size: 9pt;
+	font-style: normal;
+	color: #000000;
+	text-align: justify;
+	margin: 0px;
+	padding: 0px;
+}
+
+/* images */
+
+img {
+	border: 0;
+	z-index: 0;
+}
+
+
+li {
+	text-align: justify;
+	list-style-type: square;
+	margin: 0px;
+	padding-top: 2px;
+	padding-right: 5px;
+	padding-bottom: 4px;
+	padding-left: 5px;
+}
+
+/* this centers the page */
+
+.center {
+    text-align: center;
+    background-color: white;
+    margin: 0px auto 0 auto;
+    width: 85%;
+}
+
+.center table {
+    margin-left: auto;
+    margin-right: auto;
+    text-align: left;
+}
+
+/* for the shadow box */
+
+table.shadowbox {
+    width: 788px;
+    border-collapse: collapse;
+    padding: 0;
+    margin-bottom: 2em;
+}
+
+table.shadowbox td {
+    margin: 0;
+    padding: 0;
+}
+
+/* spacer */
+
+td.spacer {
+    width: 110px;
+}
+
+div.banner {
+	text-align: left;
+	margin: 0px;
+}
+/*new header and stuff obviates need for this stuff - cull in progress. zed*/
+/*
+table.table-banner {
+    margin: 0 auto 0 auto;
+    background-image: url("/images/tor_mast.gif");
+    background-repeat: no-repeat;
+}
+*/
+div.bottom {
+	font-size: 7pt;
+	text-align: center;
+	margin: 1px 0px 0px;
+	border-top-width: 1px;
+	border-top-style: solid;
+	border-top-color: #22bb22;
+	background-color: #003300;
+	padding: 5px 10px;
+	color: #00CC00;
+	background-image: url(/images/darkgreenbg.png);
+	background-repeat: repeat;
+	background-position: left center;
+}
+
+div.bottom a:link {
+	color: #44ff44;
+	text-decoration: none;
+}
+
+div.bottom a:hover {
+	color: #ffdd00;
+}
+
+div.bottom a:active {
+	color: #ff9922;
+}
+
+div.legal {
+	font-size: 7pt;
+	text-align: center;
+	margin: 0px;
+	border-top-width: 1px;
+	border-top-style: solid;
+	border-top-color: #008800;
+	background-color: #002200;
+	padding: 5px 20px;
+	color: #00CC00;
+}
+
+div.legal a:link {
+	color: #44ff44;
+	text-decoration: none;
+}
+
+div.legal a:hover {
+	color: #ffdd00;
+}
+
+div.legal a:active {
+	color: #ff9922;
+}
+
+div.footnav {
+	font-size: 8pt;
+	text-align: center;
+	margin: 0px;
+	border-top-width: 1px;
+	border-top-style: solid;
+	border-top-color: #009900;
+	background-color: #001100;
+	padding: 12px 20px;
+	color: #ffffff;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: #009900;
+	min-width: 580px;
+	width: auto;
+}
+
+div.footnav a:link {
+	color: #44ff44;
+	text-decoration: none;
+	padding: 1px 7px 2px;
+	background-color: #002200;
+	margin: 1px;
+	border-top: 1px solid #009900;
+	border-right: 1px solid #009900;
+	border-bottom: 1px solid #009900;
+	border-left: 5px solid #009900;
+    -moz-border-radius: 2px 2px 2px 2px;
+    -webkit-border-radius: 2px 2px 2px 2px;
+    border-radius: 2px 2px 2px 2px;
+/* opera has issues here
+    filter:alpha(opacity=70); 
+    -moz-opacity: 0.7; 
+    opacity: 0.7; */
+}
+
+div.footnav a:hover {
+	color: #ffdd00;
+	padding: 1px 7px 2px;
+	background-color: #009900;
+	filter:alpha(opacity=100);
+	border-top-width: 1px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 5px;
+	border-top-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-top-color: #ccffcc;
+	border-right-color: #ccffcc;
+	border-bottom-color: #ccffcc;
+	border-left-color: #ccffcc;
+    text-shadow: #ffffff 0px 0px 1px;
+    -moz-border-radius: 2px 2px 2px 2px;
+    -webkit-border-radius: 2px 2px 2px 2px;	
+    border-radius: 2px 2px 2px 2px;
+}
+/* partially removed for now - breaks in ie8 - */
+div.footnav a:active {
+	color: #ff9922;
+	background-color: #000000;
+	border-top-width: 1px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 5px;
+	border-top-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-top-color: #ccffcc;
+	border-right-color: #ccffcc;
+	border-bottom-color: #ccffcc;
+	border-left-color: #ccffcc;
+    -moz-border-radius: 2px 2px 2px 2px;
+    -webkit-border-radius: 2px 2px 2px 2px;	
+    border-radius: 2px 2px 2px 2px;
+    /*
+	filter:alpha(opacity=100);
+    -moz-opacity: 1; 
+    opacity: 1;
+	*/
+}
+
+div.footnav a:visited {
+	color: #44ff44;
+	text-decoration: none;
+	padding: 1px 7px 2px;
+	background-color: #002200;
+	margin: 1px;
+	border-top: 1px solid #009900;
+	border-right: 1px solid #009900;
+	border-bottom: 1px solid #009900;
+	border-left: 5px solid #009900;
+    -moz-border-radius: 2px 2px 2px 2px;
+    -webkit-border-radius: 2px 2px 2px 2px;	
+    border-radius: 2px 2px 2px 2px;
+}
+
+div.footnav a:visited:hover {
+	color: #ffdd00;
+	background-color: #009900;
+	padding: 1px 7px 2px;
+	border-top-width: 1px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 5px;
+	border-top-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-top-color: #ccffcc;
+	border-right-color: #ccffcc;
+	border-bottom-color: #ccffcc;
+	border-left-color: #ccffcc;
+    -moz-border-radius: 2px 2px 2px 2px;
+    -webkit-border-radius: 2px 2px 2px 2px;	
+    border-radius: 2px 2px 2px 2px;
+}
+
+}
+div.footnav a:visited:active {
+	color: #ff9922;
+	background-color: #000000;
+	padding: 1px 7px 2px;
+	border-top-width: 1px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 5px;
+	border-top-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-top-color: #ccffcc;
+	border-right-color: #ccffcc;
+	border-bottom-color: #ccffcc;
+	border-left-color: #ccffcc;
+}
+
+div.sitemap {
+	margin-right: 30px;
+	margin-left: 30px;
+/* let's attempt some multi-column CSS */
+    column-count: 3;
+    width: 100%;
+    column-gutter: 15px;
+    column-rule: solid black thin;
+}
+
+/* the sidebars */
+
+div.sidebar {
+	float: right;
+	margin: 5px 0 10px 30px;
+	width: auto;
+	text-align: left;
+	font-weight: bold;
+	border: 1px solid #002200;
+	padding: 10px 15px;
+	font-size: 9pt;
+	background-color: #eeffee;
+	background-repeat: repeat-y;
+	background-position: right center;
+/*	background-image: url(/images/sidebarbg.jpg);*/
+/*	background-image: url(/images/sidebarbg.png);*/
+    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 32, 0, 0.3);
+    -moz-border-radius: 3px 3px 3px 3px;
+    -webkit-border-radius: 3px 3px 3px 3px;	
+    border-radius: 3px 3px 3px 3px;
+}
+
+div.sidebar a:link{
+	text-decoration: none;
+}
+
+div.sidebar-left {
+	float: right;
+	margin: 0px 0 15px 30px;
+	padding: 10px 15px;
+	width: auto;
+	text-align: justify;
+  font-weight: bold;
+	font-size: 9pt;
+	list-style-type: square;
+	border: 1px solid #002200;
+	background-color: #eeffee;
+	background-repeat: repeat-y;
+	background-position: right center;
+	/*background-image: url(/images/sidebarbg.jpg);*/
+    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 32, 0, 0.3);
+    -moz-border-radius: 3px 3px 3px 3px;
+    -webkit-border-radius: 3px 3px 3px 3px;	
+    border-radius: 3px 3px 3px 3px;
+/*	max-width: 200px; */
+}
+
+div.sidebar-left a:link {
+	text-decoration: none;
+	font-size: 8pt;
+	white-space: nowrap;
+
+}
+/* The main column (left text) */
+
+div.main-column {
+	padding: 15px 4% 20px;
+	text-indent: 0pt;
+	font-size: 10pt;
+	direction: ltr;
+	text-align: left;
+/*	margin: 3px; */
+	background-color: #FFFFFF;
+	border: 1px solid #ffffff;
+	height: 100%;
+	horizonatal-align: center;
+	vertical-align: middle;
+/*    -moz-border-radius: 3px 3px 3px 3px;
+    -webkit-border-radius: 3px 3px 3px 3px;
+	border-radius: 3px 3px 3px 3px; */
+/*    -moz-box-shadow: 0 0 2px 1px #001100;*/
+}
+
+/* formatting styles */
+
+h1 {
+    font-size: 12pt;
+    margin-bottom: 10px;
+    margin-top: 4px;
+}
+
+h2 {
+	font-size: 12pt;
+	font-weight: bold;
+	background-repeat: repeat-y;
+	padding: 10px;
+	line-height: 105%;
+	letter-spacing: 0.2em;
+	text-transform: uppercase;
+	margin: 15px 0px 20px;
+	text-shadow: 0px 1px 1px rgba(0, 22, 0, 0.8);
+	background-color: #eeffee;
+	border: 1px solid #002200;
+/*	background-image: url(/images/titlebg2.jpg);*/
+	background-position: right center;
+    -moz-border-radius: 3px 3px 3px 3px;
+    -webkit-border-radius: 3px 3px 3px 3px;	
+	border-radius: 3px 3px 3px 3px;
+    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 32, 0, 0.3);
+}
+
+h3 {
+	font-size: 11pt;
+	font-weight: bold;
+	margin: 10px 0px 15px;
+	text-align: justify;
+	padding: 5px 10px;
+	border: 1px solid #002200;
+	background-color: #eeffee;
+	background-repeat: repeat-y;
+	background-position: right center;
+/*	background-image: url(/images/titlebg2.jpg); */
+    -moz-border-radius: 3px 3px 3px 3px;
+    -webkit-border-radius: 3px 3px 3px 3px;	
+	border-radius: 3px 3px 3px 3px;
+    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 32, 0, 0.3);
+	text-shadow: 0px 1px 1px rgba(0, 64, 0, 0.3);
+}
+
+h4 {
+	font-size: 10pt;
+	margin-bottom: 5px;
+	font-weight: bold;
+	margin-top: 0px;
+	margin-bottom: 6px;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: #002200;
+	padding-bottom: 5px;
+	text-shadow: 0px 1px 1px rgba(0, 22, 0, 0.5);
+}
+
+h5 {
+    font-size: 9pt;
+    margin-bottom: 6px;
+    font-weight: bold;
+    margin-top: 4px;
+	margin-bottom: 6px;
+}
+
+p {
+	text-align: justify;
+	padding-bottom: 10px;
+	margin: 0px;
+	line-height: 140%;
+}
+
+a:link {
+    color: #005500;
+    font-size: 1em;
+}
+
+a:visited {
+	color: #005500;
+	font-size: 1em;
+	text-decoration: none;
+}
+
+a.anchor:link {
+	color: black;
+	font-weight: bold;
+	text-decoration: none;
+	margin-top: 4px;
+	margin-bottom: 8px;
+}
+
+a.anchor:visited {
+    color: black;
+    font-weight: bold;
+    text-decoration: none;
+    margin-top: 4px;
+	margin-bottom: 8px;
+}
+
+a.anchor {
+	color: black;
+	font-weight: bold;
+	text-decoration: underline;
+    margin-top: 4px;
+	margin-bottom: 8px;
+}
+
+td {
+    vertical-align: top;
+}
+
+a.smalllink {
+    font-size: 7pt;
+}
+
+/* the banner */
+
+table.banner {
+	vertical-align: middle;
+	padding-top: 10px;
+	padding-right: 0px;
+	padding-bottom: 9px;
+	padding-left: 0px;
+	background-color: #005500;
+	width: 100%;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: #229922;
+	background-repeat: no-repeat;
+	clear: both;
+	border-top-width: 1px;
+	border-top-style: solid;
+	border-top-color: #229922;
+	background-image: url(/images/navbarbg.png);
+	background-position: left center;
+
+}
+
+td.banner-left {
+	/* This is done with an <img> in the HTML so it can be clickable
+    background-image: url("/images/top-left.png");
+    background-repeat: no-repeat; */
+    width: 193px;
+}
+
+td.banner-middle {
+	vertical-align: middle;
+	text-align: center;
+	min-width: 580px;
+	padding-right: 10px;
+	padding-left: 10px;
+	margin-left: 10px;
+}
+
+td.banner-middle a, td.banner-middle a:visited {
+	margin-right: 6px; /* sets the gap between nav buttons*/
+	color: white;
+	font-weight: bold;
+	font-size: 10pt;
+	vertical-align: middle;
+}
+
+td.banner-middle a:hover {
+    color: #FF7F00;
+    font-weight: bold;
+    font-size: 10pt;
+}
+
+td.banner-right {
+    background-repeat: no-repeat;
+    width: 16px;
+    background-position: right;
+    padding-top: 8px;
+	min-width: 16px;
+}
+
+.banner-middle a.current {
+	text-decoration: none;
+	color: #FF7F00;
+	font-weight: bold;
+	font-size: 10pt;
+	width: auto;
+	left: -50px;
+	vertical-align: middle;
+}
+
+/*
+.donatebutton {
+	width: 111px;
+	text-align: center;
+	height: 32px;
+	clear: both;
+	margin: 0px;
+
+
+}
+
+.donatebutton a {
+	margin: 8px 0px 0px;
+	font-weight: bold;
+	display: block;
+	padding: 8px 10px 10px;
+	color: #BBFFBB;
+	text-align: right;
+	background-image: url(/images/donate-rollover.png);
+	background-repeat: no-repeat;
+	background-position: 0px 0px;
+	font-size: 8pt;
+	text-decoration: none;
+	height: 14px;
+    text-shadow: #002200 0.1em 0.1em 0.2em;
+}
+
+.donatebutton a:hover {
+	color: white;
+	background-image: url(/images/donate-rollover.png);
+	background-repeat: no-repeat;
+	background-position: 0px -32px;
+}
+
+.donatebutton a:active {
+  color: #FFFF00;
+	background-image: url(/images/donate-rollover.png);
+	background-repeat: no-repeat;
+	background-position: 0px -64px;
+    text-shadow: #ff2200 0em 0em 2px;
+}
+
+.downloadbutton {
+	width: 111px;
+	text-align: center;
+	height: 32px;
+	clear: both;
+	margin: 10px 0px 0px 0px;
+	border-top-width: 1px;
+	border-top-style: solid;
+	border-top-color: 002200;
+	padding: 5px 0px 10px 0px;
+	text-shadow: #884422 0.1em 0.1em 0.2em;
+}
+
+.downloadbutton a {
+	margin: 2px 0px 10px 0px;
+	font-weight: bold;
+	padding: 8px 10px 10px;
+	color: #FFCC66;
+	display: block;
+	text-align: right;
+	background-image: url(/images/download-rollover.png);
+	background-repeat: no-repeat;
+	background-position: 0px 0px;
+	font-size: 8pt;
+	text-decoration: none;
+	height: 14px;
+}
+
+.downloadbutton a:hover {
+	color: white;
+	background-image: url(/images/download-rollover.png);
+	background-repeat: no-repeat;
+	background-position: 0px -32px;
+    text-shadow: #ff8800 0em 0em 2px;
+}
+
+.downloadbutton a:active {
+	color: #AA4400;
+	background-image: url(/images/download-rollover.png);
+	background-repeat: no-repeat;
+	background-position: 0px -64px;
+    text-shadow: #994400 0em 0em 2px;
+}
+
+*/
+
+.donatebutton {
+	width: 100%;
+	text-align: center;
+	height: 32px;
+	clear: both;
+	margin: 0px 0px 5px 0px;
+	padding: 5px;
+}
+
+.donatebutton a {
+	margin: 8px 8px 0px 0px;
+	font-weight: bold;
+	display: block;
+	padding: 8px 5px 8px 5px;
+	color: #BBFFBB;
+	text-align: center;
+	font-size: 8pt;
+	text-decoration: none;
+	height: 14px;
+  text-shadow: #002200 0.1em 0.1em 0.2em;
+	background-color: green;
+	border: 1px solid #002200;
+  -moz-border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px 3px 3px 3px;
+	border-radius: 3px 3px 3px 3px;
+}
+
+.donatebutton a:hover {
+	color: white;
+  border: outset 2px;
+}
+
+.donatebutton a:active {
+  color: #FFFF00;
+  text-shadow: #ff2200 0em 0em 2px;
+  border: inset 2px;
+}
+
+.downloadbutton {
+	width: 100%;
+	text-align: center;
+	height: 32px;
+	clear: both;
+	padding: 5px;
+	text-shadow: #884422 0.1em 0.1em 0.2em;
+	margin: 0px;
+}
+
+.downloadbutton a {
+	margin: 8px 8px 0px 0px;
+	font-weight: bold;
+	padding: 8px 5px 8px 5px;
+	color: #FFCC66;
+	display: block;
+	text-align: center;
+	font-size: 8pt;
+	text-decoration: none;
+	height: 14px;
+	background-color: #ff6600;
+	border: 1px solid #002200;
+  -moz-border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px 3px 3px 3px;
+	border-radius: 3px 3px 3px 3px;
+}
+
+.downloadbutton a:hover {
+	color: white;
+  text-shadow: #ff8800 0em 0em 2px;
+  border: outset 2px;
+}
+
+.downloadbutton a:active {
+	color: #AA4400;
+  text-shadow: #994400 0em 0em 2px;
+  border: inset 2px;
+}
+
+/* these styles are for the menu on the gui contest pages */
+
+.guileft {
+	 width: 25%;
+	 float: left;
+	 padding: 0;
+	 margin: 0;
+}
+
+.guimenu {
+	 border: 1px solid #AAA6AB;
+	 background-color: #E2DFE3;
+	 margin: 0 15px 15px 0;
+	 padding: 0;
+}
+
+.guimenuinner a {
+	      display: block;
+	      text-decoration: none;
+	      padding: 2px 0px 0px 12px;
+	      margin: 0 0 0 0px;
+	      color: #333333;
+}
+
+.guimenuinner a:visited {
+	      color: #333333;
+}
+
+.guimenuinner a:hover {
+	      background-image: url(gui/img/arrow.png);
+	      background-repeat: no-repeat;
+	      background-position: left;
+	      color: #EF8012;
+}
+
+.guimenuinner a.on {
+	      background-image: url(gui/img/arrow.png);
+	      background-repeat: no-repeat;
+	      background-position: left;
+	      color: #EF8012;
+}
+
+
+.guimenu h1 {
+         width: 85%;
+	 font-size: 16px;
+	 margin: 0 0 8px 0;
+	 padding: 0;
+	 border-bottom: 1px solid #AAA6AB;
+}
+
+.curveleft {
+	   background-image: url(gui/img/corner-topleft.png);
+	   background-repeat: no-repeat;
+	   background-position: top left;
+	   margin: -1px;
+}
+
+.curveright {
+	    background-image: url(gui/img/corner-topright.png);
+	    background-repeat: no-repeat;
+	    background-position: top right;
+}
+
+.guimenuinner {
+
+	      padding: 0 10px 0 10px;
+}
+
+
+.curvebottomleft {
+		 background-image: url(gui/img/corner-bottomleft.png);
+		 background-repeat: no-repeat;
+		 background-position: bottom left;
+		 margin: -1px;
+}
+
+.curvebottomright {
+		  background-image: url(gui/img/corner-bottomright.png);
+		  background-repeat: no-repeat;
+		  background-position: bottom right;
+}
+
+
+table.mirrors {
+	margin: 0 auto;
+	border-width: 3px;
+	border-color: gray;
+	border-style: ridge;
+	border-collapse: collapse;
+}
+table.mirrors th {
+	border: 1px solid gray;
+	background-color: #DDDDDD;
+}
+table.mirrors td {
+	border: 1px solid gray;
+	padding: 4px;
+}
+
+acronym {
+  border-bottom: none;
+}
+
+dt {
+	font-weight: bold;
+	margin-right: 0px;
+	margin-left: 20px;
+	margin-top: 0px;
+	margin-bottom: 10px;
+	padding-bottom: 5px;
+	font-family: "Lucida Console", "Andale Mono", "Courier New", Courier, mono;
+	font-size: 10pt;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: #004400;
+}
+hr {
+	height: 1px;
+	color: #666666;
+	background-color: #002200;
+	line-height: 0px;
+	font-size: 1px;
+	margin: 15px 0px 5px;
+}
+
+.inviz {
+	font-size: 1px;
+}
+/* autoflow for images */
+.imagefloat {
+	float: right;
+	font-size: 8pt;
+	margin: 0px;
+	padding-top: 5px;
+	padding-right: 0px;
+	padding-bottom: 15px;
+	padding-left: 20px;
+	background-color: #FFFFFF; 
+}
+
+ol {
+	margin-right: -18px;
+	margin-left: -18px;
+}
+.navlogo {
+	vertical-align: bottom;
+	padding-top: 0px;
+	padding-right: 10px;
+	padding-bottom: 0px;
+	padding-left: 0px;
+	margin-top: 0px;
+	margin-bottom: 0px;
+	margin-left: 10px;
+
+}
+
+a:hover {
+	color: #ff6600;
+    text-shadow: #ff6600 0px 0px 1px;
+}
+a:active {
+	color: #FF6600;
+    text-shadow: #FF6600 0px 0px 1px;
+}
+.topbanner {
+/*	background-color: #004400; */
+	background-color: #030;
+	font-size: 7pt;
+	color: #2E8A28;
+	padding: 5px;
+	width: 100%;
+	vertical-align: middle;
+	border-top-width: 1px;
+	border-bottom-width: 1px;
+	border-top-style: solid;
+	border-bottom-style: solid;
+	border-top-color: #007700;
+	border-bottom-color: #002200;
+	text-align: left;
+/*	background-image: url(/images/topheader.png); */
+	background-repeat: no-repeat;
+	background-position: left center;
+
+}
+
+a.fade img {
+filter:alpha(opacity=80); 
+-moz-opacity: 0.8; 
+opacity: 0.8;}
+
+a.fade:hover img {
+filter:alpha(opacity=100);   
+-moz-opacity: 1.0;   
+opacity: 1.0;
+}
+
+dd {
+	text-align: justify;
+	padding-right: 20px;
+	padding-bottom: 15px;
+}
+
+dl {
+	margin: 10px 20px 15px;
+	padding: 15px 30px 5px 5px;
+	border: 1px solid #004400;
+	color: #000000;
+    -moz-border-radius: 3px 3px 3px 3px;
+    -webkit-border-radius: 3px 3px 3px 3px;
+	border-radius: 3px 3px 3px 3px;
+}
+
+
+.blurb {
+	font-size: 7pt;
+	text-transform: lowercase;
+	padding: 15px 20px;
+	border: 2px solid #001100;
+	margin-top: 10px;
+	margin-right: 0px;
+	margin-bottom: 10px;
+	margin-left: 0px;
+	color: #FFFFFF;
+	background-color: #225522;
+	font-weight: bold;
+    -moz-border-radius: 5px 5px 5px 5px;
+    -webkit-border-radius: 5px 5px 5px 5px;	
+	border-radius: 5px 5px 5px 5px;
+/*    -moz-box-shadow: 0px 0px 2px 1px rgba(255, 255, 0, 0.8); */
+}
+
+.warning {
+	font-size: 8pt;
+	padding: 15px 20px 15px 67px;
+	border: 2px solid #ff0000;
+	margin-top: 10px;
+	margin-right: 0px;
+	margin-bottom: 10px;
+	margin-left: 0px;
+	color: #000;
+	background-color: #fff;
+	font-weight: bold;
+    -moz-border-radius: 5px 5px 5px 5px;
+    -webkit-border-radius: 5px 5px 5px 5px;	
+	border-radius: 5px 5px 5px 5px;
+/*    -moz-box-shadow: 0px 0px 2px 1px rgba(255, 255, 0, 0.8); */
+	text-align: justify;
+	background-image: url(images/distros/warning.png);
+	background-repeat: no-repeat;
+	background-position: 15px center;
+}
+
+.nb {
+	font-size: 8pt;
+	padding: 15px 20px;
+	border: 1px solid #000;
+	margin-top: 10px;
+	margin-right: 0px;
+	margin-bottom: 10px;
+	margin-left: 0px;
+	color: black;
+	background-color: #eeeeff;
+	font-weight: bold;
+    -moz-border-radius: 5px 5px 5px 5px;
+    -webkit-border-radius: 5px 5px 5px 5px;	
+	border-radius: 5px 5px 5px 5px;
+	text-align: justify;
+	}
+	
+.warning a:link{
+color: #ff6600;
+}
+
+.page {
+	margin: 0px;
+	padding: 0px;
+	height: 100%;
+	width: 100%;
+	border-top: 1px solid #002200;
+}
+
+.smallboldtxt {
+	font-size: 7pt;
+	text-transform: none;
+	padding: 0px 0px 2px;
+	color: #22ff22;
+	font-weight: bold;
+	margin: 0px 25px 0px 0px;
+	line-height: 8px;
+    filter:alpha(opacity=50); 
+    -moz-opacity: 0.5; 
+    opacity: 0.5; 
+}
+
+.smallboldtxt a {
+	font-size: 7pt;
+	text-transform: none;
+	padding: 0px 0px 2px;
+	color: #99ff99; 
+	font-weight: bold;
+	margin: 0px;
+	line-height: 8px;
+	text-decoration: none;
+}
+
+.smallboldtxt a:hover{
+	  color: white; 
+    text-shadow: white 0px 0px 1px;
+}
+
+.smallboldtxt a:visited{
+	color: #00ff00;
+}
+
+.formbutton {
+	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
+	font-size: 8pt;
+	background-color: #006600;
+	border: 1px solid #44dd44;
+	color: #44dd44;
+	margin-top: 30px;
+	margin-bottom: 4px;
+	margin-right: 20px;
+	margin-left: 0px;
+    -moz-border-radius: 2px 2px 2px 2px;
+    -webkit-border-radius: 2px 2px 2px 2px;	
+	border-radius: 2px 2px 2px 2px;
+    filter:alpha(opacity=80); 
+    -moz-opacity: 0.8; 
+    opacity: 0.8; 
+}
+
+.formbutton:hover {
+	color: #ffffff;
+	background-color: #005500;
+    filter:alpha(opacity=100); 
+    -moz-opacity: 1; 
+    opacity: 1; }
+	
+.formbutton:active {
+	color: #ffff00;
+	background-color: #003300;
+    filter:alpha(opacity=100); 
+    -moz-opacity: 1; 
+    opacity: 1; }
+
+.formfield {
+	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
+	font-size: 8pt;
+	background-color: #004400;
+	border: 1px solid #44dd44;
+	margin: 30px 0px 4px 2px;
+	color: #FFFFFF;
+	font-weight: bold;
+    -moz-border-radius: 2px 2px 2px 2px;
+    -webkit-border-radius: 2px 2px 2px 2px;	
+    border-radius: 2px 2px 2px 2px;
+/*	line-height: 8px; */
+    filter:alpha(opacity=70); 
+    -moz-opacity: 0.7; 
+    opacity: 0.7; 
+}
+
+.formfield:hover {
+	background-color: #003300;
+    filter:alpha(opacity=100); 
+    -moz-opacity: 1; 
+    opacity: 1; }
+
+.search {
+	background-color: #005500;
+	padding: 5px;
+	border: 1px solid #001100;
+	height: 100%;
+	width: 200px;
+	text-align: right;
+
+}
+
+div.bg {
+	background-image: url(/images/watermark.jpg);
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-attachment: fixed;
+}
+
+div.bgsmall {
+	background-image: url(/images/watermark_sm.jpg);
+	background-repeat: no-repeat;
+	background-position: center center;
+}
+
+div.bgsmaller {
+	background-image: url(/images/watermark_smaller.jpg);
+	background-repeat: no-repeat;
+	background-position: bottom center;
+}
+
+table.download {
+padding: 1px 1px;
+border: 1px solid black;
+background-color: #fff;
+vertical-align: middle;
+font-size: 9pt;
+}
+
+tr.download {
+background-color: #004400;
+color: white;
+border: 1px solid #004400;
+}
+
+th {
+padding: 5px 10px;
+}
+
+th.unstable {
+background-color: #440000;
+color: white;
+}
+
+th.stable {
+background-color: #000044;
+color: white;
+}
+
+th.download {
+vertical-align: middle;
+}
+
+th.help {
+background-color: #dddd66;
+color: black;
+}
+
+td.note {
+padding: 2px;
+background-color: #fff;
+vertical-align: middle;
+padding: 10px 10px;
+font-size: 9pt;
+font-style: italic;
+border: 1px solid #ddddff;
+}
+
+td.download {
+padding: 5px;
+background-color: #d0d0ff;
+vertical-align: middle;
+padding: 10px 10px;
+font-size: 9pt;
+}
+
+td.stable {
+padding: 5px;
+background-color: #ddddff;
+color: black;
+vertical-align: middle;
+font-size: 7pt;
+}
+
+td.unstable {
+padding: 5px;
+background-color: #ffdddd;
+color: black;
+vertical-align: middle;
+font-size: 7pt;
+}
+
+td.terminal {
+padding: 5px 10px;
+color: black;
+background-color: white;
+border-bottom: 1px solid #ddddff; 
+border-top: 1px solid #ddddff; 
+vertical-align: middle;
+}
+
+td.distro {
+padding: 10px;
+color: black;
+background-color: #ddffdd;
+border: 1px solid #ddffdd;
+vertical-align: middle;
+}
+
+
+
+td.help {
+padding: 5px 10px;
+background-color: #ffffcc;
+color: black;
+vertical-align: middle;
+}
+
+.underline {
+	 border-bottom: 1px solid #002;
+	 padding: 5px 0px 5px 0px;
+	 margin: 10px 0px 20px 0px;
+}
+
+kbd {
+font-family: "Lucida Console", "Andale Mono", "Courier New", Courier, mono;
+}
\ No newline at end of file