body {
	background-image: url(background.png);
  background-color: #e1ddd9;
  font-size: 12px;
  color:#564b47;
  padding:0px;
  margin:0px;
  text-align: center;
}


#main {
  text-align: left;
  vertical-align: middle;
  margin: 0px auto;
  padding: 0px;
  width: 560px;
  background-color: #ffffff;
  border-left: 1px solid black;
  border-right: 1px solid black;
  padding: 0px;
}

#left {
  border: 0px solid green;
  width:380px;
  float:left;
}

#groups {
margin-top: 120px;
width:170px;
  border-left: 0px solid black;
  float:right;
}

a{color:#888888;text-decoration: none;}
a:link{color: #888888;}
a:visited{color: #888888;}
a:hover{color: #000000;}
a:active{color: #000000;}

#nav a {
	font-family: "Trebuchet MS";
	color: #000000;
	font-size:9pt;
	margin-left:10px;
}

#nav a:link, #nav a:visited {
	padding:0px 0px 0px 11px;
	background:#FFF url(nav_off.gif) center left no-repeat;
	text-decoration: none;
}

#nav a:hover {
	background-image:url(nav_on.gif);
}

#groups a {
display: block;
height:43px;
background-color: #CCCCCC;
margin-bottom: 1px;
font-weight:bolder;
padding:3px;
font-family: Tahoma, Arial;
font-size:8pt;
background:#FFF url(group_off.gif) center left no-repeat;
}

#groups a:hover {
background-color: #FF9600;
background:#FFF url(group_on.gif) center left no-repeat;
}

#content {
  font-family: Arial;
  padding:10px 10px 10px 20px;
  text-align:justify;
}

#foot {
 padding-left:20px;
 font-family: Tahoma, Arial;
 color:#888888;
}
#foot a {
width:380px;
color:#FF9600;
}

.t1 {
color:#FF9600;
font-weight:bolder;
font-size:12pt;
font-family: Tahoma, Arial;
}

.t2  {
font-size:7.5pt;
font-family: Trebuchet MS, Tahoma, Arial;
}

.t3 {
font-size:8pt;
color:#000000;
font-family: Trebuchet MS, Tahoma, Arial;
font-weight:bolder;
}