body {
    margin:0;
	background: #cccada;
	/*background: #c2beda;*/
	/*background:#c1bdee;*/
    color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.125em; /* 16×1.125=18px i.e. line-height=18px */
	overflow: -moz-scrollbars-vertical; /* this overflow command came from here: http://forum.stylegala.com/viewtopic.php?p=6705&sid=2e918501bb4a50bc37eb27ed3aedc0af
Without it the size jumps left and right depending whether there is a scroll bar on the right, which of course depends on the lenth of the page. */
	/*I used to have a width: 760px property here but that caused the site to go to the left in IE7. If I used min-width=760px then things were OK in IE7 and firefox, but not OK in IE6, where the site was on the left. I think I may only need the width command in the wrapper. Maybe if there's not a wrapper then you can put the width property in the body selector.*/ 
	text-align:center;
	}
	

#wrapper{
	margin-top:15px; /*this worked fine when it was set to something other than 0*/
	margin-right:auto;
	margin-left:auto;
	/*margin-bottom:30px; this declaration never worked*/
	border: 1px solid #000000;
	width:760px;
	/*min-height:700px;*/
	background-color:#ffffff;
	text-align:left;
	}

#header{
    padding: 10px;
	background-image:url(pills-750-lt-border.gif);
	background-repeat:no-repeat;
	/*background-color: #d9f3bb; sort of a chartreuse*/
	background-color: #eff498;
	}	

h1{
	font-size: 2em;
	color: blue;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

h2{
	font-size: 1.4em;
	color: #05a2ff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

h3{
	font-size: 1.0em;
	color: #05a2ff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
h4{
	font-size: 1.0em;
	color: #05a2ff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	}
		
	
#navigation{
    padding: 10px;
	background-color: #989ff4;
	}	


#content{
 	padding:10px;
	width: 740px;
	/*background-color: yellow;*/
	}	
	
#content p.indent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.875em;
	line-height:1.5em;
	color:#000000;
	text-indent: 20px;
	/*background-color: orange;*/
	}
	
#content p.redNbold {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.875em;
	font-weight: bold;
	line-height:1.5em;
	color:#ff0000;
	/*background-color: orange;*/
	}
	
p.noindent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.875em;
	line-height:1.5em;
	color:#000000;
	/*background-color: orange;*/
	}	
	

ul {
  list-style-position: outside;
  /*text-indent: 20px; if you do this, to pull the list in from the right a bit, you negate what you are trying to do with the 'list-style-position: outside;' property. (this property lines up the text under the text and not under the bullet marker.*/
  }
	
	
li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.875em;
	line-height:1.5em;
	color:#000000;
	margin-right: 20px;

	/*background-color: red;*/
	}
	
li.noValue{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.875em;
	line-height:1.5em;
	color:#000000;
	margin-right: 20px;
	list-style-type: none;
	/*background-color: red;*/
	}	
	
	
	
	
	
#logos{
	margin: 0px;
	height:197px;
	border-bottom:26px solid;	
	border-bottom-color:#747ff6; /*this is trying to get it darker cause screen lightens at bottom*/
	/*border-bottom-color: #989ff4; same color as nav*/
	/*background-color: pink; */
	}		

p.blocktext {
    /*margin-left: auto; setting margins to auto (i.e. both R and L the same size) didn't work to center three images - but web says it should work for other stuff
    margin-right: auto;*/
	margin-left: 120px;
    width: 60em;
}

p.blocktext img{
	margin-left: 10px;
    margin-right: 10px;
	}

img.centered{	
    display: block;
    margin-left: auto;
    margin-right: auto;
	}



	
a:link {
	color: blue;
	text-decoration: none;
	}

a:active {
	color: ##fd8829;
	text-decoration: none;
	}

a:visited {
	color: ##b21a04;
	text-decoration: none;
	}

a:hover {
	background-color:#eff498;
	}

   
/*selector {property: value}*/