/*  nothing special needed  */

body  {
        font-family: Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
        background-color: #D1CBCD;
      }
 
.photo{
        border-width: 2px;
}

.pixToc {
        width: 12em;
        text-align: center;
        position: relative;
        float: left;
}


.navButtonsDiv {
        /*  doing nothing  */
        /*  position: relative; */
        /*  float: left; */
        }
        
#navButtonsDiv a:hover {
     Xcolor: white; 
     Xtext-decoration: underline;
     background-color: blue;
}

.navButtonsDiv ul.navlist li a:hover {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.4);
}
    
.photoCaption {
        padding: 0 1em 0 1em;
}

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

.imgP img { 
        border: 1px;
        border-style: solid;
 }


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


.compuLiteracy a { 
        width: 12em; 
}


.photosList ul.navlist li a {  
        width: 8em; 
}




/* 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;
        Xfont-family: Minion Pro,Times New Roman,SunSans-Regular;
        font-family: Trebuchet MS, SunSans-Regular;

}
#topTitle a{
        color: white;
}
#topTitle a:hover{
        color: grey;
}

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

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

#body4 #container {
        background: url('http://www.compuliteracy.com/images/bkgHPIM0800.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 div.research ul.navlist li a {
        background: url('');
        
        /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.5);
}
#body2 div.research ul.navlist li a:hover {
        background-color: #FFFF66;
}

#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;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        background: url('http://www.compuliteracy.com/images/HPIM2336.dimmed.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 {
  NOwidth: 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: #696969; //#A9A9A9; //dark-gray; */
        color: white;
        
        font-size: x-small;

        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;

        margin-left: 4em;
        padding: 0 0 0 1em;
        width: 78%;
        /* background: url('http://www.compuliteracy.com/images/50percent.png'); */
        
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.3);
        
        }

#content .a {
        color: gray;
}

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

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

#content .title{
        color: white;
        font-size: small;
        padding:  0 0 0 2em;
        
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;

        margin: 1em 1em 1em 1em;
        
        /*background: url('http://www.compuliteracy.com/images/50percent.png'); */
        /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.5);
        }

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

#compuLiteracy .myPanel {
        }
        
#compuLiteracy div {
        /* just a litte larger */
        font-size: small;
        }       


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

#innerPage {
        min-height: 12em;
}       

.innerContact {
        float: left;
        text-align: left;
        width: 46%;
        padding: 18em 4em 1.5em 27em;
        margin: 1em 1em .6em 1em;

        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;

        /* background: whitesmoke; */
       /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.5);
        }

.innerContact a.nav:hover {
	color: white;
	text-decoration: underline;
	background: transparent;
}

.innerContact a.nav {
	color: white;
}
.innerContact a.nav:selected{
	color: red;
}
#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'); */
        /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.5);
       
        margin: 0 2em 1em 1em;
        padding: 1em 1em .1em 1em;
        /* nothing more */
        }
        
ul.navlist li a.selected {
        /* Nov 20 2011 none background: gold; */
}


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 {
	width: 12em;
	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;
}

ul.navlist li a.nexter1, ul.navlist li a.nexter2 {
        /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.4);
}

span.front a.nexter2:hover, ul.navlist li a.nexter1:hover, ul.navlist li a.nexter2:hover {
        color: mediumslateblue;
        background-color: gainsboro;
}
 
ul.navlist li a.nexter1{
        font-size:  xx-large;
        padding: .4em .4em .4em .4em;
        
        /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.5);
        
}