/*  light green:  9fb77d;  dark blue:  #273b5c;  light blue: #b2c4e0; dark tan: #dbd9c6;  light tan:  #f3f2eb;*/

a:link, 
a:visited,
a:active { text-decoration: none; color: #436f8b; }
a:hover { text-decoration: none; color: #1b425b; }

a:link.black, 
a:visited.black,
a:active.black { text-decoration: none; color: #000000; }
a:hover.black { text-decoration: underline; color: #000000; }

a:link.bold,
a:visited.bold,
a:active.bold {text-decoration: none; font-weight: bold; color: #436f8b;}
a:hover.bold {text-decoration: none; font-weight: bold; color: #1b425b;}

a:link.thin,
a:visited.thin,
a:active.thin {text-decoration: none; font-weight: normal; color: #436f8b;}
a:hover.thin {text-decoration: none; font-weight: normal; color: #1b425b;}

a.start {
    padding: 0 0 0 20px;
    background: url('../images/startLink-bw.gif') top left no-repeat;
}
a:hover.start { 
    background: url('../images/startLink.gif') top left no-repeat;
}

/* -------------------------------- Default Styles -------------------------------------- */
body { margin: 0px; padding: 0px; font-family: "Lucida Grande","Helvetica","Arial","Sans-serif"; background-color: #FFF; font-size: 12px; color: #555; line-height: 120%;}


h1 { margin: 2px 0px 10px 0px; padding: 0; color: #779a48; font-size: 200%; font-weight: bold; font-style: normal; line-height: normal; }
h2 { margin: 2px 0px 8px 0px; color: #555; font-size: 170%; font-weight: bold; font-style: normal; }
h3 { margin: 2px 0px 5px 0px; font-size: 130%; font-weight: bold; }
h4 { color: #555; font-weight: bold; font-size: 110%; padding-top: 5px; }
strong { font-weight: bold; }
p { padding: 4px 0px 8px 0px; }

input[type=text],
input[type=password] { 
    background-color: #fff; 
    background: url('../images/input-bg.gif') top left repeat-x;
    border: 1px solid #b3b3b3; 
    padding: 4px 2px 0px 2px; 
    height: 18px; 
}
select { 
    background-color: #fff; 
    background: url('../images/input-bg.gif') top left repeat-x;
    border: 1px solid #b3b3b3; 
    padding: 2px 2px 0px 2px; 
    height: 24px; 
}
textarea { 
    background-color: #fff; 
    background: url('../images/input-bg.gif') top left repeat-x;
    border: 1px solid #b3b3b3; 
    padding: 4px 2px 0px 2px; 
}
input[type=submit] { 
    display: none;
}
label { display: block; padding: 4px 0 0 0;}
img { border: none; }
ul, li { list-style: square; }
ul { padding-left: 15px; }
ol { list-style: decimal; }

ul { 
    list-style: square;
    margin-top: 0px;
    padding: 0 0 0 25px;
}
ul li { 
	padding: 5px 0px 0px 0px;
}
    ul li p { 
        padding: 10px 0px 6px 0px;
        margin: 0px;
    }

table, tr, td {
    vertical-align: top;
}

table.paddedTable td { 
   padding: 2px;
}


.errortext { color: #CB0000; }
.instructorNotes { color: #CB0000; }
.error { border: 1px solid #CB0000; color: #CB0000; text-align: center; padding: 2px; }
.errorBox { border: 1px dashed #CB0000; background-color: #FEFDD7; color: #CB0000; font-weight: bold; text-align: center; padding:4px; margin: 0px 0px 5px 0px;}
.hiddenInput { visibility: hidden; }
.errorField {
    background-color: #fff;
    border:  1px solid #CB0000;
    color: #555555;
    font-size: 10px;
    height: 18px;
    padding: 0px;
}
.divClear,
.clear {
    clear:both;
}

/* -------------------------------- Header -------------------------------------- */
#header { 
    background-color: #273b5c;
    height: 119px;
    width: 100%;
    font-size: 110%;
    padding: 0px;
    margin: 0px;
}
    #header #logo { 
        background: url(../images/header_topleft.gif) top left no-repeat;
        width: 263px;
        height: 119px;
        border-right: 1px solid #fff;
        float: left;
        cursor: pointer;
    }
    #header #buttons { 
        height: 119px;
        padding: 0px;
        background: url(../images/headerBG.gif) top left repeat-x;
        margin: 0px;
        font-size: 90%;
    }
    #header #buttons #theseButtons {
        width: 975px;
    }
        #header #buttons .header_button {
            padding: 95px 20px 10px 20px;
            float: left;
            background: url(../images/header_buttonBG_off.gif) top right no-repeat;
            cursor: pointer;
            color: #fff;
            font-weight: bold;
        }

        #header #designations_button:hover {
            background: url('../images/designation_buttonBG.gif') top right no-repeat;
        }
        #header #corporateTraining_button:hover {
            background: url('../images/corporateTraining_buttonBG.gif') top right no-repeat;
        }
        #header #continuingEducation_button:hover {
            background: url('../images/continuingEducation_buttonBG.gif') top right no-repeat;
        }
        #header #members_button:hover {
            background: url('../images/members_buttonBG.gif') top right no-repeat;
        }
        #header #FAQ_button:hover {
            background: url('../images/FAQ_buttonBG.gif') top left no-repeat;
        }
        
    
    #headerSubBar { 
        background-color: #b2c4e0;
        width: 100%;
        height: 30px;
        margin-top:1px;
    }
        #headerSubBar #subTitle {   
            float: left;
            padding: 8px 0px 4px 10px;            
            font-weight: bold;
        }    
        #headerSubBar #subLinks {   
            float: left;
            text-align: right;
            padding: 8px 0px 4px 605px;
        }
            #headerSubBar #subLinks span { 
                padding: 0 15px 0 15px;
            }
            
            #headerSubBar #subLinks a:link, 
            #headerSubBar #subLinks a:visited,
            #headerSubBar #subLinks a:active { text-decoration: none; font-weight: bold; color: #fff; }
            #headerSubBar #subLinks a:hover { text-decoration: none; font-weight: bold; color: #273b5c; }


	

/* ========= footer ============== */        
#footer {
    background: #e6e6e6 url('../images/footer-bg.gif') top left repeat-x;
    height:110px;
    padding: 20px 0 0 30px;
    margin: 0px;
/*    position: fixed;
    bottom: 0pt;*/
    font-size: 85%;

}
    #footer .links {
        padding-bottom: 20px;
        font-weight: bold;
    }
        #footer .links a {
            color: #858585;
        }
        #footer .links a:hover {
            text-decoration: none;
            color: #555;
        }
        #footer .links a:link.black, 
        #footer .links a:visited.black,
        #footer .links a:active.black { text-decoration: none; color: #000000; }
        #footer .links a:hover.black { text-decoration: underline; color: #000000; }
        #footer .links ul,
        #footer .links li {
            list-style: none;
            display: inline;
        }
        #footer .links li {
            padding: 0 20px 0 20px;
        }
        
    
    #footer .follow { 
        padding: 5px 0 15px 0;
        text-align: left;
    }
        #footer .follow .icon {
            padding: 5px;            
        }
    #footer .copyright {
        color: #999;
        font-size: 90%;
    }


/* -------------------------------- Page Content -------------------------------------- */

#pageContent {
    margin-top: 0px;
    width: 100%;
}
#pageWrapper {
    width: 980px;
}

/* -------------------------------- Left Column ---------------------------------------- */
#leftCol { 
    width: 710px;
    float: left;
}
    #leftCol>.content {
        padding: 30px;
    }
    #leftCol>.content ul {
        padding: 5px 0 15px 20px;
    }
    #leftCol>.content>table,
    #leftCol>.content>table td {
        padding: 5px;
    }

    #leftCol .classes { 
        width: 652px; 
        min-height: 201px; 
        margin-top: 30px;
        background: url('../images/classes-bg.jpg') top left no-repeat;
    }
        #leftCol .classes .titleBar { 
            padding: 3px 0 0 15px;
        }
        #leftCol .classes .titleBar h3 { 
            color: #998734;
            font-size: 100%;
        }

/* -------------------------------- Right Column ---------------------------------------- */
#rightCol {
    width: 270px;
    min-height: 707px;
    background: url('../images/rightBG.jpg') top left no-repeat;
    float: left;
}
    #rightCol .content { 
        padding: 30px 0 0 0;
    }
    #testimonials { 
        color: #436f8b;
        padding: 30px;
        font-size: 90%;
        background: url('../images/fish.png') top right no-repeat;
        min-height: 238px;
    }
        #testimonials .quote {
            font-style: italic;
            line-height: 18px;
        }
    
    #ad { 
        padding: 0 0 30px 30px;
    }
        
    #rightCol h3 {
        color: #779a48;
        padding: 0 0 5px 20px;
    }

    #rightCol #menu { 
        margin-bottom: 30px;
    }
        #rightCol #menu>ul {    
            background: url('../images/right_ul_top.png') top left no-repeat;
        }
        #rightCol #menu>ul,
        #rightCol #menu>ul>li { 
            list-style: none;
            padding: 0;
        } 
            #rightCol #menu>ul>li { 
                background: url('../images/right_li_sep.png') bottom left no-repeat;
            }
            #rightCol #menu>ul>li.last { 
                background: url('../images/right_ul_top.png') bottom left no-repeat;
            }
                #rightCol #menu>ul>li>a {
                    display: block;
                    padding: 5px 0 5px 30px;
                }
                
            #rightCol #menu>ul>li>ul,
            #rightCol #menu>ul>li>ul>li { 
                list-style: none;
            } 
            #rightCol #menu>ul>li>ul {
                padding: 0 0 10px 45px;
            }
                #rightCol #menu>ul>li>ul>li { 
                    font-size: 90%;
                    padding: 2px 0 2px 0px;
                }
                
    #rightCol #chapterList { 
        margin-bottom: 30px;
    }
        #rightCol #chapterList>ul {    
            background: url('../images/right_ul_top.png') top left no-repeat;
        }
        #rightCol #chapterList>ul,
        #rightCol #chapterList>ul>li { 
            list-style: none;
            padding: 0;
        } 
            #rightCol #chapterList>ul>li { 
                background: url('../images/right_li_sep.png') bottom left no-repeat;
            }
            #rightCol #chapterList>ul>li.last { 
                background: url('../images/right_ul_top.png') bottom left no-repeat;
            }
                #rightCol #chapterList>ul>li>a {
                    display: block;
                    padding: 5px 0 5px 30px;
                }
                
            #rightCol #chapterList>ul>li>ul,
            #rightCol #chapterList>ul>li>ul>li { 
                list-style: none;
            } 
            #rightCol #chapterList>ul>li>ul {
                padding: 0 0 10px 45px;
            }
                #rightCol #chapterList>ul>li>ul>li { 
                    font-size: 90%;
                    padding: 2px 0 2px 0px;
                }
/* ----------------------------------- Disclaimer ---------------------------------------- */
#disclaimer {
    margin: 25px 0 0px 0;
    font-size: 90%;
    color: #aaa;
    background-color: #eee;
    border-top: 1px solid #888;
}
#disclaimer #top {
    padding: 5px 0px 5px 25px;
    color: #888;
    font-weight: bold;
    background-color: #bbb;
}
#disclaimer #main {
    padding: 10px 0 10px 25px;
    width: 950px;
}

td.past { background-color: #eee; }

/* -------------------------------- Member Box -------------------------------------- */
#memberBox { 
    background-color: #f3f2eb;
    font-size: 90%;
}
#memberBox #top {
    background-color: #dbd9c6;
    border-bottom: 2px solid #fff;
    margin: 0px;
    padding: 8px;
    font-weight: bold;
    color: #868381;

}
#memberBox #main {
    padding: 8px; 
    color: #868381;
}
#memberBox ul {
    list-style: square;
    padding: 0 0 0 15px;
    margin: 5px 0 0 0;
}
#memberBox ul li { 
    padding: 0px 0 6px 0;
}

#memberBox #mid { 
    border-top: 1px solid #fff;
    background-color: #dbd9c6;
    margin-top: 5px;
}

#memberBox #main h3 { 
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#memberBox #classes { 
    border-bottom: 2px solid #fff;
    background-color: #e7e5d6;
	padding: 5px 5px 10px 5px;
	margin-bottom: 0px;
}


/* -------------------------------- form stuff -------------------------------------- */
#formrow,
.formrow { 
    padding: 5px 0 5px 0;

}   

#formrow label,
.formrow label {
    font-size: 90%;
    color: #888;
    display: block;
}
#forgotPass { 
    border: 1px solid #ddd;
    margin: 25px 0 0 0;
    padding: 15px;
}

/* -------------------------------- faq stuff -------------------------------------- */
.question { 
    font-weight: bold;
    font-size: 85%;
}
.answer { 
    padding: 5px 0  25px 0;
    font-size: 85%;
}

#movieTheater { 
    margin: 20px 0 20px 0px;
}

/* -------------------------------- contact page ------------------------------------ */
table.contactTable td {
    padding: 4px;
}

/* -------------------------------- Accordion stuff ---------------------------------------- */
.toggler {
	color: #777;
	margin: 0;
	padding: 6px 0px 5px 15px;
	font-size: 95%;
	border-top: 1px solid #ddd;
	font-weight: bold;
	background-image: url('../images/arrow_right.gif');
	background-repeat: no-repeat;
	cursor: pointer;
}
 
.element {
	border-bottom: 1px solid #aaa;
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
#accordionContent { padding: 0px 0px 0px 30px; }

/* -------------------------------- Question Page ---------------------------------------- */
#questionPage {
    padding: 5px 20px 0 0px;
}
    #questionPage label { 
        padding: 0px 0 0 10px;
        margin: 0px;
    }
    #questionPage .question, #questionPage .answer { 
        font-size: 110%;
        font-weight: normal;
        line-height: 120%;;
    }
    #questionPage .answers { 
        padding: 20px 0 0 10px;
    }
    #questionPage .answer { 
        padding: 0 0 7px 0;
        margin: 0;
        line-height: 120%;
    }
    
    .button-submitAnswer { 
        background: url(../images/button_submitAnswer.png) top left no-repeat;
        width: 134px;
        padding: 0px;
        margin: 0px;
        height: 33px;
        cursor: pointer;
        float: left;
    }
    .button-done { 
        background: url(../images/button-done.png) top left no-repeat;
        width: 134px;
        padding: 0px;
        margin: 0px;
        height: 33px;
        cursor: pointer;
        float: left;
    }
    .button-nextQuestion { 
        background: url(../images/button_nextQuestion.png) top left no-repeat;
        width: 134px;
        padding: 0px;
        margin: 0px;
        height: 33px;
        cursor: pointer;
        float: left;
    }
    .button-submitAnswer:hover, .button-done:hover, .button-nextQuestion:hover { 
        text-decoration: none; background-position: left -57px;
    }
    
    #questionPage .correctAnswer { 
        color: #5cb13e;
        font-weight: bold;
        font-size: 120%;
    }
    #questionPage .wrongAnswer { 
        color: #cb0000;
        font-weight: bold;
        font-size: 120%;
    }

    .questionExplanation {
        padding: 0 20px 0px 20px;
    }
    .answerExplanation {
        background: url(../images/answerBottomBG.gif) top left no-repeat;
        margin-bottom: 20px;
    }
        .answerExplanation>.content {
            padding: 20px 20px 0 20px;
        }
        .answerExplanation .answers {
            margin-bottom: 10px;
        }
    
    .answerExplanation .bottom { 
        background: url(../images/answerBottomBG-bottom.gif) top left no-repeat;
        width: 630px;
        height: 25px;
        float: right;
    }
        .explanationQuestion { 
            
        }

        .answerExplanation .explanationVideo { 
            float: left;
            width: 300px;
            height: 200px;
            margin: 0 10px 10px 0;
        }
        .answerExplanation .explanationText {
            font-weight:  bold;
            padding: 0px 0px 20px 0px;
            color: #7399c6;
            width: 270px;
            float: left;
        }
        .answerExplanation .explanationText-full {
            font-weight:  bold;
            padding: 0px 0px 20px 0px;
            color: #7399c6;
        }
 
/* -------------------------- Class list that's on every page ----------------------- */ 
.pageClasses {
    padding: 15px 0 0 0;
}   
table.classList {
    width: 620px;
    font-size: 90%;
}
table.classList td {
    padding: 2px 2px 2px 0;
}

/* ---------------------- Accordion ------------------ */
#accordion {
    padding: 10px 0 0 0;
    margin-left: 20px;
}
    #accordion h3 {
        font-size: 100%;
        padding: 5px 0 2px 0;
        border-top: 1px dotted #bbb;
    }
    #accordion div {
        padding: 5px 0 0 20px;
    }
    
/* ---------------- unit details --------------------- */

.unitBlock { 
    min-height: 100px;
    padding: 10px 0 10px 20px;
}
    .unitBlock h3 {
        border-bottom: 1px solid #bbb;
        padding-bottom: 4px;
        margin: 0px;
    }
    .unitBlock ul { 
        padding: 0px;
        list-style: none;
    }
    .unitBlock ul,
    .unitBlock ul li { 
        list-style: none;
    }
    
    
.quizzes {
    padding: 10px 0 10px 20px;
}
    .quizzes>.quiz { 
        padding: 0px 0 10px 0;
    }
    .quizzes .date {
        color: #999;
        font-size: 85%;
    }
    
/* ============== breadcrumbs =================== */


ul#crumbs, ul#crumbs>li {
	list-style-type:none;
	padding:0;
	margin:0;
	}		
ul#crumbs {
	height:2.3em;
	border:1px solid #dedede;
	margin: 0 20px 30px 0px;
	padding:0;
	}
ul#crumbs>li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding: 0 0 .75em 0;
	}		
ul#crumbs>li>a {
	background:url(../images/crumbs.png) no-repeat right center;
	display:block;
	padding:0 15px 0 15px;
	}							
ul#crumbs>li a:link,
ul#crumbs>li a:visited {
	color:#777;
	text-decoration:none;
	}	

ul#crumbs>li a:hover,
ul#crumbs>li a:focus {
	color:#dd2c0d;
}