body {
	font-size: 100%; background-color: #efecf4; 
	font-family: tahoma, arial, sans-serif;
	margin: 0px; padding: 10px; color: #600; 
}
img { border: none; }
h1 { font-size: 170%; margin-left: 20px; }
h2, h3 { font-size: 130%; margin-left: 20px; }
h3 { font-size: 110%; margin-top: 20px; }
#container {margin-top: 100px;}
#container ul {display: block; list-style: none;}
#container a:link { text-decoration: underline; }
#container a:visited { text-decoration: underline; }
#container a:hover { text-decoration: underline; font-weight: bolder; }
#mainMenu {
	position: absolute; text-align: left; width: 700px;  
	background-color: transparent; color: #000; /*border: 1px solid #600;*/ 
	margin: 0px; padding: 2px; top: 70px;
}
#menuList {
	margin: 0px; padding: 0px; color: #600;
}
#menuList ul {
	margin: 0px; padding: 0px;
}
#menuList li {
	display:inline; list-style: none;
}
a.starter {
	background-color: #fcc; margin: 0px; color: #600;
	font-weight: bolder; text-decoration: none; /*font-size: 1.2em;  */
	padding: 0px 10px;
	border-top: 1px solid #600; border-bottom: 1px solid #600;
}
a.starter:hover, a.starter:active {
	background-color: #fcc; color: #399; border-bottom: none;  
}
.menu {
	text-align: left; color: #600; font-size: 80%;
	background-color: #fcc; position: absolute;
	width: 160px; visibility: hidden;
}
.menu li a { 
	background-color: transparent;  color: #600;
	display: block; /* font-size: 1.2em; line-height: 1.2em; */
	margin: 0px; padding: 0px 0px 0px 10px; text-decoration: none;
  border-top: 1px solid #903; font-weight: bolder; 
}
.menu li a:hover, .menu li a:active {
	background-color: #fcc; color: #399; font-weight: bolder; 
}
#menu1, #menu2, #menu3, #menu4, #menu5 { 
	width: 160px; z-index:100; 
}
p.noshow {display: none;}

/* ---( photos )------------------------------------------ */
/* photo grid ideas from http://www.simplebits.com/ */
#photoGrid { width: 350px; background-color: #f4f0ff; }
#photoGridw { width: 750px; 	background-color: #f4f0ff; }
#photoGrid95 { width: 95%; 	background-color: #f4f0ff; }
#photoGrid { margin-top: 80px; border: 2px groove white; }
#photoGridw { margin-top: 80px; border: 2px groove white; }
#photoGrid95 { margin-top: 80px; border: 2px groove white; }
#photoGrid  p { margin-left: 20px; }
#photoGridw  p { margin-left: 20px; }
#photoGrid95  p { margin-left: 20px; }
#photoGrid .photo {
	float: left;	margin: 10px 10px 10px 10px;
	border: 1px solid #ccc;	padding: 5px;
	}	
#photoGridw  .photo {
	float: left;	margin: 10px 10px 10px 10px;
	border: 1px solid #ccc;	padding: 5px;
	}	
#photoGrid95  .photo {
	float: left;	margin: 10px 10px 10px 10px;
	border: 1px solid #ccc;	padding: 5px;
	}	
#photoGrid  dt, dd { 
	margin: 0px; 	padding: 0px; 
	color: #600; 	text-decoration: none; border: none; 
	}
#photoGridw  dt, dd { 
	margin: 0px; 	padding: 0px; 
	color: #600; 	text-decoration: none; border: none; 
	}
#photoGrid95  dt, dd { 
	margin: 0px; 	padding: 0px; 
	color: #600; 	text-decoration: none; border: none; 
	}
#photoGrid  dd { text-align: left; border: none; }
#photoGridw  dd { text-align: left; border: none; }
#photoGrid95  dd { text-align: left; border: none; }
#photoGrid  a { margin: 0; padding: 0; text-decoration: none; }
#photoGridw  a { margin: 0; padding: 0;	text-decoration: none; }
#photoGrid95  a { margin: 0; padding: 0; text-decoration: none;	}
#photoGrid  a:hover{ color: #000; }
#photoGridw  a:hover{ color: #000; }
#photoGridw  a:hover{ color: #000; }
#clearPhoto { clear: left; }
p.p3 {  font-size: 150%; font-weight: bold; }
#footer { 
  margin: 10px auto 10px auto; background-color: #ebdfff; width: 60%; 
	padding: 10px 80px 10px 80px; border-width: thin medium medium thin;
  border-style: groove; border-color: #999; position: relative; 
	}
#footer p { 
  margin: 0 5px; padding: 0 10px; 
	width: auto; color: #333; font-size: 80%; 
	}

/* ---( right column )----------------------------- */

#right {
	position: absolute; background-color: #f4f0ff; background-color: transparent;
	width: auto; top: 170px; right: 2em; left: 400px; 
	/* right: 2em; margin: 200px 10px 10px 20px; */
	font-size: 100%;  /*border: 2px groove white;*/
	padding: 52px 15px; z-index: 50;
	/*	width: 240px; */
	/* voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 210px;   */
	}
/* html>body #right {
  	width: 210px;
	} */ 

#right h3 {
	font-size: 100%; line-height: 20px;
	padding: 0 0 4px 19px;
	margin: 0 0 8px 0;
	border-bottom: 1px dotted #600;
	}

#right h4 {
	font-size: 92%;
	font-weight: normal;
	margin: 0;
	}
	
#right p {
	margin-top: 4px; color: #600; 	
	margin-bottom: 20px;
	}

#right ul, .noBullet, #right dl {
	margin: 4px 0 20px 0;
	padding: 0;
	list-style: none;
	}

#right li {
	margin: 0;
	padding: 0 0 2px 0;
	line-height: 1.4em;
	}

#right #quickbits li, #right .bubble li {
	margin: 0;
	padding: 0 0 0 13px;
	margin-bottom: .6em;
	}

#right #quickbits li.last {
	background: none;
	}
	
#featured dd, #featured dt {
	margin: 0;
	}

#right #featured dt {
	margin: 0;
	padding: 0 0 0 15px;
	}
/* the box on the right */
#rtbox { background-color: #f4f0ff;
  float: right; border: 2px inset  white;
	width:200px; padding: 5px; margin: 0;
	position: absolute; top: 180px; left: auto; 
	right: 2em;
	}
#rtbox ul { padding: 5px; margin: 0; }	
#rtbox li {  list-style: disc inside; }
body>#rtbox { position: fixed; } 
/* the box on the left */
#lebox {
  display: block;	right: 2em; 
	width: 60%; padding: 5px; margin: 0;
	display: block; top: 200px; left: auto; 
}
#lebox ul { list-style: disc outside; }
#lebox li { list-style: disc outside; }