body {
	background: #fff;
	margin: 0;
	padding: 20px 20px;
	font: small Georgia,Serif;
	text-align: justify;
	color: #333;
  font-size: /**/small;
}
a:link {
color:#58a;
text-decoration:none;
}
a:visited {
color:#969;
text-decoration:none;
}
a:hover {
color:#c60;
text-decoration:underline;
}
a img {
border-width:0;
}

#header {
  width:660px;
  margin:0 auto 10px;
  border:1px solid #ccc;
  text-align:center;
  text-transform:uppercase;
  color:#666;
  letter-spacing:.2em;
  }

h1 {
margin:5px 5px 5px;
padding:.3em 20px .25em;
border:1px solid #eee;
border-width:1px 1px 1px;
font-size:200%;
padding:.3em 20px .25em;
line-height:1.2em;
font-weight:normal;
letter-spacing:.2em;
}

#content {
  width:100%;
  margin:0 auto;
  padding:0;
  }

#main {
	width:80%;
	float: right;
}

#sidebar {
  width:20%;
  float: left;
  text-align: left;
  }

h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#c60;
}
h3 {
	font: 82%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-style: normal;
	color: Gray;
	margin-right: .6em;
}

ul {padding: 0;
  margin: 0;
  font: 1em sans-serif;
}
ul li {list-style-type: none;
  border: 1px solid silver;
  border-width: 0 0 0 3px;
  position: relative;
  left: 7px;
}

ul ul {display: none;}
ul li:hover > ul {display: block; position: absolute; top: -1px; left: 100%;}
li a {display: block; padding: 5px 7px; text-decoration: none;
  background: #FFE;}

ul#menu li a:hover {background: #FBEEC1;}
li.sub > a {font-weight: bold; background: #FFE;}

ul#menu {width: 10em;}
ul#menu > li:hover > ul {width: 14em; top: 0.7em; left: 110px;}
ul#menu li li {border-width: 0 0 0 2px;
}


ul ul {width: 15em;}

#footer {
width:100%;
  clear:both;
margin:5px 5px 5px;
padding:.3em 20px .25em;
border:1px solid #cce;
border-width:1px 0 0;
line-height:1.2em;
font-weight:normal;
color:#666;
padding-top:.3em;
text-align:center;
font-size: 90%;
}