body{font-family: sans-serif; background-color: #663366;  margin: 0; padding: 0;}

/* #wrapper{min-width: 777px; max-width: 820px; border: 1px solid #bbb; margin: 20px auto; padding: 30px; background-color: #ffffed; }*/

#wrapper{width: 840px; border: 1px solid #bbb; margin: 20px auto; padding: 30px; background-color: #ffffed; }

/* navigation / banner */ 

#banner{ margin: 0; padding: 0; width: 456px;  background-color: white; }
hr{width: 456px;  } 

#menu{margin: 0; padding: 0;    }
.index-color { border-bottom:#ff3333 solid 8px;}
.services-color { border-bottom: #66ccff solid 8px;}
.course-color { border-bottom: #ffcc33 solid 8px;}
.faq-color { border-bottom: #66cc66 solid 8px;}
.contact-color { border-bottom: #660099 solid 8px;}

#menu ul{   margin: 0; padding: 0 0 9px 0 ;  width: 460px;background-color: #ffffed; } 

.red em{color: red; }
#menu li{ font-weight: bold; display: inline; font-size: 20px; margin: 0; padding: 0;  }
#menu span{color: black; padding:0px; margin: 8px; border-bottom: 2px solid black;}
#menu a{text-decoration: none;  padding:4px; margin: 4px; }
#menu a:link{color:#666; }
#menu a:visited{color:#666; }
#menu a:hover{color:red; background-color: #fff;}
#menu a:active{color:orange;  }
 
/* heading classes */ 
#name {font-weight: normal; font-size: 50px;  margin: 10px 0 0 0; padding: 0 0 0 7px;  }
#tag-line{font-weight: normal; font-size: 24px;  font-style:italic;  margin: 0 0 16px 0; padding: 0 0 0 7px; }

#services {font-weight: bold; font-size: 18px; margin:   0; padding: 0 0 0 7px;   }

/* content */ 

/* right column */

#right-content{  float: right;  width: 41%; margin:  0px; padding: 0px 0 6px 0; }
#right-content img {float: left; margin: 0px 15px 10px 0;}
#right-content p { }

.font-size-13{font-size: 16px; text-align: left;}
.strong-heading-inset{font-weight: bold;  margin: 0px 10px 10px  0px  ;font-size: 16px; }
.text-box{border: 1px solid black; padding: 4px ; margin: 0; text-decoration: none; }
.text-box p {margin:0px;padding:0px; }
.text-box:hover{background-color: orange; }


.withborder   {  border: 1px solid #ffcc33;}
.no-top-border{ margin:0px 0px 0px 10px   ; padding:0px; }
.testimonal {  border: 1px dashed black;  margin: 0px   ; padding:10px; background-color: white;}

/* left column */


#left-content{   position: relative; float: left;width: 445px;  }
#left-content img {float: left; margin:  10px 15px 15px 0; padding: 4px; border: 1px solid #bbb;}

.strong-heading{font-weight: bold;  margin:  10px 10px  10px  0px  ;text-align: justify;}
#left-content p {font-size: 16px; text-align: justify;}

#left-content ol{list-style-position: inside; margin: 0; padding: 0;}



#left-content   ul {list-style-image: url(bullet.gif);  list-style-position: inside; margin: 0; padding: 0;}


#left-content li { margin: 10px 0 10px 0;  } 

.clearall-20-above {clear: both; height: 0; margin: 20px 0 0 0; padding: 0;} 
  

.clearall {clear: both; height: 0; margin: 10px 0 0 0; padding: 0;} 
 
 
 /* print */
 
#print-it{  margin: 20px 0  10px 0    ;  }
#print-it a {text-decoration: none; font-size: 12px;}
#print-it img  {border: 0px ; margin:  0px 0px 0px 0px   ; padding: 0px 10px  10px  0px ;}
.back-to-top{}

/* footer */

#footer{ margin:0; padding:0;}
#footer ul{ margin:10px 0 0px 0    ;padding:0;}
#footer li{ display: inline; font-size: 14px;  }

#footer a{text-decoration: none;   }


/* contact */ 

label{width: 130px; text-align: left;margin-right: 10px;float: left;display: block;}

textarea{width: 450px;}

.input {font-family: arial, sans-serif; width: 300px;margin: 0; padding:0;font-size:16px;}

.input_button {font-family: Georgia, Garamond; margin: 0; padding:0; width: 160px; font-size:20px;}

.inline{display: inline;  margin:0; padding:0;}