body {
 font-family: Verdana, sans-serif;
 background: #fff;
 color: #000000;
 font-size: small;
 margin: 127px 0px 0px 0px;
 padding: 0px;
}

div#main {
 padding: 5px 5px 15px 5px;
}

div#header{
 position: absolute;
 top:0px;
 left:0px;
 height:127px;
 width:100%;
}

div#topleft{
 float:left;
 height:127px;
 width:195px;
 background: white url(/images/jointlogo?img) no-repeat 25px 10px;
}

div#topright{
 background: #99cc33;
 height:127px;
}

div#topright h1 {
 color: #669900;
 font-size:25pt;
 font-family:serif; 
 font-weight:bold;
 font-style: normal;
 margin: 0px;
 padding-top: 20px;
}

div#sidebarcontainer {
 float: left;
 clear: left;
 height: 100%;
 margin-right: 10px;
}

div#sidebar {
 width: 195px;
 background: #99cc33;
 text-align: center;
 padding-bottom: 2em;
}

h1 {
 font-family:sans-serif; 
 font-size:26px; 
 font-style:italic; 
 font-weight:bold; 
 text-align:center;
}

h2 {
 font-family:serif;
 font-style:italic; 
 color:#000000; 
 font-size:20; 
 font-weight:bold; 
}

a img, a:active img {
 border: 0px;
 text-decoration: none;
}

a.ButtonLink {  
 background-color: #690;
 border-top: #ad4 solid 1px;
 border-right: #470 solid 1px;
 border-bottom: #250 solid 1px;
 border-left: #8b2 solid 1px;
 color: white;
 font-family: Verdana,sans-serif;
 font-size: 11px;
 font-weight: bold;
 letter-spacing: 1px;
 padding: 3px 0px 3px 0px;
 text-decoration: none;
 width: 120px;
 margin: 3px 37px 3px 38px;
 display: block;
}

a.ButtonLink:hover {
   background-color: #9999ff;
}

/* depress effect on click */
a.ButtonLink:active, a.ButtonLink:focus {   
    border-top: #1D3D1C solid 1px;
    border-right: #54BF4F solid 1px;
    border-bottom: #54BF4F solid 1px;
    border-left: #1D3D1C solid 2px;
    letter-spacing: normal;
}