body {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:12px;
	cursor:default;
	background-image: url(/core/static/images/rmtree1a.png);
	background-repeat: repeat;
	text-align: center;
}
* {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
html {
	height:100%;
	margin-bottom:1px;
}
#container {
	width: 90%;
	margin-right: auto;
	// margin-left: auto;
	text-align: left;
    background-color:transparent;
	border-left				: 1px dotted silver;
	border-right: 1px dotted silver;
}
#header {
	width:100%;
	padding-top:15px;
	text-align: left;
	border-bottom: black;
}
#main {
	margin: 5px 5px 5px 5px;
	padding: 0 15px;
	text-align: left;
}
.spacer {
	width:100%;
	height:15px;
}
h1 {
	font-size:28px;
	background-color:transparent;
	font-weight: bold;
	color: #338800;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
h2 {
	font-size:15px;
	color: #338800;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	background-color:transparent;
}
h3 {
	
	font-size:15px;
	text-align:left;
	font-weight:300;
	padding:5px;
	margin-top:5px;
}

p{ padding: 4px}
#left {
	float:left;
	width:150px;
	background-color:#FFFFFF;
	color:black;
}

a:hover {
	background-color:#FFFFFF;
	text-decoration:underline;
}

#footer {
    float: bottom;
	text-align: center;
	border-top: 1px dotted silver;
	clear:both;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.right {
	color:gray;
	background-color:#FFFFFF;
	float:right;
	font-size:100%;
	margin-top:5px;
}
.left {
	color:gray;
	background-color:#FFFFFF;
	float:left;
	font-size:100%;
	margin-top:5px;
}

.completed {
    color: gray;
    font-size: 8pt;
    font-style: italic;
}

.subtle {
    font-family: arial,sans-serif; 
    font-size: 8pt; 
    font-weight: normal; 
    color: #666666;
}
.dropcap {font-family: arial,sans-serif; font-size: 11pt; font-weight: bold; color: #338800;}
.header {font-family: arial,sans-serif; font-size: 10pt; color: #000000; font-weight: bold;}
.mainnav {font-family: arial,sans-serif; font-size: 8pt; font-weight: bold; color: #333333; text-decoration: none;}

#leftside {
    float: left;
      left: 5px;
      width: 150px;
      padding-top: 10px;
      _padding-top: 24px; /* Only to correct an Internet Explorer bug */
      text-align: right;
      font-family: Verdana;
      font-size: 12px;
}
#leftside li{
    list-style: none;
    margin-top: 0px;
    _margin-top: -14px; /*... Once again. If anyone has a solution without using CSS hacks, please mail me ^^ */
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#leftside ul {
    padding: 0px;
    margin: 0px;
}
#leftside a {
    color: black;
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#leftside a
{
    border-bottom: none;
}
#leftside a:hover, #leftside b a {
    background: #279d27;
    color: white;
}
img {

}