body {
	background-color: #D4DDCD;
}

#pageContainer {
	background-color: #996;
	font-size: 10px;
	width: 700px;
	height: auto;/* height must be auto for IE Mac	*/
	margin: auto;
	padding-top: 10px;
 /*	border: solid 1px #ffc; delme */
}

h1, h2, h3, p, a, li {
	background-color: transparent;
	font-family:Arial, Helvetica, "Lucida sans", "Trebuchet MS", Geneva, SunSans-Regular, sans-serif;
}

.title {
	font-style: italic;
}

/* logo positioning */

#left {
/*	background-color: #0ff;	delme */
	background-color: transparent;
	width: 72px;
	height: 100%;
	float: left;
	margin: 0;
}

#left img {
	margin: 0 4px 0 8px;
}

/* right side of page */

/* header styles */

#tripix {
/*	background-color: #00f;	delme	*/
	background-color: transparent;
	width: 308px;
	float: left;
	margin-top: 0;
	margin-bottom: 4px;
	margin-right: 12px;
	padding: 4px 4px 2px 4px;/*	*/
	border: solid 1px #ffc;
}
			
#tripix img {
	margin-bottom: 0;
	padding-bottom: 0;
}
			
.leftpix {
	margin-right: 4px;
}

#banner {
/*	background-color: #f00;	delme	*/
	background-color: transparent;
	height: 94px; /* vertically align picture boxes with nav box */
	margin: 0 0 0 72px;
}

#banner p {
	color: #fff; 
	font-size: medium;
	padding-top: 72px;/*	*/
}
			
#right {
/*	background-color: #ff0;	delme */
	background-color: transparent;
	width: auto;/*	*/
/*	margin-bottom: 4px;	*/
	margin: 0 0 0 72px;
	padding-right: 8px;
}


/* navigation and links styles */

#nav {
	font-weight: bold;
	margin-top: 4px;	/*	create margin between pictures box and nav box */
	border: solid 1px #ffc;
}

a {
	font-style: normal;
}

a:link {
	color: #fff;
}

a:visited {
	color: #fc6;
}

a:hover {
	color: #fc6;
}

a:active {
	color: #fc6;
}

#nav a, #footer a {
	font-size: small;
	font-weight: normal;
}

#nav a:link, #footer a:link {
	text-decoration: none;
}

#nav a:visited, #footer a:visited {
	text-decoration: none;
}

#nav a:hover, #footer a:hover {
	text-decoration: underline;
}

#nav a:active, #footer a:active {
	text-decoration: underline;
}

a span {
	color: #f90;
}

#footer ul {
	margin-left: 0;
	padding-left: 0;
}

#nav ul, #footer ul, #footer p {
	margin: 0;
	padding: 8px;
}

#nav li {
	color: #f90;
	padding: 0;
	display: inline;
}

#nav .hideMe, #footer .hideMe {
	display: none;
}

#nav ul > .hideMe, #footer ul > .hideMe {
/*	background-color: #0f0; delme */
}

#nav ul > li:after {
	content: "\0020\2022\0020";
}

#nav ul >  li.lastItem:after, #footer ul >  li.lastItem:after {
	content: "";
}

#footer li {
	color: #fff;
	display: inline;
}

#footer ul > li:after {
	content: "\0020\7c\0020";
}


/* main body styles */

#mainBody {
	width: auto;	/* width must be auto for IE Mac */
	padding: 14px 8px;
	margin: 4px 0 0;
	border: solid 1px #ffc;
}

#mainBody h1 {
	color: #ffc;
	font-size: medium;
	font-weight: bold;
}

#mainBody p, #mainBody li, #footer p {
	color: #fff;
	font-size: small;
	line-height: 135%;
	text-align: justify;
	margin-bottom: 1em;
}

#mainBody li {
	padding-right: 3em;
}

#footer p a:link {
	text-decoration: underline;
}

#mainBody .quote {
	color: #fc6;
	font-size: medium;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	margin-bottom: 0;
}

#mainBody .attribution {
	text-align: right;
	margin: 0 0 1em auto;
}

#testimonials ul {
	margin-left: 0;
	padding-left: 0;
}

#testimonials li {
	list-style: none;
}

#testimonials li p {
	color: #fc6;
}

/* sidebar */

#sidebar {
	background-color: transparent;
	background-image: url(../images/credits.gif);
	background-repeat: no-repeat;
	background-position: 21px 0;
	width: 174px;	/* width should be set to match background header image */
	height: auto;
	float: right;
	margin: 2em -4px 4px auto;	/* sidebar should be locally positioned on pages other then home */
	padding-top: 18px;
	padding-left: 21px;
	display: inline;
}

#sidebar h1 {
	display: none;
}

#sidebar p {
	font-size: small;
	font-weight: bold;
	background-color: #f90;
	text-align: left;
	width: auto;
	padding: 12px 18px;
	margin-top: 0;
	border-right: 1px solid #ffc;
	border-bottom: 1px solid #ffc;
	border-left: 1px solid #ffc;
}

#qanda p {
	color: #000;	/* */
	font-family: "courier new", courier, monospace;
	text-align: left;
}

#qanda img {
	float: right;
	padding: 0 0 0 24px;
}

/* reading sidebar	*/

#reading {
	background-color: #ffc;
	padding: 1.5em 1em;
}

#reading h1 {
	color: #000;
	text-transform: uppercase;
	padding-bottom: 1em;
}

#reading p {
	color: #000;
	text-transform: none;
}

#reading ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#reading li {
	color: #000;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	margin-bottom: 0;
}

#reading ul ul {
	margin-bottom: 1em;
}

#reading li li {
	font-weight: normal;
	text-transform: none;
	margin-left: 1em;
}

#reading p a:link, #reading li li a:link {
	color: #000;
}

#reading p a:visited, #reading li li a:visited {
	color: #996;
}

#reading p a:hover, #reading li li a:hover {
	color: #f90;
}

#reading p a:active, #reading li li a:active {
	color: #f90;
}