#rightsidebar {
  float: right; 
  max-width: 200px;
  background-color: gray;
/*  background-color: #256290; */
  color: white;
  margin: 0.4em;
  padding: 0.4em;
}

#rightsidebar h3  {
  font-size: 110%;
  /* background-image: url(img/sidebar-header-bg.jpg); */
  background-repeat: no-repeat;
  margin: 0;
  padding: 0.2em 0 0.2em 0;
  font-weight: normal;
}

#rightsidebar .inner {
	 color: white;
  padding: 10px; 
}


#rightsidebar ul {
  /* list-style-image: url(img/more-bullet.gif); */
  margin-left: 0;
  color: white;
  padding-left: 20px;
}

#rightsidebar p, #rightsidebar li {
  font-size: 90%;
  line-height: 1.4em;
  color: white;
}

#rightsidebar a:link, #rightsidebar a:visited {
  color: cyan;
  font-size: 120%;
}

#rightsidebar ul a:link, #rightsidebar ul a:visited {
  color: cyan;
}

#rightsidebar .date {
  font-weight: bold;
}

#rightsidebar .motm-image {
  float: right;
  margin: 0 30px 0 20px;
}
/* #rightsidebar p.more {
  clear: right;
  margin: 0 30px 0 0;
  text-align: right;
} */

/* #rightsidebar p.more a:link, #rightsidebar p.more a:visited {
  color: white;
  background-image: url(img/more-bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 14px;
} */

#leftsidebar {
  float: left; 
  max-width: 150px;
/*  border-top: 1px solid #b9d2e3; */
  border-left: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  background-color: silver;
  color: black;
  margin: 0;
  padding: 0;
}




#leftsidebar .inner {
   background-color: white;
  margin:  5px;
}

/* #leftsidebar .inner P .oldwn { 	color: green; 
	font-weight: bold;
} */

#leftsidebar p {
  font-size: 90%;
  color: #666666;
}

/* #leftsidebar p .oldwn{
   color: yellow;
	font-weight: bold;} */

#leftsidebar a:link, #leftsidebar a:visited {
  font-size: 90%;
  color: #245185;
  font-weight: bold;
}
#leftsidebar h3 {
/*  color: #245185; */
  color: whitesmoke;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #b9d2e3;
  font-size:  120%;
}

#content {
 /* position: relative;  */ /* this line must be commented out for menus to work properly in firefox */
/* width: 470px; */
/* margin: 0 220px 0 160px; */
   margin: 0 10px 0 16px;
 /* border: 1px solid #b9d2e3; */
 /* background-color: white; */
  color: black;
}


#mainfeature {
  padding: 0 2em 1em 0;
/*  height: 1%; */
}

/* #links { font-size="4"} */

#mainfeature h2 {
  margin: 0;
  font-weight: bold;
  font-size: 120%;
}
#mainfeature p {
  font-size: 100%;
}
#mainfeature p.more {
  margin-top: 0;
  text-align: right;
}

#mainfeature p.more , #mainfeature p.more  {
 /* color: white; */
 /* background-image: url(img/more-bullet.gif); */
  /* background-repeat: no-repeat; */
  /* background-position: center left; */
 /*  padding-left: 14px;  */
}

#content a:link {
  color: darkorchid;
}

#content a:visited {
  color: purple;
}

#content .inner {
  margin: 10px 20px 10px 40px;
}

#content .inner h3 {
  color: #245185;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #b9d2e3;
  text-align: center;
  font-size: 130%;
}

#content .inner ul.features {
  margin: 0;
  padding: 0;
  list-style: none;
}

#content .inner h4 {
  text-align: center;
  font-size: 120%;
}

#content .inner p {
  color: #666666;
  font-size: 90%;
}

#content .inner .features li img {
  float: left;
  margin: 0 5px 5px 0;
}

#content .inner p.author {
  font-weight:  bold;
}

#content .inner p.more{
  margin-top: 0;
  text-align: right;
}

#content .inner p.more a:link, #content .inner p.more a:visited {
  color: black;
  /* background-image: url(img/more-bullet.gif); */
  /* background-repeat: no-repeat; */
 /* background-position: center left; */
  padding-left: 14px;
  font-size: 90%;
  color: #1e4c82;
}

/* #sampler {  float: right;  border: 5px solid yellow;} */

#pixsampler{
  border: 2px 2px 4px 2px; 
  background-color:#ffdead;
}

#pixsampler a:link, #pixsampler a:visited {
  font-size: 120%;
}

#pixsample250-500 {
  float: left;  
  border: 2px 2px 2px 2px; 
  min-width: 220px;
  max-width: 500px;  
  text-align: center;
  background-color:#ffdead;
 }

#pixsample1 {
  float: left;  
  border: 2px 2px 2px 2px; 
  width:450px; 
  text-align: center;
  background-color:#ffdead;
 }
#pixsample1 img {
/*  float: left;  */
  border: 1px 1px 1px 1px; 
}


#pixdesc1 {
  text-align: left;
}

#pixdesc2 {
  text-align: left; 
}

#pixdesc3 {
  text-align: left;
}

#pixdesc4 {
  text-align: left;
}


#pixdesc5 {
  text-align: left;
}

#pixdesc6 {
  text-align: left;
}

#pixdesc7 {
  text-align: left;
}


#sampler{
  background-color:#ffdead;
/*  clear: both; */
 margin: 0 0 0 0; 
}

#sampler h3 {
  margin-top: 16px;
  border-top: 3px solid black;
  text-align: left;
  font-size: 120%;
}

#sampler p{
   padding: -2em 2em 3em 2em;
/*	top:-7px; */
}

#sampler a:link, #sampler a:visited {
  color: navy;
  font-size: 120%;
}

.whitefont {
 color: white;
 font-weight: bold;
}