body {
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:90%;
letter-spacing: -.03em;
word-spacing: .13em;
word-wrap: normal;
background-color: #FFF;
margin: 0;
background-image: url(img/sl_left03.gif);
background-repeat: repeat-y;
}

blockquote {
font-size:85%;
color: #000;
background-color: #F5F5F5;
border: 3px #C0C0C0 double;
padding: 10px;
}


#headerbackground03 {
	left:0;
	top:0;
	width: 100%;
	height: 200px;
	background-image: url(img/sl_head03.gif);
	margin: 0px;
}

#headernameimage {
	float:left; 
	margin-left: 50px;
	margin-top: 60px;
	width: 253px;
	height: 46px;
	background-image: url(img/p_name01.gif);
}

#headerportrait {
	position: absolute;
	right: 0px;
	top: 0;
	margin-top: -1px;
	width:142px;
	height: 168px;
	z-index: 1;
	background-image: url(img/img_portrait.gif);
}

#horizontalmenu01 {
	position: absolute;
	left: 0px;
	top: 140px;
	width:80%;
	height: 26px;
	padding-right: 150px;
	background: #c0c0ff;
	text-align: center;
	overflow: hidden;
}

#miter {
	position: absolute;
	left: 0; 
	top: 168px;
	width: 55px;
	height: 55px;
	margin: 0px;
	background-image: url(img/miter_04.gif);
	background-repeat: none;
}

/******************hnav.css : 2004-06-30 : Ruthsarian Layouts*****************************************/

.hnav {
	white-space: nowrap;
	margin: 0;
	padding: 3px 0 4px 0;
	font-family: 'trebuchet ms',arial,verdana,sans-serif;
	text-decoration: none;
	font-size: 120%;
	font-weight: 900;
}
.hnav ul span.divider {
	display: none;
}
*/ html .hnav/* Hide from IE5/Mac (& IE5.0/Win) */{
	height: 1%;/* holly hack to fix a render bug in IE6/Win */
	}
* html .HNAV{
	height: auto;/* above IE6/Win holly hack breaks IE5/Win when page 
   length get beyond the point that 1% height is taller 
   than the text height. IE5/Win does not need this 
   holly hack so we remove it here */
	padding: 0;/* IE5/Win will resize #hnav to fit the heights of its
   inline children that have vertical padding. So this
   incorrect case selector will remove that padding */
}
.hnav ul {
	text-align: center;
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.hnav ul li {
	display: inline;
	white-space: nowrap;
	margin: 0;
}

.hnav ul li a {
	text-decoration: none;
	margin: 0 -1px 0 0;
	padding: 3px 40px 4px 40px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	font-size: 120%;
	font-weight: 900;
}   

* html .HNAV ul li a {
	width: 1%;/* holly hack for IE5/Win inline padding. this 
	   hack fixes different rendering bugs in 5.0 and 5.5.
	   Width is used instead of height because if the 
	   document is too long, these elements become very tall
	   and disrupt the look of the document. too wide an 
	   element is better, visually, than too tall. */
}

.hnav a:link, .hnav a:visited {
	text-decoration: none;
	font-size: 120%;
	font-weight: 900;
	color: #888888;
}

.hnav, .hnav ul li a {
	background-color: transparent;
	color: #888888;
}  

.hnav ul li a:hover {
	text-decoration: none;
	border-bottom: 0;
	background-color: transparent;
	color: #000000;
}
/*******************end hnav**************************************/

#mainTable {
	margin: 0 auto;
	border: 1px solid #000;
	border-top: 0px solid white;
	border-bottom: 0px solid white;
	/*/*/line-height: 1.5em; /* */
}

#mainTable td {
	padding: 20px;/*Pads each table cell in modern browsers*/
}

#maincontent {
	position: relative;
	left: 0;
	color: #202020;
	padding: 1em;
	padding-top: 0;
	text-decoration: none;
	z-index: 5;
	background: white;
}

h1:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h2:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h3:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h4:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h1 { font-size: 180%; color: #353535; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 900; letter-spacing: -0.1em; text-indent: 0;}
h2 { font-size: 130%; color: black; letter-spacing: -.1em; font-family: Verdana, Arial, Helvetica, sans-serif;}
h3 { font-size: 120%; color: black; letter-spacing: -.07em; font-family: Verdana, Arial, Helvetica, sans-serif;}
h4 { font-size: 120%; color: #353535; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; letter-spacing: -0.07em; text-indent: 0;}

abbr { 
border-bottom: 1px dotted #000; 
color: #303030;
}

/**********************start standard linkstyle*******************************/
a:link { 
color: #191970;
text-decoration: none;
border-bottom: 1px dashed #BBBBBB;
}
a:visited { 
color: #640064;
text-decoration: none;
}
a:hover { 
color: #FF0000;
text-decoration: none;
border-bottom: 2px solid red;
}
a:active { 
color: #000000;
text-decoration: none;
border-bottom: 1px solid #FFD0FF;
}
/**********************end standard linkstyle*********************************/

/**********************start vnav style*****************************/
.sidenav {
}
.sidenav a {
	/*/*/padding: 3px;
	font-family: 'trebuchet ms',arial,verdana,sans-serif;
	color: black;
	display: block;
	border: 2px dotted #CCC;
	text-decoration: none;
	line-height: 1em;
}
.sidenav a:link, .sidenav a:visited {
	border-bottom: 0px solid #FFD0FF;
	border: 2px dotted #CCC;
	color: black;
}
.sidenav a:hover, .sidenav a:active {
	color: #FFFFFF;
	background-color: #880000;
	border: 2px solid #000;
}
.sidenav current a {
	color: #FFFFFF !important;
	/*/*/background-color: #999999!important;
	border: 2px dotted #999 !important; /* */
}
.sidenav ul {
	/*/*/padding-left: 1em;
	list-style-type: none;
	margin: 0 -1em  0 0; /* */
}
.sidenav li {
	/*/*/margin: 0px 0px 6px 0px; /* */
}
/**********************end vnav style*****************************/

#n4shell {
/* Happy hunting. This rule will allow you to create an outer border around the layout table in netscape 4. Wrap the entire table inside a div and assign to the div this id */
	border: 1px solid #000;
	/*/*/border: 0; /* */
}

/* P:first-letter { 						*/
/*   font-size: 300%;						*/
/*   font-style: italic;						*/
/*   font-weight: bold;						*/
/*   vertical-align: -200%;						*/
/*   float: left;						*/
/*   padding: 4px;						*/
/*   }												*/

.ball_list {
list-style: outside;
list-style-type: disc;
list-style-image: url("img/disc_b.gif");
}

ssub {
font-size: 30%;
}

ssup {
font-size: 30%;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}
/* End Images */

#footer {
	position: relative;
	left: 0;
	bottom: 0%;
	width: 100%;
	height: 30px;
	color: #FFFFFF;
	background: #808080;
	overflow: hidden;
	margin-bottom: 0;
	background-image: url(img/sl_left05.gif);
	background-repeat: repeat-y;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:50%;
	content: "Copyright 1986-2008, Jim Patrick";
}