/* ---theme - colors, fonts--- */

/* the two main divs - all others are sub-divs withing these two ----------------*/

div.side {
	background: #36f;
	color: #fff;
}

div.main {
	color:#000;
	/*background: #fcfce0;*/
	/*background: #FFD455;*/
	/*background: #FFE600;*/
	/*background: #ffe673;*/
	/*background: #ECE69F;*/
	/*background: #F7F1A4;*/
	background: #FFFFcA;
	/*background: #F7F7A4;*/
	/*background: #F9F9af;*/
	border-color: #36f;
}

/* sub-classes for div.side ----------------------------------------------------- */

/* the next-prev buttons for image pages */

a.next-prev{
	text-decoration: none;
	color: #fff;
}

a.next-prev:link {
	color: #fff;
}

a.next-prev:visited {
	color: #fff;
}

a.next-prev:hover {
	color: #03f;
	background-color: #ffea00;
}

a.next-prev:active {
	color: #ff3;
	background-color: #36f;
}

/* the contact section */

/* sub-classes for main ------------------------------------------------------- */

/* the "bread-crumb line across the top */

.color{
	color: #12f;
}

.black{
	color: #000;
}

a.path{
	text-decoration: none;
	white-space: pre;
	color: #36f;
}

a.path:link {
	color: #36f;
}

a.path:visited {
	color: #36f;
}

a.path:hover {
	color: #03f;
	background-color: #ffea00;
}

a.path:active {
	color: #ff3;
	background-color: #36f;
}

.context-symbol{
	/*background-color: #36f;*/
	background-image: url("/icon/blue.dot.16.36f.ico");
	/*white-space: pre;*/
}

.context-symbol-image{
	/*background-color: #36f;*/
	background-image: url("/icon/blue.dot.16.36f.ico");
	/*white-space: pre;*/
}



/* horizontal rule (blue bar) because <hr> wasn't consistent */
div.horizontal-rule{
	background-color: #36f;
}

/* image-boxes used in narrative text pages */
div.image-box {
	background-color: #A3C7EA;
}

div.image-index {	
	background-color: #888880;
	border-color:#aaaaa0;
}


img.image-page {
	border-color: #220;
}

/* text and links within */
.text{
	color: #000;
}

a.text{
	text-decoration: none;
	color: #039;
	background-color: #eee;
}	

a.text:link {
	background-color: #eee;
}

a.text:visited{
	background-color: #eee;
}

a.text:hover{
	color: #03f;
	background-color: #ff3;
}

a.text:active {
	color: #ff3;
	background-color: #36f;
}

/* class for menu-page menu items */
div.menu-page{
	border-color:#36f;
}

a.menu-page-text{
	text-decoration: none;
	/*white-space: pre;*/
	color: #36f;
}

a.menu-page-text:link {
	color: #36f;
}

a.menu-page-text:visited {
	color: #36f;
}

a.menu-page-text:hover {
	color: #03f;
	background-color: #ffea00;
}

a.menu-page-text:active {
	color: #ff3;
	background-color: #36f;
}