body {
	font-family: lucida grande, verdana, arial, helvetica, sans-serif;
background: #333333;
background-image: url(http://susansmith.ehclients.com/images/background_02.gif);
background-repeat: repeat-x;
       font-size: .7em;	
       margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}

body2 {
	font-family: lucida grande, verdana, arial, helvetica, sans-serif;;
       font-size: .7em;	
       margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}
.oneColFixCtrHdr #container {
	width: 925px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
text-align: left;

}

.oneColFixCtrHdr #mainContent {
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
color: #ffffff;
       margin-left: 70px;
       margin-top: 20px;
       margin-bottom: 30px;
       line-height: 1.6em;
}
.oneColFixCtrHdr #mainContent_alt {
	padding: 0px 100px 0px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
color: #ffffff;
       margin-left: 75px;
       margin-top: 20px;
       margin-bottom: 30px;
       line-height: 1.6em;
}

.oneColFixCtrHdr #mainContent_alt2 {
	padding: 15px 100px 30px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
background-color: #ffffff;
       margin-left: 75px;
       margin-top: 20px;
       margin-bottom: 30px;
       line-height: 1.6em;
}
a {
       color: #660000;
	text-decoration: none;
      
}
a:hover {
       color: #999999;
	text-decoration: none;
      
}

.oneColFixCtrHdr #menu {
       font-size: 1.2em;
background-color: #7B7B7B;
       color: #E1E1E1;
padding: 5px 5px 5px 52px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
       text-align: left;
       letter-spacing: .1em;
word-spacing: .1em;
border-bottom: dotted .1em #666666;

      
}
.oneColFixCtrHdr #menu a {
       color: #660000;
	text-decoration: none;
      
}
.oneColFixCtrHdr #menu a:hover {
       color: #FFFFFF;
	text-decoration: none;
      
}

h1 {
	font-size: 1.3em;
	color: #000000;
       letter-spacing: .1em;
font-weight: lighter;
}

h2 {
	font-size: 1.1em;
	color: #666;
       font-weight: lighter;
       letter-spacing: .1em;
border-bottom: dotted .1em #ccc;
}

h3 {

	color: #FAB44D;
}
h4 {
	font-size: 1.3em;
	color: #FFFFFF;
       letter-spacing: .1em;
font-weight: lighter;
}



#header a {
	color: #660000;
       text-decoration: none;       
}
a:hover {
	color: #000000;
       text-decoration: none;       
}

.paginate {
       color: #999;
       margin-top: 10px;      
}

.caption {
       color: #ffffff;      
}
.title {
       font-size: 1em;      
}
li {
	color: #333333;
       margin-bottom: .09em;
}
ul {
	color: #333333;
       margin-bottom: .03em;

}
#thumbnails {
width: 150 px;
float: left;
}
#thumbnail {
width: 58px;
height: 75px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
overflow: hidden; 
}

#main_image {
float: left;
margin-left: 30px;
margin-bottom: 30px;
}