/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, ins, kbd, q, s, samp, small, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {border:0; outline:0; margin:0; padding:0}
body {line-height:normal; font:12px Arial, Helvetica, sans-serif; color:#1a1a1a; font-size:12px; text-align:center;}
blockquote, q {quotes: none;}
ul, ol {list-style:none}

body{ background-position:0 -180px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
p, dl {margin:15px  }
a {color:#06c; text-decoration:none}
a:hover {text-decoration:underline}
h2 {margin:15px}
h3 {margin:15px 15px 0px  15px}
h2, h3 {color:#00ab51}

.clear {clear:both}
.dropshadow {display:block; position:absolute; height:14px; width:250px; background:url(../images/box-shadow.png) no-repeat 38px 0;}
.pricesShadow {display:block; position:absolute; height:14px; width:250px; background:url(../images/box-shadow.png) no-repeat 38px 0; background-position:-273px 0px}

#pageFrame{width:902px; margin:0 auto; text-align:left;}

body, #header ul, .course-data td, .course-data div  {background-image:url(../images/repeat-x.png); background-repeat:repeat-x}

/* header */
#header {height:199px}
#header h1 img {margin:20px 0px}
#header h1 span {text-indent:-9999px; display:block; position:absolute}
#header img.dropshadow {background:none; height:auto; width:auto}
#header ul {height:42px; width:100%; text-align:center; border:#4e5254 1px solid; border-width:0 1px; background-position: 0 0; }
#header li{text-align:center; float:left}
#header li a {line-height:42px; display:inline-block; background:url(../images/navigation-text.png) no-repeat 0 42px; text-indent:-9999px}
.IE6 #header li a {display:block}
#header li a.home {width:131px; margin-left: 195px; background-position:0 0;}
#header li.selected a.home, #header li.selected a:hover.home {background-position:0 -42px; }
#header li a:hover.home {background-position:0 -85px; } 
#header li a.about {width:128px; background-position:-131px 0;}
#header li.selected a.about, #header li.selected a:hover.about {background-position:-131px -42px; }
#header li a:hover.about {background-position:-131px -85px;}
#header li a.courses {width:146px; background-position:-259px 0;}
#header li.selected a.courses, #header li.selected a:hover.courses  {background-position:-259px -42px;}
#header li a:hover.courses {background-position:-262px -85px;}
#header li a.contact {width:146px; background-position:-405px 0;}
#header li.selected a.contact, #header li.selected a:hover.contact  {background-position:-405px -42px;}
#header li a:hover.contact {background-position:-408px -85px;}

#contentArea {clear:both; margin-bottom:70px; overflow:visible}
#contentArea h3 {font-size:13px; font-weight:normal}


#mainColumn {float:left; padding-bottom:40px;}
#rightColumn {float:right; width:310px;}

.statement {float:left; border:#f1f2f4 1px solid; width:310px; margin-left:12px; background:#fff; position:relative;}
.rightCopy {float:left; border:#f1f2f4 1px solid; width:310px; background:#fff; position:relative;}

#hpGroups {float:left; border:#f1f2f4 1px solid; width:310px; background:#fff; position:relative; margin-top:30px;}
#hpGroups h2 {font-size:13px; color:#f5f5f5; background-color:#00a651; margin:0px; padding:10px 15px;}
#hpGroups ul {list-style-type: none; padding-left: 0; margin-left: 0;}
#hpGroups li {list-style-image: none; background-image: url(../images/bullet.png); background-repeat: no-repeat; background-position: left center; padding-left:19px; margin-left:25px;}

#courseGroups {float:left; border:#f1f2f4 1px solid; width:280px; background:#fff; position:relative; margin-top:30px; margin-left:12px;}
#courseGroups h2 {font-size:13px; color:#f5f5f5; background-color:#00a651; margin:0px; padding:10px 15px;}
#courseGroups ul {list-style-type: none; padding-left: 0; margin-left: 0;}
#courseGroups li {list-style-image: none; background-image: url(../images/bullet.png); background-repeat: no-repeat; background-position: left center; padding-left:19px; margin-left:25px;}



#contentArea .about-details ul {list-style-type: none; padding-left: 0; margin-left: 0;}
#contentArea .about-details li {list-style-image: none; background-image: url(../images/bullet.png); background-repeat: no-repeat; background-position: left top; padding-left:19px; margin: 3px 0px 3px 25px;}

/* footer */	

#footer{clear:both; text-align:center; }
#footer p {color:#bfbfbf; font-size:12px; font-family:"Times New Roman", Times, serif}
#footer a {color:#0066d3; font-size:14px; font-family:arial; font-weight:bold; text-decoration:none; position:relative; top:-2px}
#footer a:hover { text-decoration:underline}
#footer li {display:inline; border-right: 1px #0066d3 solid; margin-bottom:3px; padding:0 7px 0 7px}
#footer li.last {border-right:none}

/* home page */
.banner  {float:left; position:relative;}
.banner .dropshadow, .contact-details .dropshadow, .about-details .dropshadow {bottom:-15px; left:-1px; background-position:-273px 0px}
.IE6 .banner .dropshadow, .IE6 .contact-details .dropshadow  {bottom:-12px;}
.contact-details, .about-details {float:left; border:#f1f2f4 1px solid; width:312px; margin-left:12px; background:#fff; position:relative;}
.hpPromo {float:left; border:#f1f2f4 1px solid; width:312px; margin:20px 0px 0px 12px; background:#fff; position:relative;}
/*.statement ul {margin-left:30px; list-style:disc}*/
.statement li {padding-bottom:5px}
.statement .dropshadow, .hpPromo .dropshadow, .rightCopy .dropshadow, #hpGroups .dropshadow, #courseGroups .dropshadow {bottom:-15px; right:0px;}
.course-data {width:555px; padding:25px 0px 0px 0px; clear:both; border-bottom:#d4d4d4 1px solid; margin-left:15px;}
#contentArea .course-data h2 {font-size:20px; color:#00ab51;  text-align:left;}
#contentArea .course-data h3 {font-size:16px; color:#00ab51; margin-top:0px}
.course-data #competitor-prices h3 {font-size:16px; color:#000}
.course-data #courses {border-width:0px} 
.course-data #our-prices {font-size:16px; border:#e5f6ed 1px solid}
.course-data #competitor-prices {border:#f7f5f5 1px solid; border-width:1px 1px 0 0}
.course-data #less-15, .course-data #more-15 {background-color:#00ac51; border-width:0px; color:#FFFFFF}
.course-data .th-highlight {background-color:#d4d4d4; border-width:0px;}
.course-data th {text-align:center; padding:0px 0 6px 0}
.course-data td {border:#d4d4d4 1px solid; color:#898989; border-width:1px 1px 0 0; font-size:18px; font-weight:bold; text-align:center; background-position:0 -48px;}
.course-data td.highlight {background-position:0 -117px; color:#000;}
.course-data td.first {width:360px; color:#000; text-align:left; font-size:12px; font-weight:normal; padding:11px 5px 10px 16px; border-left-width:1px; }    
.course-data .first a {font-size:16px; }
.course-data .first span, .course-data .highlight span {font-size:10px; color:#b0b0b0;}
.course-data .contentColumn { float:right; margin-left:20px;}
.course-data td.not-offered {font-size:14px; font-weight:normal}
.course-data .caption {text-align:right; color:#bfbfbf; font-size:10px; border-right-width:0px; padding:5px; background:none; position:relative}
.contact-details {background-color:#fff; width:600px; height:360px; }
.about-details {background-color:#fff; width:600px; height:525px; }
.course-data .dropshadow {background-position:-286px 0; margin-top:-17px}

.course-data .expanded div span {display:block; float:left; width:70px;}
span.format {padding-bottom:5px;}

.IE .course-data .dropshadow {left:0px; bottom:8px}
.address {margin-top:0}

.pricesShadow {display:block; position:absolute; height:14px; width:250px; background:url(../images/box-shadow.png) no-repeat 38px 0; background-position:-273px 0px}

.priceHint {width:584px; margin-top:-12px; text-align:right; color:#b0b0b0; font-size:9px;}

/* course page */
#courses .contact-details  {width:580px; height:auto}
#courses .IE6 .contact-details .dropshadow  {bottom:-16px;}
#courses .statement  {width:280px; }
.IE6 #courses .statement  {width:290px; }
#courses .statement img {margin:20px 0 0 35px}
#courses .statement  p {margin:8px 15px 25px 15px; color:#959595}
#courses .course-data {width:540px; margin-left:15px;}
#courses .course-data div  {font-weight:normal; background-position:0 -43px; }
#accordion div {overflow:hidden; border:#d4d4d4 1px solid; clear:both; border-top-width:0 }
#accordion .header {border-top-width:1px }
#accordion div div {border:none}
#courses .first {display:block; width:410px; float:left; height:45px; margin:10px 0 0 15px;}
#courses .price {color:#555; font-size:16px; text-align:right; padding:8px 10px 8px 0;  display:block; width:100px; float:left; margin:0px}
#courses .course-data .expanded {display:none; border-top-width:0px;  background:none; }
#courses .course-data .expanded div {font-size:12px; font-weight:normal; text-align:left; background:none; padding:15px 0 15px 0; }
.course-data .expanded div p {margin:0 15px 0 15px;}
.course-data .expanded div span, .course-data .expanded div dt {font-weight:bold; color:#00ab51}  
.course-data .expanded div span {padding-right:0px}
.course-data .expanded div dl {margin:15px}
.course-data .expanded div dt {margin-top:15px}
.course-data .expanded div dd {margin:3px 70px;}



/* contact page */
#contact-info #contentArea img {float:left; margin:140px 0 0 30px}

/* about page */
#about-info #contentArea img {float:right; margin:70px 0 0 30px}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:auto;
  display:none;
  z-index:9999;
	text-align:left; width:580px; padding:0 15px 15px; color:#525252;
}

#boxes #dialog { background-color:#ffffff; border:10px #5d5d5d solid;}
#boxes #dialog h3 {font-size:20px; margin:15px 0 15px 3px}
#boxes #dialog a {font-size:16px; text-decoration:none; float:right; margin:8px -2px 0 0; color:#525252; font-weight:bold}
#boxes #dialog div {border-top:#525252 5px solid}
#boxes #dialog div p {margin:40px 0 30px 0}