/*TRIZ color palette:
book title beige: #FFEFCE;
orange minds subtitle: #FCC779;
blue sky: #7EC1C9;
asphalt: #878382;
run visor burnt orange: #E16E3F;
sketch pad gray: #767676;
*/

body {
	color: ; /*This sets the color of any text that is outside the main content area and the nav bar.*/
	background-color: #7EC1C9; /*This sets the color of the screen background.*/
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	
/*	margin-right: 0px;
	margin-left: 0px;
*/
}

#outline {
	width: 900px; /*This sets the sum of the widths of #column_left and #column_right.*/
	padding: 0px;
	margin-right: auto;
	margin-left: auto;

	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: black;

	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: black;
	
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: black;

	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: black;
}

#header { /*This outlines the header image.*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}

#column_right { /*This is the main content area.*/
	width: 790px; /*This sets the maximum width of the right column, as constrained by the #outline width.*/
	padding: 0px;
	margin: 0px;
	background-color: #878382; /*This sets the background color for the main content area, where the photos are.*/
}

#column_left { /*This is the nav bar area.*/
	width: 110px; /*This sets the maximum width of the right column, as constrained by the #outline width.*/
	padding: 0px;
	margin: 0px;

	background-color: #767676; /*This sets the background color for the left nav bar column.*/
	color: #FFEFCE; /*This sets the color of non-hyperlinked text that is in the left column.*/

	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; /*text set to a specific pixel size to avoid problems with percentages*/
	line-height: 170%;
	
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: black;
}

#column_left ul { /*This sets the formatting for the list in the nav bar column.*/
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#column_left li { /*This sets the list formatting for list items in the nav bar column.*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	display: inline;
	text-indent: 8px;
	list-style-type: none;
}

#column_left li a {
	text-decoration: none;
	background-color: #767676; /*This sets the color that is immediately behind all hyperlinked text in the nav bar column.*/
	color: #FFEFCE; /*This sets the color of all hyperlinked text in the nav bar column.*/

	display: block;
	margin: 0px;
	padding: 0px;
}

#column_left li a:hover {
	text-decoration: none;
	background-color: #E16E3F; /*This sets the background color behind hyperlinked list items when they are moused over.*/
}

#content { /*This sets the style for text in #column_right, which is the main content area.*/
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 170%;
	color: white; /*This sets the color of text in #column_right, which is the main content area.*/

	margin: 0px;
	padding: 0px;
	position: relative;
}

#content h2 { /*This sets the style for all header text inside <h2>    </h2> that is in #column_right, which is the main content area.*/
	font-size: 120%;
	padding: 0px;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0px;
	margin-left: 1em;
}

#content p { /*This sets the style for all text that's inside <p>    </p> in #column_right, which is the main content area.*/
	padding: 0px;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0px;
	margin-left: 1em;
}

#content a {
	color: white; /*This sets the color of hyperlinked text in #column_right, which is the main content area.*/
}