.myBox0 {
    margin: 0px 10px 16px 10px;
    width: 97%;
    padding: 0px;
    clear:both;
    border: 1px solid #2A257F;
    background-image: url(mod-bg-0.png);
}
.myBox1 {
    margin: 0px 10px 16px 10px;
    width: 97%;
    padding: 0px;
    clear:both;
    border: 1px solid #e4cb00;
    background-image: url(mod-bg-1.png);
}
.myBox2 {
    margin: 0px 10px 16px 10px;
    width: 97%;
    padding: 0px;
    clear:both;
    border: 1px solid #a0a0a0;
    background-image: url(mod-bg-2.png);
}
.myBox3 {
    margin: 0px 10px 16px 10px; /* change to 26 if rounded */
    width: 97%;
    padding: 0px;
    clear:both;
    border: 1px solid #38a81e;
    background-image: url(mod-bg-3.png);
    /*background-repeat: repeat-y;*/
}
.myLogin {
    border: 1px solid #336699;
    background-image: url(loginbox.png);
}
html,body{
    height: 100%;
    font-family: Calibri, Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 11pt;
    margin: 0px;
}
a{
	color: #369;
}
.join {
  color: #369;
  font-size:20pt;
  font-weight:bold;
}
a.join {
  color: #369;
  text-decoration:none;
  border-bottom:dotted 1px #369;
}
a.join:hover {
  border-bottom:solid 1px #369;
}
h1 {
	font-size:18pt;
	margin-bottom:0px;
}
h2 {
	font-size:14pt;
	margin-bottom:0px;
	margin-top:0px;
}
h3 {
	font-size:12pt;
	margin-bottom:0px;
	margin-top:0px;
}
input,select 
{
	font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}