BODY {
	background-color : #EBE2C8;
	font-family : Arial, Helvetica, sans-serif;
}
/* TOPBAR is located at the end of the HTMl page, but absolutely positioned at top of page.*/
#topbar{
	position:absolute;
	top:0px;
	left: 0px;
	width:98%;
	background-color : #CBB35D;
	border-bottom:solid 1px  #66633;
   border-right:solid 1px  #66633;
	padding-right : 5px;
	padding-left : 5px;
}

#topbar .topright{
	padding-top : 2px;
	float:right;
}
/* MENUBAR is located just before topbar, but absolutely positioned just after it.*/
#menubar{
	position:absolute;
	top:60px;
	left: 4px;
	background-color : #556B2F;
	border : 1px solid #CBB35D;
	padding : 0.5em;
	width:10em;
}

#menubar p {
	margin-top : 2px;
	margin-bottom : 2px;
}

#menubar a{
	color : #F5F2E1;
	text-decoration : none;
	font-weight : bold;
	font-size : 0.9em;
	display : block;
}

#menubar a:hover{
	color : #F5F2E1;
	text-decoration : none;
	background-color : #6B8E23;
	display : block;
}

#menubar img {
	padding-top : 1em;
}
/* PAGETEXT holds all the main content for the site, including editable sections. */
#pagetext{
	position:absolute;
	top:60px;
	left: 12em;
	background-color : #F5F2E1;
	border : 1px solid #CBB35D;
	color:#000000;
	margin-bottom : 1em;
	margin-right : 0.5em;
}

#pagetext h1 {
	color : #444433;
	font-size : 1.3em;
	padding-left : 0.5em;
	margin-bottom:3px;
	border-bottom : 1px solid #999900;
	background-color : #EEE8AA;
}

#pagetext h2 {
		color : #556B2F;
	font-size : 1.1em;
	padding-left : 0.5em;
	margin-top:0px;
	margin-bottom:1px;
}

#pagetext p{
		padding-left : 0.5em;
		padding-right : 2em;
		margin-top: 0.5em;
}

#pagetext a{
	color : #CC9900;
	font-weight : bold;
	text-decoration : none;
}


#pagetext a:hover{
	color : #CC9900;
	font-weight : bold;
	text-decoration : underline;
}

#pagetext dl {
	padding-left : 0.5em;
}
dt {
	font-weight : bold;
}

#pagetext .homepage{
		background-image : url(images/bg.jpg);
	background-repeat : no-repeat;
		background-position : right;
}

#pagetext .bottombar {
	background-color : #CBB35D;
	width : inherit;
	font-size : 0.8em;
	text-align : center;
	color : #666633;
}

#pagetext .bottombar a {
	color : #666633;
	font-weight:normal;
}

#pagetext .bottombar a:hover {
	color : #666633;
	font-weight:normal;
	text-decoration : underline;
}


/* CALLOUT - makes a floaty white box within the main pagetext . */
.callout {
	float : right;
	background-color : White;
	margin-right : 0.5em;
	padding:0.5em;
	border : 1px solid #CBB35D;
	color: #CC9933;
	font-size:0.8em;
	font-weight:bold;
	}
 .callout img {
	padding-top:0.5em;
}

.button  a:hover {
	display:block;
	background-color: #FFF8DC;
	text-decoration: none;
}

/* FINEPRINT - small text in gallery . */
.fineprint{
	font-size : 0.7em;
}
/* color HR around nav elements in gallery . */
.nav hr {
	color : #CBB35D;
	background-color :#CBB35D;
	margin-top:0px;
	margin-bottom:0px;
	padding-right:1em;
	padding-left:1em;
}
/* Float the 'next' button in nav-photo.inc. */
.nav-r-float
{
	float : right;
	padding-right : 1em;
}

.nav-r-float  a:hover{
	color : #F5F2E1;
	text-decoration : none;
	background-color : #F0E68C;
}

.nav-l-float
{
	float : left;
	padding-left : 1em;
}
	
.nav-l-float a:hover{
	color : #F5F2E1;
	text-decoration : none;
	background-color : #F0E68C;
}

/* Format the 'close' button on the dictionary definitions. */
.closebutton {
	border : 1px solid #666333;
	background-color : #CBB35D;
	width: 4em;
	text-align : center;
	margin-top : 1em;
}

.closebutton a {
	text-decoration : none;
	font-weight : bold;
	color : #333000;
}
.caption  {
	border : 1px solid #666633;
	margin-left:1em;
}