* { margin: 0; padding: 0; }

html, body, #main { 
	background: #7D8085;	
}
body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif }
body { margin: 0; padding: 0; font-size: small; color: #333 }
h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }
h3 { margin-top: .5em; }

#main {
	padding: 1em;
	background: #7D8085 scroll center; 
}

.content {
	background: #7D8085 url(images/bg.jpg) repeat-y scroll;
	width: 810px;
	text-align: left;
}

.top {
	background: #7D8085 url(images/top.jpg) no-repeat scroll 0px bottom;
	height: 75px;
	text-align: center;
	color: #fff;
	width: 810px;
	font-family: "Times New Roman",Times,serif;
	font-size: 2em;
}

.bottom {
	background: #7D8085 url(images/bot.jpg) no-repeat scroll;
	width: 810px;
	height: 37px;
}

pre { margin-bottom: 1em; }

.active {
	background: #777;
}

#list1  {
	width: 754px;
	font-family: verdana;
	margin:  0px 0px 0px 23px;
}
.cont {
	color: white;
	text-decoration: none;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	background: #444 ;
	overflow: hidden;
	border-bottom: 1px solid #999;
}
.cont p {
	padding: 10px;
}
.cont ol {
	padding: 10px 10px 10px 40px;
}
.cont ul {
	padding: 10px 10px 10px 40px;
}
a {
	color: CadetBlue ;
}
img {
	border:none;
}
a:hover {
	color: white;
}
a:visited {
	color: aqua;
}

#list1 h3 {
	cursor:pointer;
	display:block;
	padding: 0px 5px 0px 10px;
	margin-top: 0px;
	text-decoration: none;
	font-size: 1.5em;
	color: white;
	background-color: #444;
	font-family: "Times New Roman",Times,serif;
	border-bottom: 1px solid #999;
}
#list1 h3 img {
	margin-top:2px;
	padding-right:10px;
}
#list1 h3:hover {
	color: #222	;
	background-color: #999;
}
#list1 h3.selected {
	color: #333;
	background-color: #999;
}