html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {  
	margin: 0; 
	padding: 0; 
	border: 0; 
	min-height: 100%;    /* force vertical scrollbar */
	margin-bottom: 1px;  /* to prevent page shift    */
}
body {
	font-size: 100.01%;/* fix for IE scaling error at small font sizes*/
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;/* centers the wrapper in IE 5.x*/
	color: #000;
	background: #fff;

}
#wrapper {
	margin: 20px auto;/*centers the wrapper in compliant browsers*/
	width: 766px;
	text-align: left;
	position: relative;/*set for the positioning of the nav*/
	background-color: #fff;
	color: inherit;
	border-top: none;
	border: 2px solid #660066;		
	background: url(../img/bubbles.jpg) no-repeat left bottom;
}
#header {
	font-size: 90%;
	width: 766px;
	height: 158px;
	background: url(../img/logo.jpg) no-repeat left top;
}
#contact {
   float: right;
   width: 135px;
	 height: 80px;
}
#contact p {
   font-size: 85%;
	 font-weight: 700;
   padding: 10px 0 0 0px;
}
#sidebar{
   float: left;
   width: 28%;
   padding-left:10px;
}
#menu {
   font-size: 80%;
	 margin-bottom: 20px;
}
#menu a, #menu a:visited {
   display: block;    
	 width: 100%; 
	 line-height: 20px; 
	 text-decoration: none; 
	 color: #000; 
}
#menu a span {
   padding-left: 25px;
	 line-height: 1.5em;
	 font-weight: bold;
}
#menu a:hover {
   display: block; 
	 width: 100%; 
	 cursor: pointer; 
	 text-decoration: none; 
	 color: #f00; 
	 background: url(../img/redball.gif) no-repeat; 
}
#boosters {}
#boosters a, #boosters a:visited { 
	 background: url(../img/lessons-alive-boosters-soft.gif); 
	 background-repeat: no-repeat;  
   display: block; 
	 height: 120px;
	 margin-left:10px;
}
#boosters a:hover {
	 background: url(../img/lessons-alive-boosters.gif); 
	 background-repeat: no-repeat;
   display: block; 
	 cursor: pointer; 
	 margin-left:10px;
}
#boosterleaflet {}
#boosterleaflet a, #boosterleaflet a:hover, #boosterleaflet a:visited {
   width: 110px;
	 height: 220px;   
	 margin-left:15px;
   display: block;  
	 background: url(../img/boosters-leaflet2.jpg); 
	 background-repeat: no-repeat;
}
#lifering {}
#lifering a, #lifering a:visited {
   display: block; 
	 height: 120px;
	 background: url(../img/family-life-savers-soft.jpg); 
	 background-repeat: no-repeat;
}
#lifering a:hover {
   display: block; 
	 cursor: pointer; 
	 background: url(../img/family-life-savers.jpg); 
	 background-repeat: no-repeat;
}
#parentscorner {}
#parentscorner a, #parentscorner a:visited {
	 background: url(../img/parents-corner-soft.jpg); 
	 background-repeat: no-repeat;
   display: block; 
	 height: 120px;
	 margin-left:10px;
}
#parentscorner a:hover {
	 background: url(../img/parents-corner.jpg); 
	 background-repeat: no-repeat;
	 cursor: pointer; 
   display: block; 
	 margin-left:10px;
}
#workshopleaflet {}
#workshopleaflet a, #workshopleaflet a:hover, #workshopleaflet a:visited {
 	 width: 110px;
   height: 220px;   
	 margin-left:15px;
   display: block; 
	 cursor: pointer; 
	 background: url(../img/family-life-savers-leaflet2.jpg); 
	 background-repeat: no-repeat;
}
#parentscornerleaflet {}
#parentscornerleaflet a, #parentscornerleaflet a:hover, #parentscornerleaflet a:visited {
 	 width: 110px;
   height: 155px;   
	 margin-left:15px;
   display: block; 
	 cursor: pointer; 
	 background: url(../img/parents-corner-flyer.jpg); 
	 background-repeat: no-repeat;
}
#content {
  float: left;
	font-size: 100%;	
	line-height: 1.5em;
	margin-top: -60px;
	min-height: 260px;/*ie will ignore this*/
	width: 68%;
	}
* html #content {
  height: 280px;/*fix for ie content height*/
  }
#content h1 {
	font-size: 140%;
	margin: 0 0 12px 0;
	color: #f00;
	background-color: inherit;
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
	}
#content h2 {
  clear: both;
	font-size: 115%;
	margin: 15px 0 6px 0;
	color: #339;
	background-color: inherit;
  }
#content h2.indent {
	padding-left: 16px;	
  }
#content h3 {
	color: #f00;
	font-size: 90%;
	}
#content h4 {
  clear: both;
	font-size: 105%;
	color: #339;
	background-color: inherit;
}
blockquote {
}
#testimonial {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  margin-left: 1em;	
	font-size: 100%;	
	line-height: 120%;
}
.bqstart {
	font-family: Times;
	font-weight: bold;
  float: left;
  padding: 0.2em 0 0 0;
	margin-left: -30px;
  font-size: 400%;
  color: #f00;
}
.bqend {
	font-family: Times;
	font-weight: bold;
  float: right;
  padding-top: 0.3em;
	margin-top: -0.6em;
  font-size: 400%;
  color: #f00;
}
#content p.indent {
  font-size: 90%;
	padding: 0 0 0 4.2em;	
	margin: -1.6em 0 0.2em -0.2em;
}
#content p.greybackground {
  margin-top: 20px;
	background: #dcdddf;
	font-size: 145%;
  font-weight: bolder;
	line-height: 140%;	
	color: #339;
}
#content p.pinkbackground {
	background: #e0cce3;
	color: inherit;
	font-size: 95%;
	line-height: 120%;	
  margin-top: 20px;
	padding: 10px 10px 10px 80px;
}
#content p {
	font-size: 90%;
	padding: 5px 5px 5x 0;
	line-height: 1.50em;	
	letter-spacing: 0.04em;
	color: #000;
}
#content p.bigblack {
	color: #222;
	font-size: 100%;
	letter-spacing: 0.02em;
	line-height: 1.4em;	
  margin: 10px 0 10px 0;
	padding: 5px 5px 0 0;
}
#content p.bigblue {
  margin: 20px 0 10px 0;
	font-size: 105%;
  font-weight: bolder;
	padding: 5px 5px;
	line-height: 140%;	
	color: #339;
}
#content ul {	
  clear: both;
  list-style-type: none; 
	font-size: 95%;
	font-weight: bold;
}
#content ul.bigblack {	
  clear: both;
  list-style-type: none; 
}
#content ul.compelling {	
  list-style-type: none; 
	font-size: 90%;
	font-weight: 200;
}
#content ul.greybackground {	
	background: #dcdddf; 
	font-size: 95%;
	font-weight: bold;	
	margin-top: -6px;
	padding-bottom: 10px;
	color: #339;
}
#content li {	
  background: url(../img/bullet.gif) no-repeat 10px 0.4em;	
	padding: 0 0 10px 35px;
	line-height: 1.5em;
}
#content li.bigblack  {	
  background: url(../img/bullet.gif) no-repeat 10px 0.4em;	
	padding: 0 0 10px 35px;
	line-height: 1.5em;
	font-size: 105%;
	color: #999;
	letter-spacing: 0.02em;
}
#content li.redball {	
  background: url(../img/redball.gif) no-repeat 10px 0.4em;	
	font-size: 95%;
	line-height: 1.5em;
	padding-left: 35px;
}
#content li.blueball {	
  background: url(../img/blueball.jpg) no-repeat 10px 0.4em;
	padding-left: 35px;
	line-height: 1.5em;
}
#content li.lightblueball {	
  background: url(../img/lightblueball.jpg) no-repeat 10px 0.4em;
	padding-left: 35px;
	line-height: 1.5em;
}
#content li.pinkball {	
  background: url(../img/pinkball.jpg) no-repeat 10px 0.4em;
	padding-left: 35px;
	line-height: 1.5em;
}
#content li.greenball {	
  background: url(../img/greenball.jpg) no-repeat 10px 0.4em;
	padding-left: 35px;
	line-height: 1.5em;
}
#content li.purpleball {	
  background: url(../img/purpleball.jpg) no-repeat 10px 0.4em;
	padding-left: 35px;
	line-height: 1.5em;
}
#content li.blackball {	
  background: url(../img/blackball.jpg) no-repeat 10px 0.4em;
	padding-left: 35px;
	line-height: 1.5em;
}
#content li.orangeball {	
  background: url(../img/orangeball.jpg) no-repeat 10px 0.4em;
	padding-left: 35px;
	line-height: 1.5em;
}
#content img {
	padding: 5px;	
	float: right;
}
#content img.left {
	padding: 5px;	
	float: left;
}
#content img.border {
	padding: 5px;	
	float: right;
	border: #888 1px solid;
}
#content a:link, #content a:visited,
#content a:hover, #content a:active {
	color: #f00;
}
#selected a:link, #selected a:visited,
#selected a:hover, #selected a:active {
	color: #f00;
}
#info {
   clear: both;
   float: left;
   width: 300px;
	 height: 220px;
}
#info p {
   font-size: 85%;
	 font-weight: 900;
   padding: 60px 0 0 80px;
}
#footer {
  height: 40px;
	color: inherit;
	text-align: center;
}
#footer p {
  font-size: 80%;
	color: #888;
	background-color: inherit;
}
#footer a:link, #footer a:visited {
	color: #888;
	background-color: inherit;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #000;
	background-color: inherit;
	text-decoration: underline;
}
.clear {
clear: both;
height: 0px;
}
strong {
	font-weight: bolder;
	color: #000;
}
.redtext {
	color: #f00;
}
.bluetext {
	color: #339;
}
.greybackground {
	background-color: #ccc;
}
a.more {
  color: #f00; 
	font-weight: bold;
}
span.email span { display: none; }
#dhtmltooltip{
position: absolute;
width: 150px;
border: 4px solid #0af;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}