<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>${title}</title>
    <link rel="SHORTCUT ICON" href="./favicon.ico" />
	<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,700' rel='stylesheet' type='text/css' />
	<link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css' />
	<link href='http://fonts.googleapis.com/css?family=Gudea' rel='stylesheet' type='text/css'/>
	<link rel="stylesheet" type="text/css" href="./martiansoftware.css" />
  </head>
  <body style="background-color: #33275b">
    <center>
      <div id="content">
		  <br/>
		  <a href="."><img style="display: block; margin-left: auto; margin-right: auto;" src="./greenlogo.png" alt="Martian Software, Inc. logo" /></a>
		  <br/>
		  <hr/>
      <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
	  <td colspan="2">

/*
	blue = #33275b
	green = #80c254
	red = #cc0000
*/

body {
	background-color: #33275b;
	margin-top: 0;
	text-align: center;
}

.box p {
	font-family: 'Gudea', sans-serif;
	font-size: 1em;
}

.box {
	width: 160px;
	height: 160px;
	float:left;
	margin-left: 1em;
	margin-bottom: 1em;
	padding: 1em;
//	border:1px solid #80c254;
	position: relative;
	border-radius: 10px;
	background-color: #eeeeee;
}

.boxheader {
	font-family: Ubuntu,arial,helvetica,sans-serif;
//	font-family: "PT Serif","Georgia","Helvetica Neue",Arial,sans-serif;
	font-size: 1.5em;
	font-weight: bold;
}

.boxheader a {
	text-decoration: none;
}

.boxlink {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;	
	z-index: 1;
}

.box:hover {
	background-color: #80c254;
}

#content {
	background-color: #ffffff; 
	max-width:860px;
	text-align: left;
}

hr {
	border: 0;
	color: #80c254;
	background-color: #80c254;
	height: 2px;
	width: 100%;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
}
//.menu {
//	font-family: 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif; 
//	font-size: 10pt;
//}

//.curmenu {
//	color: #cc0000;
//	font-weight: bold;
//}

#topmenu {
	height: 68px;
	vertical-align: bottom;
	text-align: right;
}

td {
	padding-left: 5px;
	padding-right: 5px;
}

#submenu {
	vertical-align: bottom;
	text-align: right;
}

#submenu a {
	color: #cc0000;
}

.text {
	margin-left: 1em;
	margin-right: 1em;
}


p {
	font-family: "PT Serif","Georgia",serif;
}

li {
	font-family: "PT Serif","Georgia",serif;
}

.backlink {
	color: #cc0000;
	
}
a {
	color: #33275b;
}

a:link img, a:visited img {
	border-style: none
}

.date {
	font-family: "PT Serif","Georgia",serif;
	font-size: 0.75em;
	float: right;
}

.centerdate {
	font-family: "PT Serif","Georgia",serif;
	text-align: center;
//	font-weight: bold;
	color: #33275b;
}

div.menu {
	text-align: center;
	margin: auto;
}

a.menu, a:visited.menu {
	font-family: "PT Serif","Georgia",serif;
	text-align: center;
	color: #33275b;
	font-weight: bold;
	text-decoration: none;
}

a.gmenu, a:visited.gmenu {
	font-family: "PT Serif","Georgia",serif;
	text-align: center;
	color: #80c254;
	font-weight: bold;
	text-decoration: none;
}

.backlink, .backlink a, .backlink a:visited {
	font-family: "PT Serif","Georgia",serif;
	text-align: center;
	color: #cc0000;
}

.buttons {
	position: absolute;
}

.dlbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background-color:#80c254;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #80c254;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}
.dlbutton:hover {
	background-color:#80c254;
}
.dlbutton:active {
	position:relative;
	top:1px;
}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #a697db;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a697db;
	box-shadow:inset 0px 1px 0px 0px #a697db;
	background-color:#33275b;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #33275b;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}
.button:hover {
	background-color:#33275b;
}
.button:active {
	position:relative;
	top:1px;
}

h1 {
	font-family: "PT Serif","Georgia",serif;
	font-size: 2.2em;
	font-weight: normal; 
	color: #33275b;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: center;
}

h1 a {
	text-decoration: none;
}

h2 a {
	text-decoration: none;
}

h2 {
	font-family: "PT Serif","Georgia",serif;
	font-weight: normal; 
	font-size: 125%;
	color: #33275b;
	margin-bottom: 0em;
}

h3 {
	font-family: "PT Serif","Georgia",serif;
	font-weight: normal; 
	color: #33275b;
	margin-bottom: 0em;
}

div.tagline {
	font-family: arial,helvetica,sans-serif;
	font-weight: normal; 
	font-size: 80%;
	color: #33275b;
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 1em;
}

.newsimg-even {
	float: right;
}

.newsimg-odd {
	float: left;
	margin-right: 1em;
}

.newslink, .newslink a:link, .newslink a:visited {
	color: #cc0000;
	font-family: arial,helvetica,sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
}

.right {
	text-align: right;
}

.moreinfo {
	font-family: arial,helvetica,sans-serif;
	text-align: right;
}	

.footer {
	font-family: arial,helvetica,sans-serif;
	background: #cccccc;
	padding: 1em;
	font-size: 80%;
}

div.java {
	font-family: courier, monospace; 
	font-size: 9pt; 
	white-space: pre; 
	padding: 0 1em 0 1em; 
	background: #ffffff;
	border: 1px solid #80c254; 
	margin-bottom: 1em;
}

div.xml {
	font-family: courier, monospace; 
	font-size: 9pt; 
	white-space: pre; 
	padding: 0 1em 0 1em; 
	background: #ffffff;
	border: 1px solid #80c254; 
	margin-bottom: 1em;
}

div.console {
	font-family: courier, monospace; 
	font-size: 9pt; 
	white-space: pre; 
	padding: 0 1em 0 1em; 
	background: #000000;
	color: #ffffff;
	border: 1px solid #80c254; 
	margin-bottom: 1em;
}

.ednote {
	font-family: "PT Serif","Georgia",serif;
	font-style: italic;
	font-size: 80%;
}

	  </td>
        </tr>
        <tr style="background: #cccccc;">
          <td colspan="2">
	    <div class="footer">
	    Copyright &copy; 2003-2012, Martian Software, Inc.<br />
	    All rights reserved.<br/>
	    <br/>
	    email: mlamb at martiansoftware dot com
	    </div>
	  </td>
        </tr>
      </table>
      </div>
    </center>
  </body>
</html>