body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; 
	/* background-color: #F8F5DC;  */ 
	background-color: #FAF9E8;  
	text-align: center;
}
#wrapper {
	position: relative;
	text-align: left; 
	/* width: 780px; */
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	background-image: url(shadow2-bg.jpg);
	background-repeat: repeat-y;
}

#wrapper2 {
	background-image: url(sidebar2.gif);
	background-repeat: repeat-y;
	/* the -9px trims some of the sidebar graphic */
	margin: 0 10px -9px 10px;  
	/* margin: 0 10px 0 10px; - original setting */
	
} 

#header {
	background-image: url(peter-studio4a.jpg);
	background-repeat:no-repeat;
   height:200px;
   position:relative;
}

#header h1 {
	margin: 0;
	padding: 0.3em 10px 0.3em 0;
	text-align: right; 
	/* text-align: left;  */
	width: 750px; 
	/* width: 700px; */
	font-weight: normal;
	color: #FFFFFF;
	font-size: 190%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(black80percent2.png);
}

/* 1st space between graphic */
#sp1 {
  width: 500px;
  height: 25px;
}

/* 2nd space between graphic or text */
#sp2 {
  width: 500px;
  height: 100px;
}

/* 3rd space between graphic or text */
#sp3 {
  width: 530px;
  height: 115px;
  /* height: 250px;  original  */
}

#content {
	float: right;
	/* 530 appears to be the max width w.r.t. content/text area */
	width: 530px;
	padding: 0 10px 0 0;
}

#content h2 {
	font-size: 85%;
	color: #171765;
	background-color: transparent;
	margin: 0;
	padding: 1.4em 0 0 0; 
}

/* h3 works ? */
h3 {
   /* font-size: 75% original  */  
	font-size: 65%;
	color: #000000;
	background-color: transparent;
}    

#content h4 {
	font-size: 85%;
	color: #171765;
	background-color: transparent;
	margin: 0;
	padding: 0 0 0 0; 
}

#content p {
	font-size: 80%;
	line-height: 1.6;
}

/* border for graphic images */ 
/* not used - 0px            */ 
.imgborder {
	border: 0px solid #000000;
}


#nav {
	float: left;
	width: 230px 
}

#nav ul {
	list-style: none;
	margin: 3em 0 0 0;
	padding: 0;
	border: none;
}

#nav li {
   /* font size of left nav links */
	font-size: 80%;
}

#nav a:link, #nav a:visited {
	color: #7C1D1D;
	background-color: transparent;
	display: block; 
	/* padding moves the nav links around ... 3% up ... etc */
	padding: 3% 0 0 10px;
	text-decoration: none; 
	/* height between the left-nav links */
	min-height: 30px;
}

#nav a:hover, #nav li.cur a:link, #nav li.cur a:visited {
	color: #B8C0C8;
	background-image: url(peter-arrow2.gif);  
	background-repeat: no-repeat;
}

/* for your urls */

/* a {
  font-weight: bold;
}  */ 

a:link {
	text-decoration: none;
	color: #7C1D1D;
}

a:visited {
	text-decoration: none;
	color: #7C1D1D;
}

a:hover {
	text-decoration: underline;
	color: Gray;
	background-color: none;
}

a:active {
  text-decoration: none;
  color: #7C1D1D; 
  background-color: none; 
}

/* a:link {color: #CC0000; text-decoration: none}
a:hover {color: gray; text-decoration: none}
a:active {color: #CC0000: text-decoration: none}
a:visited {color: #CC0000; text-decoration: none} */


.datatable {
	border: 0px solid #D6DDE6;  /* no border */
	border-collapse: collapse;  
	width: 90%; /* width for CD Composition/Composer titles */
	font: normal 70% Arial, Helvetica, sans-serif; /* font size for composition titles */
	text-align: left;
	padding: 0.4em 0 0.8em 0;  
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 0.3em;
}
.datatable th {
	border: 0px solid #828282;  /* no border */ 
	background-color: White;
	font-weight: bold;
	text-align: left;
	padding-left: 0.3em;
}
/* .datatable {
	font: normal 75% Arial, Helvetica, sans-serif;
	/* color: #33517A;  */
/* text-align: left;
	padding: 0.4em 0 0.8em 0;
}  */ 

.datatable tr.altrow {
	background-color: #DFE7F2;
	/* color: #000000;  */
}


#footer {
	clear: both;
	font-size: 80%;
	padding: 1em 0 1em 0;
	/* margin 220 px aligns with your content area */
	margin-left: 220px;  
	color: #171765;
	background-color: transparent;
}

#btm {
	background-image: url(shadow2-bottom.jpg);
	background-repeat: no-repeat;
	display: block;
	/* height 9 px - adjusts the shadow-bottom */ 
	height: 9px; 
	/* width: 760px - does not seem to have any effect ! */
}