/*************************************************

BY 76design	

Generic styles

***************************************************/


/* -- GENERIC */


.left {float:left;}
.right {float:right;}

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.clear			{ clear: both; }

.error { }
.success { }
.warning { }

/***************************************************
	BREADCRUMB
 	*/
#breadcrumb {
	margin:10px 0 0 0;
	padding:0;
	}
#breadcrumb LI {
	display:inline;
	background:none;
	margin:0;
	padding:0;
	}
/*************************************************

LANGEVIN
OCTOBER 2008
BY 76design


***************************************************
    GENERIC
    */


HTML {
    font: 62.5%/120% Verdana, Arial, Helvetica, sans-serif;
    background:#FFF url('../images/html-bkg.gif') repeat-x;
    color: #000;
    }

BODY {
    margin: 0px;
    padding: 0px;
    text-align: center;

    }

/***************************************************
    STATUS MESSAGES
    */
.error.flash-msg {
    border: 1px solid red; color: red; padding: 10px;
    }
.success.flash-msg {
    border: 1px solid green; color: green; padding: 10px;
    }

/*
.notice.flash-msg,
.warning.flash-msg,
.caution.flash-msg {
    border: 1px solid yellow; color: yellow; padding: 10px;
    }
*/

/***************************************************
    WRAPPER
     */
 #bkg-wrapper  {
    background:url('../images/body-bkg.gif') center top no-repeat;
    width:944px;
    margin:0 auto;
    }

#wrapper {
    width:920px;
    margin: 0px auto;
    text-align:left;
    }

/***************************************************
    UMBRELLA

    */
#umbrella {
    text-align:right;
    /* padding:7.5px 0; */
    height:25px;
    padding:7px 0 0 0;
    margin:0 0 13px 0;
    font-size:110%;
    }

#umbrella H2 {
    font-size:100%;
    color:#d0ceb4;
    float:left;
    margin:3px 0 0 0;
    }

#umbrella A,
#umbrella FORM INPUT.submit {
    background:#706f6a;
    padding:4px;
    color:#FFF;
    margin:0 0 0 10px;
    line-height:120%;
    float:right;
}
#umbrella form input#google-search-submit {
    padding:0 4px;
}

#umbrella #cse-search-box {
    margin:0 0 0 10px;
}
#umbrella A:hover,
#umbrella FORM INPUT.submit:hover {
    background:#b4b3ac;
    }

#umbrella A.checkout {
    background:#706f6a url(../images/cart.gif) 5px 3px no-repeat;
    padding-left:26px;
    }

#umbrella A.checkout:hover {
    background:#b4b3ac url(../images/cart.gif) 5px 3px no-repeat;
    }

#umbrella FORM {
    float:right;
    width:auto;
    display:inline;
    padding:0;
    margin:0;

    }

#umbrella FORM INPUT {
    background:#e2e1e1;
    padding:0px;
    display:inline;
    color:#39362F;
    vertical-align:middle;
    border:none 0px white;
    height:15px;
    float:left;
     margin:0;
    }

#umbrella FORM INPUT.submit {
    height:21px;
    float:left;
    padding:0;

    }



/***************************************************
    HEADER
    */
#header {
    height:82px;
    text-align:right;
    position:relative;
    margin:0 0 0 0;
    }

#header H3 {
    color:#b70050;
    padding:0;

    font-size:110%;
    }

#header H3 STRONG {
    color:#3b3933;
    }

.logo {
    float:left;
    }

/***************************************************
    MAIN MENU

    */
#topmenu {
    position:absolute;
    bottom:11px;
    right:0;
    margin:0 0 0 0 ; /* 1px vs 0 px right margin - somehow this keeps changing...grrrr */
    padding:0;
    }

#topmenu LI  {
    list-style:none;
    float:left;
    margin:0;
    }

#topmenu A {
    display:block;
    padding:0;
    margin:0;
    width:110px;
    height:30px;
    background:url(../images/topmenu-left.gif) top center no-repeat;
    line-height:40px;
    font-size:100%;
    text-align:center;
    text-decoration:none;
    color:#3b3933;
    text-transform:uppercase;
    overflow:hidden; /* we use this due to ie's handling of line-height overflows */
    }

#topmenu A:hover {background:url(../images/topmenu-left.gif) 0 -83px no-repeat;padding: 0 }
#topmenu A.selected,
#topmenu A.selected:hover {background:url(../images/topmenu-left.gif) center -41px no-repeat;}


/* the "home" button is special because it loses the left hand shadow */
#topmenu A#nav-home{	background:url(../images/topmenu-left.gif) center -127px no-repeat;}
#topmenu A#nav-home:hover {background:url(../images/topmenu-left.gif) center -211px no-repeat;}
#topmenu A#nav-home.selected,
#topmenu A#nav-home.selected:hover{background:url(../images/topmenu-left.gif) center -168px no-repeat;}


/***************************************************
    HOMEPAGE � WIDGET (ID)

    Though possibly confusing - the ID widget is the flash widget on the hompeage.
    Do not confuse this with the class widget that follows - they are completely
    different and have absolutely no shared attributes.

     */
#widget {
    background:url(../images/widget-alt.jpg) no-repeat;
    width:658px;
    height:305px;
    position:relative;
    }
#widget P {
    position:absolute;
    right:10px;
    bottom:10px;
    margin:0;
    color:#FFF;
    font-weight:bold;
    }
#widget A {
    color:#FFF;
    height:269px;
    text-indent:-999em;
    display:block;
    }

#widget A:hover {
    color:#0193CF;
    }

#widget P A {
    display:inline;
    }
/***************************************************
    SIDEBAR

     */

 .widget {
     margin:0 0 12px 0;
    background:#f5f5f5;
    color:#3b3933;
    font-size:110%;
    }

.widget LI,
.widget UL {
    list-style:none;
    margin:0;
    padding:0;
    }

.widget UL {padding:0 7px;}

.widget LI {
    padding:0 0 15px 0;
    margin:15px 0 0 0;
    border-bottom:dashed 1px #222;
    }

.widget LI.last {border:none;}
.widget H2{
    color:#FFF;
    background:url(../images/header-pink.jpg) no-repeat;
    font-size:110%;
    padding:8px;
    }

.widget H3 {
    font-size:110%;
    line-height:130%;
    margin:4px 0 8px 0;
    }

.widget H3 A {font-size:90%;}

.widget H4 {
    color:#231f20;
    margin:6px 0;
    font-weight:bold;
    font-size:100%
    }

.widget  H4 A {color:#231f20; text-decoration:none;}
.widget  H4 A:hover {color:#84767a; text-decoration:none;}

.widget P {margin:0 0 5px 0; line-height:120%; font-size:90%;}
.widget FORM {padding:0 7px;}
.widget FORM SELECT {width:100%; background:#FFF;}

.more {
    color:#FFF;
    background:url(../images/more-btn.gif) top left no-repeat;
    display:block;
    float:right;
    width:60px;
    height:23px;
    line-height:20px;
    text-align:center;
    text-decoration:none;
    margin:0;
    }

.more STRONG{
    background:url(../images/more-btn.gif) top right no-repeat;
    display:block;
    }

.more:hover {background:url(../images/more-btn.gif) 0 -29px no-repeat;color:#FFF;}
.more:hover STRONG {background:url(../images/more-btn.gif) -248px -29px no-repeat;color:#FFF;}

/* beige style widget */
.beige H2 {background:url(../images/header-light-beige.jpg) no-repeat;}
.beige .more {background:url(../images/more-btn.gif) 0 -58px no-repeat;}
.beige .more STRONG{background:url(../images/more-btn.gif) -248px -58px no-repeat;}
.beige .more:hover {background:url(../images/more-btn.gif) 0 -88px no-repeat;color:#FFF;}
.beige .more:hover STRONG {background:url(../images/more-btn.gif) -248px -88px no-repeat;color:#FFF;}

/***************************************************
    SIDEMENU
    */
 #sidemenu {
     margin:0;
    list-style:none;
    font-size:130%;
    border-top:dotted 1px #3b3933;
    }

#sidemenu LI {
     list-style:none;
    border-bottom:dotted 1px #3b3933;
    margin:0;
    }

#sidemenu LI A{
    color:#3b3933;
    text-decoration:none;
    padding:8px 0 8px 23px;
    margin:1px 0;
    line-height:120%;
    display:block;
    background:url(../images/bullet.gif) 5px 11px no-repeat;}

#sidemenu LI A:hover{
    background:url(../images/bullet.gif) 8px 11px no-repeat;
    }

#sidemenu LI.selected A{
    background:#f0efe6 url(../images/bullet.gif) 8px 11px no-repeat;
    }

#sidemenu LI.selected LI A{
    background:url(../images/bullet.gif) 8px 11px no-repeat;
    }

/***************************************************
    WORKSHOP LISTING
     */

.ul-list-noScript{
    display:block;
    }

.simple-list .tab-menu {
    margin:0 0 10px 0;
    padding:0;
    border-bottom:dotted 1px #3b3933;
    }

.simple-list .tab-menu LI {
    list-style:none;
    margin:0;
    padding:0;
    /*float:left;*/
    height:20px;
    }

.simple-list .tab-menu LI.selected a{
    color:#222;
    }

.simple-list .tab-menu LI A{
    padding:5px 0px 5px 16px;
    font-weight:bold;
    color:#777777;
    background:url(../images/arrow.gif) 7px 9px no-repeat;
    text-decoration:none;
    }

.simple-list .tab-menu LI A:hover{
    color:#3b3933;
    }

.simple-list  {
     margin:30px 0 12px 0;
    background:#f5f5f5;
    color:#3b3933;
    font-size:110%;
    padding:0 0 5px 0;
    border-bottom:solid 1px #3b3933;
    }

.simple-list LI,
.simple-list UL {
    list-style:none;
    margin:0;
    padding:0;
    }

.simple-list UL {padding:0 7px;}
.simple-list LI {margin:12px 0;}

.simple-list A {
    text-decoration:none;
    color:#3b3933;
    line-height:120%
    }

.simple-list A:hover {
    text-decoration:underline;
    color:#777777;
    }
.simple-list LI A.acp-seal {
    padding:0 0 0 30px;
    display:block;
    background:url(../images/acp-seal.gif) 0px 2px no-repeat;
    text-decoration:none;
    min-height:22px;
    height:auto !important;
    height:22px;
    }
.simple-list H2{
    color:#FFF;
    font-size:110%;
    padding:8px;
    }

.workshop-listing H2 {background:url(../images/header-blue.jpg) no-repeat;}
.product-listing H2 {background:url(../images/header-pink.jpg) no-repeat;}

/***************************************************
    CONTENT
     */

#leftcolumn {
    margin:67px 0 0 20px;
     width:210px;
    float:left;
    }

/*
 put this back once the map widget is complete

.workshops #leftcolumn {
    margin-top:15px;
    }
    */

#centrecolumn {
    width:658px;
    float:left;
    margin:15px 0 20px 20px;
    font-size:110%;
    line-height:140%;
    }

.homepage #leftcolumn,
.homepage #centrecolumn,
.homepage #rightcolumn,
.offerings #centrecolumn,
.products #centrecolumn,
.instructor #rightcolumn,
.instructor #centrecolumn {margin-top:0;}

.product #centrecolumn,
.default #centrecolumn,
.instructor #centrecolumn {
    width:424px;
    }

#rightcolumn {
    margin:67px 0 0 13px;
     width:210px;
    float:left;
    }

#flash-widget {
    margin:0 0 30px 0;
    }

/***************************************************
    HOMEPAGE � COLUMNS

    ALSO EFFECTS WORKSHOPS LANDING PAGE ( below)

     */

.col {
    width:324px;
    float:left;
    margin:0 10px 0 0;
    }

.homepage .col {padding:15px 0 0 0;}

.homepage .products {
    margin:0;
    border-top:solid 3px #b60050;
    }

.homepage .certification {
    border-top:solid 3px #f0b310;
    }

.col H2 {font-family: "Georgia";color:#231F20; font-size:200%;}


.col LI,
.col UL {
    list-style:none;
    margin:0;
    padding:0;
    }

.homepage .col UL {
    margin:15px 0 0 0;
    }

.col LI {
    border-bottom:dashed 1px #222;
    margin:0 0 10px 0;
    padding:0 0 10px 0;

    height:61px;
    overflow:hidden;
    display:block;
    }
.col LI.last {
    border:none;
    }
.col LI  H3 {
    margin:0 0 3px 0;
    padding:0;
    font-size:100%;
    line-height:120%;
    font-weight:bold;

    }
.col LI  H3 A {color:#666; text-decoration:none;}
.col LI  H3 A:hover {color:#e2e2e2; text-decoration:none;}

.col LI IMG {
    float:left;
    margin:0 10px 0 0;
    }

.teaser {
    min-height:70px;
    height:auto !important;
    height:70px;

    }

.col LI P {margin:0 0 0 63px; /* we set this with the understanding its ALWAYS a P tag */}

/***************************************************
    Adverts (homepage and onsite workshop pages)

     */
#ad  H3{
    font-size:150%;
    }

#ad  {
    padding:12px 8px;
    font-size:110%;
    }
#ad {
    position: relative;
    background: #E7F4FC url(../images/ad_bg.jpg) no-repeat 0 0;
    }

#ad span.new {
    background:transparent url(../images/new-banner.gif) no-repeat scroll 0 0;
    display:block;
    height:51px;
    position: absolute;
    right:0;
    top:0;
    width:68px;
    z-index:3;
    }


.widget #noscript {
    padding: 0 0 0 5px; height: 250px; overflow: auto; display: block; clear: both;
    }

.widget #upcoming_wrapper UL H3 A.workshop-title,
.widget #noscript UL H3 A.workshop-title {
    color:#231f20;
    }

/***************************************************
    HOMEPAGE� Instructor list

     */
#instructor-list IMG {
    float:left;
    }
#instructor-list P,
#instructor-list H4 {
    margin:0 0 0 55px;
    }

/***************************************************
    HOMEPAGE � ABOUT

     */
#about {
    clear:both;
    list-style:none;
    margin:15px 0 0 0;
    border-top:solid 1px #222;
    border-bottom:solid 1px #222;
    padding:25px 15px;
    background:#f2f2f2;
    }

#about LI {
    float:left;
    width:220px;
    margin:0 15px 0 0;
    }

#about LI.contact {
    width:138px;
    margin:0;
    }

#about LI.contact P {
    font-size:110%;
    }

#about H3 {
    font-family:Georgia;
    color:#231f20;
    font-size:170%;
    margin:0 0 15px 0;
    font-weight:normal;
    }

#about H4 {
    margin:0;
    color:#231f20;
    font-size:100%;
    }

/***************************************************
    BROWSE FILTER
     */

H2.status {
    font-size:120%;
    margin:20px 0 40px 0;
    }

#browse-filter {
    padding:18px;
    background:#e9e9e9;
    }

#browse-filter SELECT,
#browse-filter INPUT {
    width:142px;
    margin:0 10px 0 0;
    }

#browse-filter INPUT#date_fromdate,
#browse-filter INPUT#date_todate {
    margin:0 0px 0 0;
    }

#browse-filter img#date_fromdateTrigger,
#browse-filter img#date_todateTrigger {
    cursor: pointer;
    margin: 0 15px 5px 0;
    vertical-align: middle;
    }

/***************************************************
    SEARCH/BROWSE RESULTS
     */


#results {
    margin:0;
    padding:0;
    list-style:none;
    }

#results LI {
    clear:both;
    margin:20px 0;
    overflow:hidden;
    height:1%;/*ben style clearing...*/
        border-bottom:dashed 1px #222;
        padding:0 0 20px 0;}

#results .vitals {
    margin:0 15px 0 0;
    }

#results .vitals H2,
#results .vitals P,
#results .vitals H3 {
    margin:0;
    }
#results H1 {
    margin:0;
    }
#results H1 STRONG {
    font-size:50%;
    text-transform:uppercase;
    color:#F0B310;
    font-family:Verdana;
    }
#results H1 STRONG.coming-soon{ /*This is the "coming-soon"  Tag */
    color:#40AEDC;
    }
#results .vitals H2 {
    font-size:150%;
    }

#results .vitals P {
    text-transform:uppercase;
    color:#666666;
    margin:3px 0 6px 0;
    }

#results .vitals H3 {
    color:#666666;
    font-family:Georgia;
    font-size:160%;
    font-weight:normal;
    }
#results .desc {
    margin: 20px 0 0 0;
    }
#results .instructions {
    margin: 0 0 10px 116px;
    }

.browse-img {
    height:60px;
    overflow:hidden;
    width:105px;
    display:block;
    float:left;
    margin:0 10px 10px 0;
    }
#results UL {
    margin:0 0 0 116px;
    padding:0;
    }

#results UL LI {
    border:none;
    clear: none;
    margin:0 0px 0 0;
    padding:0 10px 0 0;
    padding: 0;
    float: left;
    width: 120px;
    font-size:80%;
    font-weight:bold;
    color:#666;
    }

#results UL LI.even {
    background: #E9E9E9;
    }

.pagination{
    float:right;
    margin:0 0 15px;
    }

/***************************************************
    OFFERINGS

    offerings lists of products/workshops
     */

/*NOSCRIPT for Buttons*/

.scroll-buttons{
    display:none;
    }

.ul-side-scroll-div{
    margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    width:650px;
    height:230px;
    position:relative;
    }

.offerings-list{
    margin:0;
    padding:0;
    display:block;
    height:230px;
    width:700px;
    position:absolute;
    left:0;
    top:0;
    }

.offerings-list LI {
    float:left;
    width:200px;
    min-width:200px;
    max-width:200px;
    height:230px;
    list-style:none;
    margin:0 25px 0 0;
    padding:0;
    overflow:hidden;
    position:relative;
    }

.offerings-list LI  P {
    font-size:90%;
    line-height:130%;
    }

.offerings-list LI A SPAN.new {
    background:url(../images/new-banner.png) no-repeat;
    position:absolute;
    top:0;
    right:0px;
    display:block;
    width:67px;
    height:51px;
    z-index:3;
    }

.offerings-list LI  A SPAN.coming-soon {
    background:url(../images/coming-soon-banner.png) no-repeat;
    position:absolute;
    top:0;
    right:0px;
    display:block;
    width:107px;
    height:76px;
    z-index:3;
    }

.offerings-list LI H3 EM { /*This is the "new" Tag */
    font-style:normal;
    }

.offerings-list LI H3 SPAN ,
.offerings-list LI H3 SPAN.new{ /*This is the "new" Tag */
    font-style:normal;
    color:#f0b310;
    text-transform:uppercase;
    font-size:90%;
    background:none;
    margin:0 5px 0 0;
    }
.offerings-list LI H3 SPAN.coming-soon{ /*This is the "coming-soon"  Tag */
    font-style:normal;
    color:#40AEDC;
    text-transform:uppercase;
    font-size:90%;
    margin:0 5px 0 0;
    }

.offerings-list LI H3 {
    margin:10px 0;
    line-height:130%;
    }

.offerings-list H3 A {color:#666; text-decoration:none;font-weight:normal;}
.offerings-list H3 A:hover {color:#e2e2e2;}
.offerings-list H3 A STRONG {background:url(../images/arrow-pink.gif) 0 4px no-repeat; padding:0 0 0 10px; color:#af1e57; text-decoration:none; text-transform:uppercase; white-space:nowrap; }
.offerings-list H3 A:hover STRONG{text-decoration:underline;}

.thin {width:319px;}

.manual_list {
    width:100%;
    }

.manual_list TD,
.manual_list TH {
    text-align:left;
    }
.toggle_manual_list {background:url(../images/arrow-pink.gif) 0 4px no-repeat; padding:0 0 0 10px; color:#af1e57; text-decoration:none; text-transform:uppercase; white-space:nowrap;}


.module-certification_matrix TABLE THEAD TH{
    margin:30px 0 0 0;
    clear:both;
    background:#FFF;
    }
 .module-certification_matrix  TABLE {
     margin:0;
     }

.module-certification_matrix .matrix-scroll  TABLE {
    position:absolute;
    top:-80px;
    clear:both;
    height:320px;
    padding:0 ;
    }

.module-certification_matrix .matrix-scroll  {
    position:relative;
    height:350px;
    overflow:scroll;
    overflow-x:hidden;
    border-bottom:solid 1px #000;
    }

.module-certification_matrix TABLE TH.section_title {
    background-color:#ddd;
    font-size:100%;
    text-align:left;
    }

.certification_legend {
    margin:10px 0 0 0;
    }
/***************************************************
    CERTIFICATION PAGE

    even though the certifciation list is a direct copy of the homepage/acp widgets
    it is being treated independently to keep things "modular"

    */
#certifications H1 {
    border-top:solid 3px #f0b310;
    padding:15px 0 0 0;
    margin:15px 0 25px 0;
    clear:both;
    }

.module-certification_matrix TH{
    font-size:90%;
    letter-spacing:-.5px;
    }

.module-certification_matrix TD,
.module-certification_matrix TH{
    vertical-align:middle;
    }

.certification_list {
    margin:30px 0 0 0;
    width:638px;
    }

.certification_list LI {
    width:100%;
    border-bottom:dashed 1px #222;
    margin:0 0 20px 0;
    padding:0 0 20px 0;
    display:block;
    }

.certification_list LI.last {
    border:none;
    }

.certification_list LI  H3 {
    margin:0 0 3px 0;
    padding:0;
    font-size:100%;
    font-weight:bold;
    }

.certification_list LI  H3 A {color:#666; text-decoration:none;}
.certification_list LI  H3 A:hover {color:#e2e2e2; text-decoration:none;}

.certification_list LI IMG {
    float:left;
    margin:0 10px 0 0;
    }

.certification_list LI P {margin:0 0 1.5em 63px; /* we set this with the understanding its ALWAYS a P tag */}



/***************************************************
    DISCUSSION WIDGET

    this widget inherits the majority of its styles from .simple-list

    */

.discussion-widget UL {padding:0;}

.discussion-widget LI{
    font-size:90%;
    border-top:dotted 1px #3b3933;
    padding:8px 0 8px 23px;
    margin:1px 0;
    }

.discussion-widget LI P {	margin:0;}

.discussion-widget H2 {background:url(../images/header-wide-beige.jpg) repeat-x;}

.discussion-widget H4 {
    font-weight:normal;
    color:#666666;
    margin:4px 0;
    font-size:100%;
    }

.discussion-widget H4 A{
    font-weight:bold;
    color:#666;
    text-decoration:none;
    color:#3b3933;
    }

.discussion-widget H4 A:hover {
    text-decoration:underline;
    color:#777777;
    }

.discussion-widget A{text-decoration:none; color:#af1e57;}
.discussion-widget A:hover{text-decoration:underline;}

/***************************************************
    INSTRUCTOR WIDGET

    this widget inherits the majority of its styles from .simple-list
     */
.from-instructor-widget,
.discussion-widget {
    float:left;
    }

.discussion-widget {
    margin-right:20px;
    }

.from-instructor-widget UL {padding:0;}

.from-instructor-widget LI{
    font-size:90%;
    border-top:dotted 1px #3b3933;
    padding:8px 0 8px 23px;
    margin:1px 0;
    }

.from-instructor-widget LI P {
    margin:0;
    }

.from-instructor-widget H2 {background:url(../images/header-wide-beige.jpg) repeat-x;}

.from-instructor-widget H4 {
    font-weight:normal;
    color:#666666;
    margin:4px 0;
    font-size:100%;
    }

.from-instructor-widget H4 A{
    font-weight:bold;
    color:#666;
    text-decoration:none;
    color:#3b3933;
    }

.from-instructor-widget H4 A:hover {
    text-decoration:underline;
    color:#777777;
    }

.from-instructor-widget A{text-decoration:none; color:#af1e57;}
.from-instructor-widget A:hover{text-decoration:underline;}

/***************************************************
     FEATURES/HEADERS

     */

#workshops-feature { /*for landing page - will be the map eventually */
    width:880px;
    margin:20px 20px 10px 20px;
    background:#ccc;
    height:300px;
    }

#products-feature { /* for the products page - will be flash rotation eventually */
    width:648px;
    margin:0px 20px 25px 0;
    background:#666;
    height:300px;
    }

.workshop-feature-demo {
    width:648px;
    margin:0px 20px 25px 0;
    background:#666;
    height:180px;
    }

.product-feature {
    width:648px;
    margin:0px 20px 25px 0;
    background:#666;
    height:300px;
    }

/***************************************************
    WORKSHOPS LANDING � ACP WIDGET

     */

.workshops H1 {border-top:solid 3px #40AEDC; clear:both; padding:15px 0 15px 0;}
.acp-widget { clear:both; margin:30px 0 0 0;}
.acp-widget .col{width:319px;}
.acp-widget H2 {font-family: "Georgia";color:#231F20; font-size:180%; margin:15px 0;}
.acp-widget LI.last {border:none;}
#certification-scroll-div UL{
    position:absolute;
    left:0;
    top:0;
    }

#certification-scroll-div UL LI{
    height:60px;

    }
#instructor-scroll-div{
    display:block;
    height:700px;
    overflow:hidden;
    position:relative;
    }

#instructor-scroll-div ul{
    position:absolute;
    left:0;
    top:0;
    }


/***************************************************
    WORKSHOPS PAGE � SCROLL DIVS

    these only exist on the workshop landing page...

     */

#certification-scroll-div{
    display:block;
    height:230px;
    overflow:hidden;
    position:relative;
    }

#certification-scroll-div UL{
    position:absolute;
    left:0;
    top:0;
    }

#instructor-scroll-div{
    display:block;
    height:700px;
    overflow:hidden;
    position:relative;
    }

#instructor-scroll-div ul{
    position:absolute;
    left:0;
    top:0;
    }

/***************************************************
     INSTRUCTORS

     */
.instructors BLOCKQUOTE CITE {
    display:inline;
    }

.instructors BLOCKQUOTE IMG {
    float:left;
    margin:0 10px 0px 0;
    }

.instructors .stat {
float: right;width:210px; margin:15px 0 0 0;
}
.instructor-feature {
    width:648px;
    margin:0px 20px 25px 20px;
    padding:0 0 15px;
    float:left;
    border-bottom:dashed 1px #666;
    }

.instructor-feature .header {
    background:#F5F5F5;
    height:120px;
    }

.instructor-feature IMG {
    float:left;
    }

.instructor-feature H1 {
    float:left;
    margin:50px 0 0 10px;
    }

.instructor-feature Q {
    width:180px;
    float:right;
    color:#FFF;
    margin:25px 20px 0 0;
    }

.instructor-listing H2 {background:url(../images/header-light-beige.jpg) no-repeat;}



/*instructors-listing is the instructor landing page list */
#instructors-listing,
#instructors-listing LI {
    list-style:none;
    padding:0;
    margin:0;
    }
#instructors-listing  {
    margin:35px 0 0 0;
    width:424px;
    }
 #instructors-listing LI {
    border-bottom:dashed 1px #666;
    }

 #instructors-listing LI.last {
    border:none;
    }

.instructor-precis {
    background:#f5f5f5;
    margin:15px 0;
    }

.instructor-precis P {
    padding:0 15px 15px 120px;
    margin:0;
    }

.instructor-precis A {
    width:100px;
    height:120px;
    float:left;
    overflow:hidden;
    }

.instructor-precis H2 A,
.instructor-precis P A {
    width:auto;
    height:auto;
    float:none;
    }

.instructor-precis H2 {
    padding:15px 15px 0 120px;
    }

/***************************************************
     WORKSHOP � DETAILS PAGE

     */

.workshop-feature {
    width:648px;
    margin:0px 20px 25px 0px;
    padding:15px 0 0 ;
    }

.workshop-feature .header {
    background:url(../images/workshop-quote-bkg.gif) top right no-repeat;
    display:block;
    height:164px;
    margin:0 0 20px 0;
    overflow:hidden;
    }

.workshop-feature IMG {
    float:left;
    }

.workshop-feature CITE,
.workshop-feature Q {
    width:280px;
    float:right;
    color:#666666;
    margin:25px 20px 0 0;
    font-size:110%;
    }

.workshop-feature CITE{
    margin-top:15px;
    font-size:90%;
    color:#0093d0;
    }

.workshop-feature CITE STRONG {
    display:inline;
    font-size:100%;
    text-transform:uppercase;
    }

.workshop-feature H1 {
    margin:0;
    width:450px;
    }

.workshop-feature H1 STRONG {
    font-size:50%;
    text-transform:uppercase;
    color:#F0B310;
    font-family:Verdana;
    }
.workshop-feature H1 STRONG.coming-soon {
    color:#40AEDC;
    }
H2.vitals {
    float:right;
    text-transform:uppercase;
    font-size:100%;
    line-height:120%;
    color:#000;
    font-weight:bold;
    }

H2.tagline{
    color:#0093d0;
    font-size:150%;
    }

H2.vitals STRONG {
    font-size:280%;
    font-family:Georgia;
    font-weight:normal;
    line-height:110%;
    }

.workshop-feature P {
    font-family:Georgia;
    color:#666666;
    font-size:150%;
    line-height:130%;
    }

#action-form  FORM{
    background:#b2def1;
    margin:0 0 0px 0;
    }

#action-form  FORM OL{
    list-style:none;
    margin:0;
    padding:10px;
    }

#action-form  FORM OL LI {
    float:left;
    width:33%;
    list-style:none;
    margin:0;
    padding:0;
    }

#action-form  FORM OL LI LABEL {
    display:block;
    margin:0 0 10px 0;
    }

#action-form  FORM OL LI SELECT {
    display:block;
    width:90%;
    padding:2px;
    margin:15px 0 0 0;
    }

#action-form  FORM OL LI .submit {
    background:url(../images/enroll-button.gif) no-repeat;
    width:180px;
    height:35px;
    line-height:15px;
    text-transform:uppercase;
    font-size:100%;
    }

#action-form  .links {
    width:326px;
    float:left;
    margin:6px 6px 6px 0;
    background:#b2def1;
    }

#action-form .links.last {
    margin-right:0;
    }

#action-form  .links A {
    font-weight:bold;
    padding:8px 10px 8px 20px;
    display:block;
    font-size:100%;
    background:url(../images/arrow-pink-bluematte.gif) 10px 13px no-repeat;
    }

#action-form H3 {
    color:#FFF;
    margin:0;
    font-weight:normal;
    background:#40aedc;
    font-size:130%;
    padding:3px 10px;
    }

#action-form #send-to-friend p.error,
#action-form #share-with-friend-form p.success {
    margin:0;
    padding:10px;
    }

#action-form #send-to-friend p.success {
    background: #b2f1b3;
    }

#action-form #send-to-friend p.error {
    background:#c43974;
    color:#fff;
    }

#action-form #send-to-friend input.text, #captcha-input {
    border:1px solid #eee;
    padding:3px;
    width:100%;
    height:13px;
    }

#captcha-input {
    margin:13px 0 12px 0;
    }

#action-form #send-to-friend ol {
    float:left;
    width:45%;
    }

#action-form #send-to-friend ol li label {
    margin:5px 0;
    }
#action-form #send-to-friend ol li {
    float:none;
    width:100%;
    }


.x-close {
    width:17px;
    height:16px;
    display:block;
    float:right;
    text-indent:-999em;
    background:url(../images/x-close.jpg) no-repeat;
    margin:2px;
    }

 .x-close:hover {background:url(../images/x-close.jpg) top right no-repeat;}

/***************************************************
     SUP MENU (supplementary menu)

     used on workshops/products pages

     */
.supmenu {
    margin:0 0 15px 0;
    padding:0;
    border-top:solid 1px #3b3933;
    border-bottom:dotted 1px #3b3933;
    }

.supmenu LI {
    list-style:none;
    margin:0;
    padding:8px 0;
    float:left;
    }

.supmenu LI A{
    padding:5px 0px 5px 16px;
    font-weight:bold;
    color:#777777;
    background:url(../images/arrow.gif) 7px 9px no-repeat;
    text-decoration:none;
    margin:0 15px 0 0;
    }

.supmenu LI A:hover{
    color:#3b3933;
    }

.supmenu LI A.selected{
    color:#3b3933;
    }

/***************************************************
    SHAREBAR

     used on workshops/products pages

     */

.sharemenu,
.sharemenu LI {
    margin:0;
    padding:0;
    list-style:none;
    }

.sharemenu {
    width:50px;   /* in phase 2 change this to 75px; */
    padding:0 8px;
    margin:5px 0 0 0;
    float:right;
    background:#f5f5f5;
    }

.sharemenu LI {
    float:left;
    }

.sharemenu LI A{
    text-indent:-999em;
    display:block;
    width:25px;
    height:25px;
    }

.sharemenu LI a.print { background:#f5f5f5 url(../images/sharebar.gif) top center no-repeat; }
.sharemenu LI a.email { background:#f5f5f5 url(../images/sharebar.gif) top right no-repeat; }
.sharemenu LI A.pdf:hover{background:#f5f5f5 url(../images/sharebar.gif) bottom left no-repeat;}
.sharemenu LI A.print:hover{background:#f5f5f5 url(../images/sharebar.gif) bottom center no-repeat;}
.sharemenu LI A.email:hover{background:#f5f5f5 url(../images/sharebar.gif) bottom right no-repeat;}


#certifications-grid .sharemenu {
    width: 25px;
    margin: auto;
    float: none;
    border: 1px solid black;
    }

/***************************************************
    DATES- LIST (workshops page only)

     */

.offerings-col-thin {
    width:200px;
    float:right;
    }

.offerings-col-wide {
    width:500px;
    display:block;
    }
.product .offerings-col-wide {
    width:424px;

    }
/*

the date list has been removed....but will it come back? who knows?!?!


.dates-list UL,
.dates-list LI,
.dates-list H3,
.dates-list P{
    margin:0;
    padding:0;
    list-style:none;
    }

.dates-list H3 {
    color:#000;
    }

.dates-list LI {
    margin:10px 0;
    }	*/


/***************************************************
    ACTION BUTTONS (enroll etc)

    im not sure if these are used anymore....remove with caution...
     */

#action-buttons,
#action-buttons LI {
    margin:0;
    padding:0;
    list-style:none;
    }

#action-buttons {
    margin:0 0 25px 0;
    }

#action-buttons LI {
    height:35px;
    float:left;
    margin:0 15px 0 0;
    }

#action-buttons A {
    color:#FFF;
    background:url(../images/action-buttons.gif) top left no-repeat;
    display:block;
    float:right;
    line-height:35px;
    text-align:center;
    text-decoration:none;
    }

#action-buttons STRONG{
    background:url(../images/action-buttons.gif) top right no-repeat;
    display:block;
    padding:0 12px;
    }

#action-buttons A:hover {background:url(../images/action-buttons.gif) bottom left no-repeat;color:#FFF;}
#action-buttons A:hover STRONG {background:url(../images/action-buttons.gif) bottom right no-repeat;color:#FFF;}


/***************************************************
    PRODUCTS
     */

.products H1 {
    border-top:solid 3px #af1e57;
    padding:15px 0 0 0;
    margin:15px 0 25px 0;
    clear:both;

    }
.product H1 STRONG {
    font-size:50%;
    text-transform:uppercase;
    color:#F0B310;
    font-family:Verdana;
    }

.product H1 STRONG.coming-soon {
    color:#40AEDC;
    }

/***************************************************
    PRODUCTS � PRODUCT
     */

.price-feature {
    padding: 20px 10px;
    border-top:solid 1px #3b3933;
    border-bottom:solid 1px #3b3933;
    margin:0 0 20px 0;
    }

.price-feature H2 {
    float:left;
    font-size:290%;
    line-height:110%;
    font-family:Georgia;
    color:#666666;
    margin:0;
    }

.price-feature P {
    clear:both;
    margin:0;
    }

.incentives {
    clear:both;
    margin:15px 0 0 0;
    display:block;
    }

.introductory_price {
    margin:0 0 15px 0;
    }

A.buynow {
    color:#FFF;
    background:url(../images/action-buttons.gif) top left no-repeat;
    display:block;
    font-size:130%;
    line-height:35px;
    text-align:center;
    text-decoration:none;
    float:right;
    }

A.buynow STRONG{
    background:url(../images/action-buttons.gif) top right no-repeat;
    display:block;
    padding:0 12px;
    }

A.buynow:hover {background:url(../images/action-buttons.gif) bottom left no-repeat;color:#FFF;}
A.buynow:hover STRONG {background:url(../images/action-buttons.gif) bottom right no-repeat;color:#FFF;}

.product #rightcolumn{text-align:center;	}
.product #rightcolumn  Q {margin-top:35px;}

.testimonial{
    width:200px;
    float:right;
    margin:25px 20px 0 20px;
    }

/***************************************************
SEARCH / ABOUT
 */

#search H1 {
    border-top:3px solid #84767a;
    clear:both;
    padding:15px 0
    }

/***************************************************
    ONSITE FEATURE
     */
.onsite-feature {
    padding: 20px 10px;
    border-top:solid 1px #3b3933;
    border-bottom:solid 1px #3b3933;
    margin:0 0 20px 0;
    }

A.onsite-button {
    color:#FFF;
    background:url(../images/action-buttons.gif) top left no-repeat;
    display:block;
    font-size:110%;
    line-height:35px;
    text-align:center;
    text-decoration:none;
    float:right;
    width:100%;
    }

A.onsite-button STRONG{
    background:url(../images/action-buttons.gif) top right no-repeat;
    display:block;
    padding:0 12px;
    }

A.onsite-button:hover {background:url(../images/action-buttons.gif) bottom left no-repeat;color:#FFF;}
A.onsite-button:hover STRONG {background:url(../images/action-buttons.gif) bottom right no-repeat;color:#FFF;}

/***************************************************
    checkout-form
     */

#step1, #step2, #step3 {
    margin: 0 0 2em 0;
    }

#input_w {
    margin: 0 0 30px 0 ;
    }

#checkoutform TABLE {
    border-top:solid 2px #000;
    margin:20px 0;
    padding:20px 0;
    }

#checkoutform THEAD TH{
    border-top:solid 2px #000;
    text-align:left;
    padding:4px 8px;
    }

#checkoutform TD{
    text-align:left;
    padding:8px;
    }

#checkoutform TD H2{
    margin:0;
    }

#checkoutform TABLE INPUT {
    width:50px;
    padding:2px;
    }

#checkoutform TABLE INPUT,
#checkoutform OL INPUT {
    border:none;
    color:#666666;
    margin:0 10px 0 0;
    padding:2px;
    }

#checkoutform TABLE INPUT.text,
#checkoutform OL INPUT.text{
    border:solid 1px #666666;
    }

#checkoutform TABLE INPUT.checkbox,
#checkoutform OL INPUT.checkbox {
    width: auto;
    }

#checkoutform OL {
    border-top:solid 2px #000;
    margin:20px 0;
    list-style:none;
    }

#checkoutform LI {
    padding:8px 8px 8px 8px;
    clear:both;
    margin:0;
    }

#checkoutform LABEL {
    width:35%;
    display:block;
    float:left;
    }

#checkoutform LABEL.error {
    float:none;
    color:#c00;
    display:inline;
    width:auto;
    }

#checkoutform .tagon {
    background: #eee;
    }

#checkoutform .tagon h2,
#checkoutform .tagon div.product_type,
#checkoutform .tagon p {
    color: #000;
    }

#checkoutform .button-wrapper {
    position: relative;
    }

#checkoutform input.nextstep {
    position: absolute;
    right: 0px;
    }

#checkoutform #step1 .onsite_contact_info label {
    width: 40%;
    }

#checkoutform #step1 input.needs {
    width: 220px;    
    margin: 0 0 0 30px;
    }

#checkoutform .onsite_additional_info {
    font-size: 110%; 
    color: black; 
    width: 640px; 
    height: 200px;
    }

#checkoutform #step1 label{
    width:60%;
    }

#checkoutform #step1 .onsite_contact_info ol li.captcha label {
    clear:both;
    }
#checkoutform #step1 .onsite_contact_info ol li.captcha img {
    clear:both;
}
#checkoutform #step1 .onsite_contact_info ol li.captcha input {
    border: solid 1px black;
    width:137px;
    margin-left:40%;
}


/***************************************************
    google custom search

     */

#full-width {
    padding:10px 30px;
    font-size:110%;
    }


/***************************************************
    contact-form
     */

#contact-form input .requierd, label .requierd, p.requierd{
     font-size:11px;
     color:#BF1E57;
    }

.error {
    color:#FF0000;
    border-color:#FF0000;
    background-image:none;
    }

#contact-form{
    border-top:solid 2px #231F20;width:100%;
    padding:5px 5px 20px 5px;
    clear:both;
    overflow:hidden;
    }

#contact-form FIELDSET{
    border-bottom:solid 2px #231F20;
    padding:20px 5px 35px 5px;
    margin:0 0 5px 0;
    clear:both;
    overflow:hidden;
    }

#contact-form LEGEND{
    color:#666;
    font-weight:bold;
    }

#contact-form LABEL{
    color:#231F20;
    font-weight:bold;
    display:block;
    margin:5px 0 5px 0;
    }

#contact-form INPUT{
    width:250px;
    display:block;
    margin:5px 0;
    padding:3px;
    color:#231F20;
    font-size:110%;
    }

#contact-form textarea{
    width:410px;
    display:block;
    margin:0 0 5px 0;
    color:#231F20;
    font-family:Verdana;
    }

#contact-form #submit{
    color:#fff;
    background:#666666 none repeat scroll 0 0;
    border:medium none;
    padding:5px;
    width:50px;
    float:right;
    overflow:hidden;
    color:#FFF;
    }

/***************************************************
    FOOTER
     */

#footer {
    margin:40px 0;
    }

#footer LI {
    display:inline;
    list-style:none;
    margin:0;
    }

#footer A {
    color:#222;
    text-decoration:none;
    }

#footer A:hover {
    text-decoration:underline;
    }

#footer P.copyright {
    float:right;
    margin:5px 10px;
    padding:0;
    }

#instructor-blog { margin:20px 0; }
.rss-icon { margin: 0 0 -2px 0; padding-right:5px; }

#cse-search-results iframe {
    height:1000px;
    width:640px;
    }

#search-page-text {
    border:1px solid #ccc;
    padding:5px;
    }
.google-adwords-privacy {
    float:right;
    }