@charset "utf-8";
/* CSS Document */


html, body, div, span, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

body {

  background-color: #fff;
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .9em;
  margin: 0 0 0 0; 
  padding: 0 0 0 0; 
  text-align: center; 
}


a img {
	
	border: none;
	
}

#logo {

	position: absolute;
	left: 5%;
	width: 320px;
	
	}
	

h1 {
  color: #DB1719;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 14px;
  letter-spacing: 1px;
}

h2 {
  color: #DB1719;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 14px;
  margin-top: 15px;
}


/* This is a container for the page content. */

#outerWrapper {
  background-color: #0b8846;
  margin: 0 auto 0 auto; 
  text-align: left; 
  width: 70em;
 
}

#header {
  background-color: #0b8846;
  padding: 10px; 
  height: 150px;
  border-bottom: 1px solid #fff;
  }

#outerWrapper #header p {

display: block;
width: 520px;
font-size: 35px!important;
color: #fff;
margin: 50px 0 0 380px;
padding: 20px 0 20px 20px;


}

#contentWrapper {
	
	background: #fff url(../images/website/leftcolumn_bkgnd.gif) repeat-y left top;
	 border: solid 1px #0b8846; /* Sets the top border properties for an element using shorthand notation */
	
 }

#outerWrapper #contentWrapper #leftColumn1 {
  background-color: #0b8846;
  float: left;
  padding: 50px 10px 10px 15px; 
  width: 200px;
  color: #fff;
}

  
  
#leftColumn1 .nav, .nav ul {

margin: 0;
padding: 0;
list-style-type: none;
width: 200px;

}

#leftColumn1 .nav {

margin-top: 17px;
margin-bottom: 15px !important;

}

  
#leftColumn1 .nav li {

padding: 0 0 10px 0;

} 


#leftColumn1 .nav a {

display: block;
padding: 5px 5px 5px 30px ;
text-decoration: none;
font-weight: bold;
color: #fff;
font-size: 1.2em;

}

#leftColumn1 .nav a:hover {
	text-decoration: none;
	color: #ffd700;
	padding: 5px 5px 5px 30px;
	background: url(../images/website/checkmark_bullet.gif) no-repeat;
background-position: 0 50%;

}

#leftColumn1 .nav a:active {

display: block;
padding: 5px 5px 5px 30px;
text-decoration: none;
font-weight: bold;
color: #fff;
font-size: 1.2em;

}

#leftColumn1 .nav ul ul {

padding-top: 10px;

}

#leftColumn1 .nav ul ul a {

display: block;
padding: 5px 5px 5px 50px;
font-size: .9em;
text-decoration: none;


}

#leftColumn1 .nav ul ul a:hover {

padding: 5px 5px 5px 50px;
font-size: .9em;
color: #ffd700;
background: url(../images/website/checkmark_bullet_tertiary.gif) no-repeat;
background-position: 10% 50%;

}

 
#contact {
 
 margin-top: 30px;
 border-top: 2px solid #DB1719;
 padding-top: 15px;
 
 } 
 
 #contact p{
	padding: 5px;
	line-height: 1.5em; 
 } 
 
 
 #contact h1 {
 
 color: #000;
 font-size: 1.2em;
 
 }
 
#contact a:link, a:visited {
 
 color: #fff;
 text-decoration: none;
 
 }
 
#contact a:hover {
 
 color: #ff3;
 text-decoration: underline;
 
 }
 
 
 
 #contact a:active {
 
 color: #fff;
 text-decoration: none;
 
 }
 
   
 
 #leftcolumn1 #contact a:active {
 
 color: #fff;
 }


/* Contains the main page content.  */
#outerWrapper #contentWrapper #content {
  margin: 0 0 0 16em; 
  padding: 50px 10px 10px 20px; 
}



/* content area styles */

 #content p  {

padding-left: 5px;
padding-right: 40px;

}

 #content h1 {

margin-top: 20px;

}


#content a,  a:link {
  color: #0d7a56;
  font-weight: bold;
  text-decoration: none;
}

#content a:visited {
  color: #0d7a56;
  font-weight: bold;
  text-decoration: none;
}

#content a:hover {
  color: #f33;
  text-decoration: underline;
}

#content a:focus {
  color: #0d7a56;
}

#content a:active {
  color: #0d7a56;
}


#content img {

float: left;

}

#content li {

padding-bottom: 13px;

}


/*end of content area styles */



#outerWrapper #contentWrapper .clearFloat {
  clear: left;
  display: block;
}
#outerWrapper #footer {
  color: #666;
  font-size: .8em;
  text-align: center;
  background-color: #fff;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}

#outerWrapper #footer a:link {

font-weight: normal;

}

/*on page styling*/

/* Level 1 links. These styles override .nav styles for current page. */
body#home_page li#home a, body#about_page li#about a, body#order_page li#order a, body#faq_page li#faq a, body#success_page li#success a, body#product_page li#product a, body#seminar_page li#seminar a {

  	color: #ffd700;	
	background: url(../images/website/checkmark_bullet.gif) no-repeat;
background-position: 0 50%;

	}

/* hover state highlight for Level1 links. These styles override .nav styles for current page. */
body#home_page li#home a:hover, body#about_page li#about a:hover, body#order_page li#order a:hover, body#faq_page li#faq a:hover, body#success_page li#success a:hover, body#product_page li#product a:hover {

  	color: #ffd700;	
	background: url(../images/website/checkmark_bullet.gif) no-repeat;
background-position: 0 50%;

	}
	
/*Inheritance block. Keeps level2 from inheriting level1 styles. Styles here should match ".nav ul a" */ 
body#home_page li#home ul a, body#about_page li#about ul a, body#order_page li#order ul a, body#faq_page li#faq ul a, body#success_page li#success ul a, body#product_page li#product ul a {

font-weight: bold;
color: #fff;
background: transparent;

	}

/*current page indicator for level2*/

/*Current page indicator normal state for Level2 menus. These styles override .nav styles for current page. */ 
body#seven_page li#seven a, body#tools_page li#tools a, body#why_page li#why a, body#implement_page li#implement a, body#parents_page li#parents a, body#schools_page li#schools a  {
  
  	color: #ffd700;
	font-weight: bold;
	background: url(../images/website/checkmark_bullet_tertiary.gif)	no-repeat;
background-position: 10% 50%;
	
	}
	
/*Current page hover state highlight for Level 2 menus. These styles override .nav styles for current page. */
body#seven_page li#seven a:hover, body#tools_page li#tools a:hover, body#why_page li#why a:hover, body#implement_page li#implement a:hover, body#parents_page li#parents a:hover, body#schools_page li#schools a:hover  {  	
	
	color: #ffd700;	
	background: url(../images/website/checkmark_bullet_tertiary.gif)	no-repeat;
background-position: 10% 50%;
	
	}

/*Inheritance block. Keeps level2 menu highlight from inheriting the level1 indicator highlight. This should be the same as ".nav ul a:hover"*/
body#seven_page li#seven ul a, body#tools_page li#tools ul a, body#why_page li#why ul a, body#implement_page li#implement ul a, body#parents_page li#parents ul a, body#schools_page li#schools ul a {

  	color: #ffd700;	
	background: url(../images/website/checkmark_bullet_tertiary.gif)	no-repeat;
background-position: 10% 50%;

	}


/*end on page styling*/

.largeimage  {

display: block;
padding: 0 0 20px 0;
color: #F00;

}

.largeimage img {
	
	padding-right: 20px;
	
}




.centeredimage {
	
	display: block;
	width: auto;
	padding: 0 20px 60px 200px;
	margin: 20px;
	
}


.largeimage p {
	font-size: 180%;
	font-weight: bold;
	color: ##DB1719;
	margin: 0;
	padding: 0;
	
}


.largetype {
	
	font-size: 120%;
	font-weight: bold;
	color: #F00;
	
}

.verylarge {
	
	font-size: 200%;
	font-weight: bold;
	color: #F00;
	
}

.fltlft img {
	
	float: left;
	padding: 0 15px 0 0;
	
}


#content img.fltrgt  {
	
	float: right;
	padding: 0 0 0 15px;
	
}
	
.centeredtext p {
	
	text-align: center;
	
}