ul {
	margin-top:0;
	margin-left:0;
	padding-left:12px;
	list-style:circle;
}
li {margin:3px 0 3px 10px}
a {text-decoration:none;color:#006600;background:transparent;font-weight:bold}
a:hover {
	text-decoration:underline;
	color:#990000;
	background:transparent;
	font-size: 18px;
}
#logo {
	display:block;
	padding:5px;
	margin:0 200px 0 0;



}
#sitename {
	font-size:275%;
	font-weight:bold;
	margin:0 0 0 5px;
	color: #000033;



}
#pagetitle h1 {
	font-size:175%;
	font-weight:bold;
	margin:0 0 0 130px;
}
.blocktitle {display:block;font-weight:bold;font-size:120%;text-align:left;padding:2px;margin:0;color:#CCC;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #555;border-bottom:1px solid #555;background:url(new%20images/blockback.jpg) repeat-x}

.blocktitle h2 {
	margin:0;
	padding:0;
	font-size:110%;
	color: #cc9966;

}
.blockcontent {
	text-align:justify;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#navigation {
	position:absolute;
	top:9px;
	right:10px;
	width:175px;
	text-align:left;
	left: 10px;
	height: 761px;

}
ul.nav {
	list-style:none;
	margin:0;
	padding:0;
}
li.nav a {
	text-decoration:none;
	color:#E6EAFF;
	background:transparent url(new%20images/menuback.gif);
	font-weight:bold;
	width:100%;
	border:1px solid #333;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: -12px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
html>body li.nav a {display:block}
li.nav a:hover {text-decoration:underline;color:#CC0000;background:transparent;border:1px solid #999}
#main-body {margin:10px 200px 10px 10px;overflow:auto}
#footer {clear:both;border-top:1px solid #777;margin:10px 5px 10px 10px;padding:2px 0;line-height:120%;text-align:center}

.logo {
	background-image: url(new%20images/jmk_logo.jpg);
	background-repeat: no-repeat;
}
.lakemap {
	background-image: url(images/Lake%20Atitlan%201.jpg);
	background-position: left 10px;
	background-repeat: no-repeat;
	top: 10px;


}
.abt {
	background-image: url(graph/bout.jpg);
	background-repeat: no-repeat;
}
.block2 {
	background-image: url(graph/block1170.gif);
	background-repeat: no-repeat;

}
.back {
	background-image: url(graph/back.jpg);
	background-repeat: no-repeat;
}
.backred {
	background-image: url(graph/block.gif);
	background-repeat: no-repeat;
}
.backleft {
	background-image: url(graph/left.jpg);
	background-repeat: no-repeat;
}
.backleft2 {
	background-image: url(graph/left-sq.gif); 
	background-repeat: repeat-y;
}
.backback {
	background-image: url(graph/backback.jpg); 
	background-repeat: repeat-y;
	background-repeat: repeat-x;
}