body {
	margin: 0px;
	padding: 0px;
	background: #CCFFCC url(../images/jsm_gradient.jpg) repeat-x scroll left top;
	font: smaller Georgia, "Times New Roman", Times, serif;
}
p {
	font-size: 13px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 20px;
}
div#container {
	background:  transparent url(../images/jsm_masthead_ptg.jpg) no-repeat scroll left top;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 0px;
}
div#header {
	background:  transparent url(../images/jsm_wordmark.gif) no-repeat scroll 94% 59%;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 100%;
	border: 0px;
}
div#header h1, div#header h2 {
	display: none;
}
#navcontainer {
	margin: 0px;
	padding: 0;
	height: 25px;
	background: #336600 url(../images/bg_grn.gif) 0px 0px;
	border-bottom: 0px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
}
#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	border: 0;
}
#navcontainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}
#navcontainer ul li a {
	width: 100px;
	height: 25px;
	padding: 0;
	margin: 0;
	color: #9c6;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 11px/24px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	border-top: 0px;
	border-right: 1px solid #000000;
	border-bottom: 0px;
	border-left: 0px;
	background: #336600 url(../images/bg_grn.gif);
}
#navcontainer ul li a:hover {
	color: #eec;
	background: #339933 url(../images/bg_grn.gif) 0px -25px;
	text-decoration: none;
}
#navcontainer li#here a {
	background: #339933 url(../images/bg_grn.gif) 0px -25px;
	border-top: 0px;
	border-right: 1px solid #000000;
	border-bottom: 0px;
	border-left: 0px;
	color: #eec;
}
ul#navlist {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
div#contentwrapper {
	margin: 0px;
	padding: 50px 0px;
	width: 100%;
	border: 0px;
	background:   url(../images/bg_shadow2.gif) repeat-x scroll left top;
}
div#maincontent p {
	line-height: 180%;
	text-align: justify;
	margin: 0px;
	padding: 0px 0px 20px;
}
#maincontent {
	float: left;
	padding: 0px 50px;
	border: 0px;
	margin: 0px 30px 50px 0px;
/* begin Tantek's box model hack */	
/* first, feed an incorrect, compensatory width value to UA's that mishandle
   the CSS box model by adding padding, etc. to the inside of the box. */	
	width: 67%;
/* now, stop those browsers from reading any further
   with a couple of rules they understandably don't understand. */	
	voice-family: "\"}\""; 
	voice-family:inherit;
/* now, override the previous incorrect value with
   the correct one, for UA's that are still with us. */	
	width: 55%;
}
/* now, be nice to Opera, which gets the box model right, but which also
   falls for our trick, above. Greater specificity is the key here. */	
html>body#maincontent {
	width: 55%;
} 
div#maincontent img {
	border: 1px solid #000000;
}
div#maincontent li {
	font-size: 13px;
	padding-bottom: 8px;
	list-style-type: disc;
}
div#footer {
	color: #bb9;
	background-color: #240;
	margin: 50px 0px 0px;
	padding-top: 30px;
	padding-right: 40%;
	padding-bottom: 30px;
	padding-left: 50px;
	clear: both;
	border: 0px;
}
div#footer a {
	font-weight: bold;
	color: #bb9;
}
div#thumbs li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 0px;
	list-style-type: none;
	/*display: block;*/
	width: 50px;
	height: 50px;
}
div#thumbs li a {
	border: 0px;
	list-style-type: none;
	/*display: block;*/
	float: left;
	width: 50px;
	height: 50px;
}