/*  nothing special needed  */

body  {
	font-family: Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
 	background-color: #D1CBCD;
      }
 
.photo{
	border-width: 2px;
}
.navButtonsDiv {
	/*  doing nothing  */
	/*  position: relative; */
	/*  float: left; */
	}
	
#navButtonsDiv a:hover {
     Xcolor: white; 
     Xtext-decoration: underline;
     background-color: blue;
}
    
.photoCaption {
	padding: 0 1em 0 1em;
}

img.navButton { 
	border-color: #FFFF66;
}
img.navButton:hover { 
	/* BEFORE border-color: #ccccff; */
	 border-color: #FFFF66;
}
.imgP {
	text-align: center;
	padding: .2em 1em 1em 1em;
	float: left;
}

.featuredImage {
	float: left;
	margin: 0.3em 1em 2em 10em;
} 
.featuredImage img { 
	text-align: center;
	border: 1px;
 }


#compuLiteracy a { 
	width: 12em; 
}

/* styling for the HomePage */
#compuLiteracy a span { 
	float: left;
	position: relative;
	display: none;
	}
/* display hidden span */
#compuLiteracy a:hover span {
	width: auto;
	display: block;
	}

/* compuliteracy has no LEFT PANEL ever */

#topTitle {
	color: black;
	Xfont-family: Bookman Old Style, Times New Roman,SunSans-Regular;
	font-family: Minion Pro,Times New Roman,SunSans-Regular;
}

#container { 
	 margin: 1em 0 0 0.5em;
	 background: url('http://www.compuliteracy.com/images/HPIM1717.bee2.jpg');
}
#body1 #container {
	/* background: url('http://www.compuliteracy.com/images/HPIM0926_small.jpg'); */
	background: url('http://www.compuliteracy.com/images/HPIM1717.bee2.jpg');
      }

#body3 #container {
	background: url('http://www.compuliteracy.com/images/gcnbkgHPIM1050.jpg');
      }

#body1 #topTitle {
	/* before #99FF00       */
	width: 100%;
	background: url('http://www.compuliteracy.com/images/50percent.png');
}
#body1 #topTitle a {
	color: gray;
}

#body1 ul.navlist li a {
	color: gray;
}


#body1 ul.navlist li a.selected {
	background: transparent;
}
#body1 ul.navlist li a:hover {
	background: url('');
	/* BEFORE ** background-color: #ccccff;  */
	background-color: #FFFF66;
	color: darkblue;
}

#body2 ul.navlist li a:hover {
	background: url('');
	background-color: #FFFF66;
	color: #996633; 
}

/*  nobody else needs this.  Only FireFox; IE too. Mar.2010  */
#rightnav img { 
	border-width: 0px; 
	}

.rickFloat1 {
	padding: 2em;
	float: right;
	border-style: solid;
	border-width: 3px;
	border-color: #ff6699;
	margin: 20px;
	height: 80px;
}
.rickFloat2 {
	padding: 2em;
	float: left;
	border-style: solid;
	border-width: 3px;
	border-color: #FFFF66;;
	margin: 20px;
	height: 55px;
}
.rickFloat3 {
	padding: 2em;
	float: right;
	border-style: solid;
	border-width: 3px;
	border-color: #EDF7CD;
	margin: 20px;
	height: 90px;
}
.rickFloat4 {
	padding: 2em;
	float: left;
	border-style: solid;
	border-width: 3px;
	border-color: #99FF00;
	margin: 20px;
	height: 65px;
}



div.photosList {
	padding: 1em 1em 1em 2em;
	background-image: url('http://www.compuliteracy.com/images/cimg3672_dimmed2.jpg');
}
div.photosList span {
	color: darkslategray;
	padding: 0 1em 0 1em;
	background: url('http://www.compuliteracy.com/images/50percent.png');
}
table.photosList table.ricktest thead {
  font-size: x-small;
  background-color:#eee;
  color:#666666;
  font-weight: bold;
  cursor: default;
}
table.photosList {
  padding: 0 2em 0 5em;
}
table.photosList th {
  text-align: center;
  font-size: x-small;
  color: white;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 0 2 2 0;
  
}
table.photosList td.firstCol {
  width: 265px;
}
td {
	padding: 0 0 .1em .1em;
	color: darkslategray;
	background-color: #EDF7CD;
	font-size: small;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
			
	border-style: solid;
	border-color: gainsboro;
	border-width: 0 0 1px 1px;
}
div.photosList td {
	font-size: x-small;
	background: url('http://www.compuliteracy.com/images/50percent.png');
	margin: 1em 1em 1em 1em;
	padding: .1em 1em .1em 1em;
	border-color: darkgrey;
}

div.photosList td a {
	padding: 0 1em 0  1em;		
}
div.photosList td a:hover {
	border: solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
 	text-decoration: none;
			
	border-style: outset;
	border-width: 1px;
	background-color: #FFFF66;
}

#missionText{
	font-weight: 700;
	font-size: 14pt;	
}

/* bottomCenter predefined in listStyles2.css */
#bottomCenter, #bottomCenter2 {
	margin: 1em 0 0 4em;
}

#content{
	/* compuliteracy has no LEFT PANEL ever */
	/* get wider */
	text-align: left;

	color: gray;
	font-size: x-small;
	margin-left: 4em;
	padding: 0 0 0 1em;
	width: 78%;
	background: url('http://www.compuliteracy.com/images/50percent.png');
	}

#content .a {
	color: gray;
}

#body2 #content{
	float: left;
	position: absolute;
}

#rightnav {
	margin: -.8em 20em 0 0;
	float: right;
}

#content .title{
	color: purple;
	font-size: small;
	padding:  0 0 0 2em;
	margin: 1em 1em 1em 1em;
	background: url('http://www.compuliteracy.com/images/50percent.png');
	}

#compuLiteracy {
	/* background: gainsboro; */
	}

#compuLiteracy .myPanel {
	}
	
#XcompuLiteracy div {
	/* cover both colPlain and colEmphatic */
	margin: 0em .3em .3em .3em;
	padding: .6em .6em;
	}	


.research {
	text-align: left;
	padding: .5em 0 .5em 1em;
	margin: 1em 6em 1em 6em;
	width: 32em;
	
	background: url('http://www.compuliteracy.com/images/50percent.png');
	}

#innerPage {
	min-height: 12em;
}	

.innerContact {
	float: left;
	text-align: left;
	width: 46%;
	padding: 1em 1em .5em 1.5em;
	margin: 1em 1em .6em 1em;
	background: whitesmoke;
	}


#bottomBar {
	float: right;
	color: black;
	clear: both;
	
	margin: 0 3em 1em 0;
	padding: .3em 1.3em .3em 1.3em;
	
	border-color: gray;
	border-style: solid;
	border-width: 1px;
	}
	
.newColPlain {
	text-align: center;
	/* nothing more */
	}

.colPlain {
	float: left;
	width: 32%;
	background: transparent;
	/* nothing more */
	}

.colEmphatic {
	color: black;
	float: left;
	width: 32%;
	background: #99FF00;
	border-color: gray;
	border-style: solid;
	border-width: 1px;
	}

.colBuiltBy {
	text-align: center;
	width: 85%;
	background: url('http://www.compuliteracy.com/images/50percent.png');
	margin: 0 2em 1em 1em;
	padding: 1em 1em .1em 1em;
	/* nothing more */
	}
	
ul.navlist li a.selected {
	background: gainsboro;
}


ul.navlist li a
{
	background-color: 
	transparent;

	color: gray;
	border-color: lightgray;
	border-width: 1.8px;
	width: auto;
	font-size: small;
	margin: .2 .2 .2 .2;
}

.colBuiltBy ul.navlist li a {
	font-size: x-small;
}
ul.navlist li a:hover {
	color: darkblue;
	border-color: grey;
	background-color: #FFFF66;
}
/* end menu */




table.admin{                     
          font-size; smallest;
          border: 1px;
          border-style: inset;   
          width: 99%;
          }
	
.blogItem {
	text-align: left;
	padding: 1em 4em 1em 2em;
	}
	
div.blogBottom {
	background-color: #FFF7F6;
}

.thisEnvelope {
	background-color: cyan;
}

span.front a.nexter2:hover, ul.navlist li a.nexter1:hover, ul.navlist li a.nexter2:hover {
	color: mediumslateblue;
	background-color: #B9A2DA;
}
ul.navlist li a.nexter1{
	font-size:  xx-large;
	padding: .4em .4em .4em .4em;
}