body 
{ 
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	background-color: #000;
/*    color: #cff; */
    color: #0ff;
	font-size: 12pt;
 	padding: 0; 
	padding-top: 10px;
 	text-align: center;
} 

#centered
{ 
	width: 940px; /* set to desired width in px or percent */
	text-align: left; /* optionally you could use "justified" */
	border: 0px; /* Changing this value will add lines around the centered area */
	padding: 0;  
	margin: 0 auto;
}
#wide-centered
{ 
	width: 1256px; /* set to desired width in px or percent */
	text-align: left; /* optionally you could use "justified" */
	border: 0px; /* Changing this value will add lines around the centered area */
	padding: 0;  
	margin: 0 auto;
}
/* for sidebar-right
#sidebar
{
	width: 340px;
	margin: 0 0 0 580px;
}
#mainContent
{
	width: 580px;
	float:left;
}
*/
/* for sidebar-left */
#sidebar
{
	width: 340px;
	float:left;
	margin: 0 0 auto 0;
	border-right: 1px solid #ff6633; 
}
#mainContent
{
	width: 580px;
/*    border-left:#ff6633 solid 1px; */
	margin: 50 0 0 340px;
}
#homeheader {
	background-color:#000; 
	height:116px;
	background-image:url(../images/new-home-logo-teal.png);
	background-position:top;
	background-repeat:no-repeat;
}
/* #pageheader {
	background-color:#000; 
	height:83px;
	background-image:url(../images/logo-sm-teal.png);
	background-position:top;
	background-repeat:no-repeat;
} */
#spacer { /* seems like a kludge; better way? */
	background-color:#000;
	height:2px;
}
h1 {
	text-align: center;
	font-size: 16pt;
/*	font-weight: bold; */
/*	clear:both; */
}

h2 {
	font-size: 14pt;
	margin-left: 10px;
}

h3 {
	margin-left: 10px;
/*	font-weight: bold; */
}
p {
	margin-left: 10px;
	line-height:175%
}
.sideimage
{
	width: 340px;
	float:left;
	margin: 0 0 auto 0;
}
.booklist
{
	margin-left: 190px;
}
table
{
	padding:0;
	margin:0;
}
.imageSidebar
{
	width: 200px;
	float:left;
    margin: 0 0 auto 0;
	/*border-right: 1px solid #ff6633; */
}
.bookContent
{
	width: 740px;
/*    border-left:#ff6633 solid 1px; */
	margin: 50 0 0 210px;
}
.centered {
	text-align: center;
}

/* Image alignment */
.hhfloatleft {
  float:left;
  margin:3px 5px 3px 5px;
}
.footer
{
	float: left;
	margin: 0;
}
.floatleft {
  float:left;
  margin:3px 8px 3px 0;
}
.floatright {
  float:right;
  margin:3px 0 3px 8px;
}
.imgcentered {
  margin:3px auto;
  display:block;
}
/* style text for featured items */
.featured
{
	font-weight: bold;
}
td {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10pt;
}

th {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10pt;
}
a img{
	border:none;
}
a:link {
	color: #4d9cfd;
	text-decoration: none;
}
a:active { 
	color: #f00;
}
a:hover { 
	color:#ccffff;
}
a:visited { 
	color:#ffcc66;
	text-decoration: none;
} 
ol, ul {
	margin-left:10px;
}
li
{
	margin-top:10px;
	margin-left:15px;
}

.classtitle {
	margin-bottom:0;
}
.classtitle + p {
	margin:0;
}

/* vertical nav bar styling */
#nav
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav li
{
	margin: 0;
}
#nav a
{
	display: block;
	padding: 0.25em 10px 0.25em 10px;
	text-decoration: none;
}
#nav a:link, #nav a:visited
{
	color: #0ff;
	background-color:#000;
}
#nav a:hover, #nav a:active
{
	color: #ffcc66;
	background-color:#066;
}
/* horizontal nav bar styling */
#sddm
{	margin: 0;
	padding: 0;
	/*z-index: 150;*/
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 14pt arial;
	border-top: 1px solid #ff6633;
	border-bottom: 1px solid #ff6633;
}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 15px 0 15px 0;
	width: 155px;
	background: #000; /* color of nav bar buttons */
	color: #0ff; /* color of nav bar button text */
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover
{	
	background: #066;
	color: #ffcc66;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border-top: 1px solid #ff6633;
	/*border: 1px solid #5970B2; border around drop down */
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 4px 5px 4px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #033;
		color: #0ff;
		font: 10pt arial;
	}

	#sddm div a:hover
	{	background: #066;
		color: #ffcc66;
	}