body { 
  margin: 0px auto;
  color:#000000;
  font-size : 1em;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  background-color: #FAB929;
}
   
html, body {height: 100.1%}

img {
	border: none;
}

hr.pinkline {
	color: #E10E80;
}

dl {
	margin: 15px;
	font-size: .8em;
	text-align: left;
}

dl dt {
	text-align: left;
	font-weight: bold;
	margin-bottom: .5em;
}

dl dd {
	margin-left: 25px;
	margin-bottom: 1em;
}

li {
	text-align:left;
	margin-bottom: .5em; margin-left: 24px;
	background-color: transparent;
	color: black;
	font-weight: normal;
	font-size: 90%;
}

div {
   text-align: center;
   margin: 0px;
   padding: 0px;
  }

a, a:link,a:visited {
  color:#345290;
  text-decoration: underline;
  background-color:transparent;
  font-weight:bold;
 } 

a:hover { text-decoration: none; }

a:active {
   color: black;
   background-color:transparent;
}

h1,h2,h3,h4,h5,h6 {
   color: #000000;
   text-align:left;
   margin-left:10px;
   background-color:transparent;
}
.white {
color:white;
}
p {
   color: black;
   background-color: transparent;
   text-align: left;
   margin: 0px 10px 10px 10px;
   /*line-height:130%;*/
   font-weight: normal;
   font-size: 90%;
}

.redtwo { /* color of 2 in plan2teach */
	color: #E10E80;
}

#wrap {
   color:black;
   text-align:center;
   margin: 0px auto 4px auto;
   border : 0px solid  #000000;
   background: #ffffff url(images/wrap-back.jpg) left top repeat-y scroll;
}

#banner {
	height:76px;
	margin: 0px auto;
	text-align:left;
	background: #ffffff url(images/tag-line.jpg) right top no-repeat scroll;
}

#logo {
text-align:left;
float:left;
width: 300px;
}

#content {
   width: 100%;
   /* margin: 0px auto; */
   overflow:auto;
   background-color: #FAB929;
   color: black;
}



.float-left {
	float:left;
}

.float-right {
	float:right;
}

#left-col{
   float:left;
	width:190px;
   /*background: #ffffff url(images/vert_dots.jpg) top right repeat-y scroll;*/
	margin:0px;
	padding:0px;
	text-align:center;
	color:black;
}

#menu-wrap {
	/*background-color: #662d91;*/
	background: transparent url(images/menu-back.gif) top left no-repeat scroll;
	text-align:left;
	/*height: 34px;*/
	height:76px;
	width: 650px;
	color:#000000;
	padding:00px 0px 0px 0px;
	margin:00px 0px 0px 300px;
	font-size:100%;
}
#menu {
   text-align:left;  
    margin-top:6px;
	width: 650px;
   font-weight:bold;
   /*background-color: #662d91;*/
   background-color: transparent;
}

#menu a, #menu a:link, #menu a:visited {
   background-color: transparent;
   color:#b7a9cc;
   text-decoration:none;
   font-weight:bold;
   font-size: 75%;
   padding-left: 20px;
   padding-right: 24px;
   height: 1.2em;
}

#menu a:hover {
	background-color: #662d91;
	color: #ffffff;	

}

#menu a:active {
	background-color : transparent;
	color: Gray;
}

/*home*/    body.hm #menu #hm, body.hm #menu #hm a
{
   color: #ffffff;
   border-top: 6px solid #007ecb;
}
/*product*/ body.pr #menu #pr, body.pr #menu #pr a {
	color: #ffffff;
   border-top: 6px solid #E10E80;
}
/* view  */ body.vw #menu #vw, body.vw #menu #vw a {
	color: #ffffff;
   border-top: 6px solid #EF862D;	
}

/*  faq  */ body.faq #menu #faq, body.faq #menu #faq a {
	color: #ffffff;
   border-top: 6px solid #c0d72f;
}
/* store */ body.st #menu #st, body.st #menu #st a {
	color: #ffffff;
   border-top: 6px solid #E12230;
}

/* about */ body.ab #menu #ab, body.ab #menu #ab a {
	color: #ffffff;
   border-top: 6px solid #007ecb;
}

/*contact*/ body.ct #menu #ct, body.ct #menu #ct a {
	color: #ffffff;
   border-top: 6px solid #E10E80;
}



#copy {
   text-align:left;
   background-color:white;
   /* margin: 0 auto; */
   margin-top: 0;
}

#right-col {
   background-color: #007ecb;
   float:right;
   width: 275px;
   color: black;
   font-size: 75%;
}
#right-col h2 {
font-size: 140%;
}

/* These 2 styles are for the content of the location page. */
#midl {
   text-align: center;
   width: 50%;
   float: left;   
}

.larger {
	font-size:120%;
	font-weight:normal;
	color:#4b4939;
	background-color:white;
}
.large-white {
font-size:120%;
color:white;
}
.hide {
 display : none;
}

.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}


.no-bottom-margin {
	margin-bottom:0px;
}
.no-top-margin {
	margin-top:0px;
}
.smaller {
	font-size:x-small;
}
.small {
	font-size: small;
	font-weight:bold;
}
#credits, #credits a, #credits a:link, #credits a:visited {
	font-size:small;
	color: black;
	background-color : #979c51;
	font-weight:bold;
}
#credits a:hover {
	color:#a9b08c;
	background-color : #979c51;
}
#giraffe, #giraffe a, #giraffe a:link, #giraffe a:visited {
	font-size:x-small;
	color: ThreedDarkShadow;
	background-color:white;
}
#giraffe a:hover {
	color:#a9b08c;
	background-color:white;
}

.red {
	color: red;
}

.blue {
   color:#345290;
}

#footer {
   background: transparent url(images/bottom-boxes.jpg) center top repeat-x scroll;
   height: 160px;
   text-align: center;
   margin:auto;
   color: #ffffff;
   font-size: 70%;
	font-weight: normal;
}

#footer a, #footer a:link, #footer a:visited {
   color: white;
}

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
#home-back {
background: #FAB929 url(images/plan2teach-teacher.jpg) center top no-repeat scroll;
}
#copy-home-top {
margin:auto;
width: 300px;
height: 70px;
background: transparent url(images/trans-back.png) center top repeat scroll;
border: 1px solid black;
}
.larger {
font-size: 120%;
color: #222222;
font-weight: 600;
letter-spacing: -.05em;
}
.larger2 {
font-size: 110%;
color: #222222;
font-weight: 600;
letter-spacing: -.05em;
}
.pink
{color:#e10e80;
}
.pink-back {
background-color:#e10e80;
color:black;}
.black {
color:#000000;
}
#copy-home-middle {
margin:auto;background-color:#96c93c; width:300px; height: 46px;border: 1px solid black;
}
#copy-home-bottom {
margin:auto;width: 300px;height: 200px;background: transparent url(images/trans-back.png) center top repeat scroll;border: 1px solid black;color:#333333;}

#product-back {
background: transparent url(images/teacher-product-photo.jpg) left top no-repeat scroll;
}
#product {
text-align:left;
margin-left: 320px;
width: 420px;
background: transparent url(images/trans-back-prod.png) center top repeat scroll;border: 1px solid black;
}
#product-inside {
text-align:left;font-size:85%;width:280px;color: #444444;margin-left: 60px;
}
#about {
text-align:left;
margin-left: 40px;
width: 560px;
background: transparent url(images/trans-back-prod.png) center top repeat scroll;
border: 1px solid black;
}
#about-inside {
text-align:left;font-size:85%;color: #444444;
}
#faq-page {
text-align:center;
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
width: 700px;
background: transparent url(images/trans-back-faq.png) center top repeat scroll;
border: 1px solid black;
}
#faq-inside {
width: 660px;
text-align:left;
font-size:90%;
color: #333333;
}
#contact-page {
text-align:center;
margin: 0px auto;
width: 900px;
/*background: transparent url(images/trans-back-faq.png) center top repeat scroll;*/
background-color:#fbd47b;
border: 1px solid black;
}
#contact-inside {
text-align:left;
font-size:90%;
color: #333333;
}
#right-col-ctc {
   background-color: transparent;
   float:right;
   width: 405px;
   color: black;

}
#free-trial {
background: transparent url(images/90-days.jpg) center top no-repeat scroll;
width: 405px;
height: 124px;
}
#contact-box
{
background-color:#fef0d1;
width: 390px;
color: #333333;
float:right;
border: 1px solid black;
}

#view-page {
text-align:center;
margin:auto;
width:600px;
background: transparent;

}
#view-product {
text-align:center;
margin:auto;
width:650px;
background: transparent;

}
#view-inside {
text-align:left;
font-size:90%;
color: #333333;
}
#left-box {
width: 200px;
float:left;
background-color: #c0d72f;
height: 360px;
text-align:left;

}
#right-box {
width: 200px;
float:right;
background-color: #476ee9;
height: 360px;
text-align:left;

}

#middle-box
{background-color: #fe2582;
  height: 360px;
  text-align:left;
  float: left;
  width: 200px;
  display: inline;
}
#middle-product 
{background-color: transparent;
  height: 360px;
  text-align:left;
  width: 240px;
  display: inline;
}
#right-complete {
width: 440px;
float:right;
background-color: #FCCE6A;
height: 360px;
text-align:left;
margin-left:10px;
margin-right:10px;}