* { margin: 0; padding: 0 } /* Global Whitespace Reset */

html, body {     
	background: #000000 url(./graphics/body_bg.gif) repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;	
	margin: 0px auto;
	padding: 0px;
	height: 100%; }
	
#wrapper { 
    background: url(./graphics/SJ_bg.gif) repeat-y; 	
	width: 776px;
	margin: 0px auto;
	padding: 0px; }
	
#header {
    background: url(./graphics/siteheader.gif) no-repeat top;
	width: 776px;
	height: 134px; }
	
#buttons {
    position: relative; top: 95px; left: 220px;      
    width: 339px;
	height: 24px;
	display: block; }
	
#buttons ul {
    list-style: none; }
	
#buttons ul li { 
    display: block;
	float: left; /* the float allows the buttons to mash together w/out a space between them */
	}

#buttons a img {
    border: 0px; }
	
#content { }
	
#content img { 
    float: right;
    margin: 3px 0px 3px 8px; }

#leftcol {
    width: 186px;
    padding: 0 0 0 20px;
	float: left; }
	
.content_left_head {
    background: url(./graphics/leftboxtop.gif) no-repeat top;
	margin-top: 10px;
	height: 27px; }
	
#leftnav ul {
    margin: 5px 0 0 1px;
    list-style: none;
	text-align: center; }
	
#leftnav li {
    margin-bottom: 5px; }

#leftnav a {
    display: block;
	padding-bottom: 1px;
	width: 150px;
    border: 1px solid #8b98ad; 
	background-color: #4C5A72;
	text-decoration: none;
	color: #FFFFFF;
	font: normal 8pt Arial, Verdana, sans-serif; }
	
#leftnav a:hover {
	background-color: #8197BC; }
		
.content_left {
    background: url(./graphics/leftbox_bg.gif) repeat-y;	
	padding: 3px 15px 3px 15px; }
	
.content_left_foot {
    background: url(./graphics/boxbot.gif) no-repeat top;
	width: 186px;
	margin-bottom: 25px;
	height: 10px; }
	
#rightcol {
    /* position: absolute; top: 135px; */
    
	margin: 0px 0px 0px 250px; 
	width: 504px; }
	
#rightcol p {
    text-align: justify; }
	
.content_right_head {
    background: url(./graphics/rightboxtop.gif) no-repeat top;
	margin-top: 10px;
	height: 28px;
	text-align: right; }
	
.content_right {
    background: url(./graphics/rightbox_bg.gif) repeat-y;	
	padding: 3px 15px 3px 15px; }
	
.content_right_foot {
    background: url(./graphics/rightboxbot.gif) no-repeat top;
	width: 504px;
	margin-bottom: 25px;
	height: 10px; }
	
#footer {
    background: url(./graphics/footer.gif) no-repeat bottom;
	width: 776px;
	height: 13px;
	text-align: center;
	padding-bottom: 13px; }
	
h1 {
    font: bold 8pt Arial, Verdana, Helvetica, sans-serif;
	padding: 7px 15px 0px 15px; }
	
h2 { 
    font: bold 8pt Arial, Verdana, Helvetica, sans-serif; }
	
A:link { text-decoration: underline; color: #c0c0c0; font: normal 7pt Arial, Verdana, Helvetica, sans-serif; }
A:visited { text-decoration: underline; color: #c0c0c0; font: normal 7pt Arial, Verdana, Helvetica, sans-serif; }
A:active { text-decoration: underline; color: #c0c0c0; font: normal 7pt Arial, Verdana, Helvetica, sans-serif; }
A:hover { text-decoration: underline; color: #ffffff; font: normal 7pt Arial, Verdana, Helvetica, sans-serif; }

#preload {
    display: none; }
	
a img {
    border: 0px; }
	
p {
    color: #FFFFFF;	}
	
.seperator {
    background: url(./graphics/bigseperator.gif) no-repeat top;
	width: 504;
	height: 2;
	clear: all;
	}