/* ------------------------- GENERIC STYLES --------------------- */
* {
	margin : 0;
	padding: 0;
} 
 
a {
	outline        : none;
    text-decoration: none;
}
 
body {
	background-color: #015297;
	color           : #585858;
	font            : 90%/130% verdana, sans-serif;
}
 
h1, h2, h3, h4, h5, h6 {
	font-weight   : bold;
	font-size     : 100%;
	letter-spacing: 1px;
}

em {
    font-weight: bold;
    font-style : italic;
}
blockquote {
    background  : #EBF6FF url(../image/bquote_open.gif) no-repeat 5px 8px;
    border-color: #C7D5E1 #C7D5E1 #a9c6e0;
    border-width: 1px;
    border-style: solid;
    padding     : 8px 20px 0 30px;
    margin      : 30px 30px;
    font-size   : 13px;
    color       : #155054;
    -moz-border-radius:3px; /* works only with FireFox*/
}    
    blockquote p {
        background: transparent url(../image/bquote_close.gif) no-repeat bottom right;
    }   

.clear  { clear: both;  }
    .cLeft  { clear: left;  }
    .cRight { clear: right; }

.fNone { float: none; }
    .fLeft { float: left; }
    .fRight { float: right; }
 
.cEnd:after, .entryPage div:after {
	content   : ".";
	display   : block;
	height    : 0;
	clear     : both;
	visibility: hidden;
}
    .cEnd { display: inline-block; }
/* Hides from IE-mac \*/
* html .cEnd {height: 1%;}
.cEnd {display: block;}
/* End hide from IE-mac */

.separator {
    margin    : auto auto 10px;
    height    : 1px;
    background: transparent url(/image/line.gif) repeat-x;    
}    

.required {
    color: #ce0709; 
}

.footNote {
    font-size: 10px;
}

.maxAchieve {
    font : bold 14px Arial, sans-serif;
    color: #085597;
}
    #contentInner .maxAchieve .hright {
        color: #FF4A00;
    }
.green  {color: green;}
.blue   {color: #1779d3;}
.red    {color: #d90a0a;}
.orange {color: #FF4A00;}
.purple {color: purple;}

#preFooter .loading {
    display   : none;
    position  : absolute;
    z-index   : 1000;
    width     : 182px;
    height    : 69px;
    background: transparent url("/image/loadingDivup.png") no-repeat;
}
    #preFooter .loading span {
        position   : absolute;
        display    : block;
        background : transparent url("/image/loadingLogo.png") no-repeat 2px 6px;
        height     : 34px;
        font-weight: bold;
        color      : #0b576d;
        top        : 10px;
        left       : 5px;
        padding    : 12px 0 0 60px;
    }
    #btnTellFriend {
          background     : transparent url(/image/tellAFriend.png) no-repeat;
          width          : 169px;
          height         : 30px;
          display        : block;
          text-decoration: none;
    }
    #btnNewsletter {
        background     : transparent url(/image/subscribe.png) no-repeat; 
        width          : 144px;
        height         : 30px;
        display        : block;
        text-decoration: none;
        margin-top     : 10px;
    }

/* ------------------------- HEADER --------------------- */ 
div#header {
 	background: transparent url(/image/header.png) repeat-x;
 	height    : 100px;
 	width     : 100%;
 	margin    : 0 auto;
}
	h1#logo {
		background : transparent url(/image/thinkrite_3.png) no-repeat 0 0;
		color      : white;
		font-size  : 140%;
		font-weight: bold;
		height     : 96px;
		margin     : 0;
		width      : 246px;
		float      : left;
	}
		h1#logo a img {
			width     : 291px;
			height    : 81px;
			border    : 0;
		}
		h1#logo a span {
			float      : right;
			text-indent: -5000px;
			margin-top : -50px;
		}
        
div#headerInner {
	width   : 950px;
	position: relative;
	margin  : 0 auto;
	height  : 100px;
}

    ul#headerMenu {
        position: absolute;
        top     : 27px; 
        right   : 0;
        height  : 83px; 
    }
        ul#headerMenu li {
            float     : left;
            list-style: none;
            width     : 80px;
            display   : inline;
        }
        ul#headerMenu li.back {
            position   : absolute;
            background : url("/image/lava.png") no-repeat;
            height     : 60px;
            margin-left: 9px;
            z-index    : 8;            
        }
 	        ul#headerMenu li a {
                    position       : relative;
                    outline        : none;
                    text-align     : center;
                    z-index        : 10;
                    display        : block;
                /* If CSS is not supported, the LI A text will appear, otherwise it wont displaying only the background */
                    text-indent : -5000em;
                    color       : #fff;
                    background  : transparent url(/image/headmenu.png) no-repeat;
                    height      : 60px;
                    width       : 62px;
                    float       : left;
                    margin      : 0 10px;
                    display     : inline;
 	        }
            ul#headerMenu li a#course { background-position : -128px 0; }
            ul#headerMenu li a#about   { background-position : -64px 0; }
            ul#headerMenu li a#contact { background-position : -192px 0; }
            ul#headerMenu li a#blog    { background-position : -320px 0; }
            ul#headerMenu li a#gallery { background-position : -256px 0; }
            ul#headerMenu li a#help    { background-position : -384px 0; }
                /* Lavalamp initial menu highlight thru CSS itself, coz if FF3/Jquery bug */
                body.index ul.lavaLamp li.back    { left: 0; }
                body.course ul.lavaLamp li.back { left: 80px; }            
                body.about ul.lavaLamp li.back   { left: 320px; }
                body.contact ul.lavaLamp li.back { left: 400px; }
                body.blog ul.lavaLamp li.back    { left: 160px; }
                body.gallery ul.lavaLamp li.back { left: 240px; }
                body.help ul.lavaLamp li.back    { left: 480px; }


/* ------------------------- CONTENT --------------------- */        
div#content {
    background-color: #FFF;
    text-align      : center;
    margin          : 0 auto;
}
div#contentInner {
    width      : 950px;
    margin     : 0 auto;
    text-align : left;
    padding    : 20px 10px 50px 0;
    color      : #1b1b1b;
    font-size  : 13px;
    line-height: 140%;
    text-align : justify;
}
	#contentInner h1, #contentInner h2, #preFooterInner h1, #preFooterInner h2 {
            color         : #085597;
            font          : bold 25px Arial, sans-serif;
            margin-bottom : 16px;
            letter-spacing: 0;
	}
    
        #preFooterInner h1, #preFooterInner h2 {
            color: #085597
        }
            #preFooterInner .hright {
                color: #FF4A00;
            }
		#contentInner .hright {
			color: #ff8a00;
		}
        #contentInner h2, #preFooterInner h2 {
            font-size:23px;
        }
        #contentInner ul {
            padding-left: 25px;
        }
            #contentInner li {
                margin-bottom: 4px;
            }
            
#primaryContent {
    width : 650px;
    float : left;
}
    #primaryContent p {
        margin-bottom: 5px;
    }

#secondaryContent {
    width      : 240px;
    float      : right;
}    

#home {
    background-image: url("/image/home-image.png");
    height          : 440px;
    position        : relative;
}
    #homeHeading {
        text-align: center;
        position  : absolute;
        top       : 15px;
        left      : 66px;
    }
        #home h1 {
            display: inline;
        }
        #headingTxt {
            font : normal 22px Arial, sans-serif; 
            color: #656565;
        }
    .phrases {
        position: absolute;
        font    : bold 14px/21px Arial, sans-serif;
        color   : #454545;
        left    : 635px;
    }
    #phrase1 { left: 58px; top : 127px; }
    #phrase2 { left: 58px; top : 237px; }
    #phrase3 { top : 105px; }
    #phrase4 { top : 197px; }
    #phrase5 { top : 292px; }
    
#homeLinks {
    margin: 0 0 40px 0;
    font  : bold 13px Arial, Verdana, sans-serif;
}
    #homeLinks a {
        text-decoration: none;
        color          : #085597;
        border-bottom  : 1px solid #085597;
    }
#homeEvent {
    position     : relative;
    background   : transparent url(/image/happening_bar.png);
    width        : 869px;
    height       : 56px;
    color        : #FFF;
    text-align   : center;
    margin-left  : 40px;
    margin-bottom: 20px;
    font-family  : Arial, sans-serif;
    font-weight  : bold;
    display      : none;
}
    #homeEvent div {
        position: absolute;
    }
    #homeEventCnt {
        top: 10px;
        left: 16px;
        text-align: center;
    }
    #homeEventCourse {
        top: 9px;
        left: 192px;
        background: transparent url(/image/homeEvent_Course.png) no-repeat;
        height: 42px;
        width: 183px;
    }
    #homeEventDetails {
        top: 10px;
        left: 425px;
    }
        #homeEventDetails div {
            text-align: left;
            position: relative; 
            float: left; 
            width: 190px;
        }
        #homeEventDetails .evtHead {
            color    : #fff0b3;
            font-size: 14px;
        }
    #homeEventLink {
        top  : 35px;
        right: 7px;
    }
        #homeEventLink a {
            color      : #FFF;
            font-size  : 12px;
            font-weight: normal;
        }
    #homeEventClose {
        top       : 7px;
        right     : 7px;
        background: transparent url(/image/homeEvent_Close.gif) no-repeat;
        width     : 12px;
        height    : 12px;
        cursor    : pointer;
    }

#homeContent {
    font       : normal 14px/1.62em Arial, Verdana, sans-serif; /* line height 1.62 em*/
    width      : 600px;
    float      : left;
    margin-top : 20px;
}
    #homeContent h1 {
        color: #085597;
        font : bold 28px Georgia, "Times New Roman", Times, serif;
    }
        #homeContent h2 {
            color         : #085597;
            font          : bold 18px Arial, Verdana, sans-serif;
            letter-spacing: 0;
            margin        : 0;
            padding       : 10px 0;
        }
        #homeContent p {
            margin-bottom: 10px;
        }    
        #homeContent .bigMargin  {
            margin-bottom: 20px;
        }
        #homeContent .links {
            margin-bottom: 10px;
            text-align   : right;
        }
            .links a {
                border-bottom  : 1px solid #085597;
                color          :#085597;
                text-decoration: none;
            }
    
/* ------------------------- TESTIMONIAL --------------------- */        
#wideTestCont {
    background: transparent url(/image/test-tl.png) top left no-repeat; 
    width     : 285px; 
    position  : relative;
    float     : right;
}
    #wideTestCont h2 {
        font      : bold 14px Verdana, Arial, sans-serif; 
        background: transparent url(/image/test-tr.png) 241px 74px no-repeat; 
        height    : 50px; 
        padding   : 61px 17px 0 0; 
        margin    : 0; 
        text-align: right; 
        color     : #454545;
    }
    #wideTestCont #wideTest {
        background  : transparent url(/image/test-vr.png) top right repeat-y;
        padding-left: 0;
        float       : left;
        width       : 285px;
    }
        #wideTest .testimonial, 
        #basicTestList .testimonial {
            position  : relative;
            margin    : 26px 8px 0;
            width     : 265px;
            height    : 186px;
            background: #fff0dd url(/image/roundedCorner.png) no-repeat -30px 0;
            list-style: none;
        }
            .testimonial span {
                background: transparent url(/image/roundedCorner.png) no-repeat;
                height    : 11px;
                width     : 9px;
                display   : block;
                position  : absolute;
            }
            .testimonial div {
                height     : 125px;
                font       : italic 12px/18px Verdana, Arial, sans-serif;
                padding    : 10px 10px 0;
                
                background: transparent url(/image/quote_left.gif) no-repeat 10px 8px;
            }
                .testimonial div p {
                    background: transparent url(/image/quotes_right.gif) bottom right no-repeat;
                }
                
                .testimonial div.sign  {
                    font       : bold 11px/18px Verdana, Arial, sans-serif;
                    text-align : right;
                    padding    : 0 10px 0 0;
                    height     : 40px;
                    color      : #606060;
                    background : none;
                }
            #wideTest .testimonial.first,
            #basicTestList .testimonial.first { 
                background-color: #fff0dd; 
            }
            #wideTest .testimonial.second,
            #basicTestList .testimonial.second { 
                background-color: #d7f1ff ;
            }
            #wideTest .testimonial.third,
            #basicTestList .testimonial.third { 
                background-color: #ffdff3;
            }
            .testimonial .tRight { background-position: 0 0; right: 0;}
            .testimonial .bLeft  { background-position: -10px 0;}
            .testimonial .bRight { background-position: -20px 0; right: 0;}

#basicTests {
    border-width: 3px 3px 3px 1px;
    border-color: #73ba03;
    border-style: solid;
    float       : right;
    width       : 277px;
    background  : #fff url(/image/basicTestHeadBack.png) repeat-x;
    margin-top  : 10px;
}   
    #basicTests h2 {
        text-align: center;
        color     : #73ba03;
        margin    : 15px 0 0;
        font      : bold 22px Arial, sans-serif;
    }             
    #basicTestList .testimonial {
        width        : auto;
        height       : 192px;
        margin-bottom: 26px;
    }
        #basicTestList .testimonial div {
            height        : 131px;
            padding-bottom: 0;
        }
        #basicTestList .testimonial div.sign {
            height: 40px;
        }
            
#wideEvent {
    border       : 3px solid #e35d10; 
    background   : transparent url(/image/happenings.png) no-repeat; 
    padding      : 25px 0 15px; 
    margin-bottom: 20px;
    color        : #454545;
    font         : normal 13px Arial, sans-serif; 
}   
    #wideEvent .fBld {
        font-weight: bold;
    }
    #wideEvent .date {
        color    : #0562B2; 
        font-size: 15px;
    }
    #wideEvent .timing {
        color    : #FF4A00; 
        font-size: 14px
    }
    #wideEvent div {
        float: left;
    }
        #wideEvent div p {
        }         
    #wideEvent .evtTitle {
        display       : block; 
        padding-bottom: 5px; 
        font-size     : 19px;
    }
    #evtIntro {
        width     : 287px; 
        background: transparent url(/image/free.png) no-repeat; 
        padding   : 0 0 15px 100px; 
        margin    : 10px 0 0 10px;
        display   : inline;
    }
    #evtContact {
        padding         : 10px 10px 18px; 
        height          : 100px; 
        width           : 130px; 
        background-color: #fde1d1; 
        margin-top      : 10px;
    }
        #evtContact a {
             display  : block; 
             font-size: 16px; 
             color    : #0562B2; 
             margin   : 0 0 5px 23px;
             width    : 85px;
        }
        #evtContact p {
            font-size  : 14px;
            line-height: 25px; 
            text-align : center;
        }
    #evtCourse {
        width     : 350px; 
        padding   : 0 10px 15px 37px; 
        margin-top: 10px;
    }
    
/* ------------------------ FOOTER ------------------------ */     
div#preFooter {
    clear           : both;
    color           : #000;
    margin          : 0 auto;
    padding         : 0 0 30px;
    background-color: #BAD7F0;
    border-top      : 1px solid #015297; 
}
    div#preFooterInner {
        width      : 950px;
        margin     : 0 auto;
        padding-top: 30px;
        position   : relative;
    }
        #pfmContainer {
            margin-bottom: 15px;
            display      : none;
            text-align   : center;
        }
            #pfmContainer div {
                margin: 0 auto;
                width : 386px;
            }
            #pfmContainer span {
                float : left;
                width : 3px;
                height: 24px;
            }
                #pfmContainer span.pfmLeft {
                    background: transparent url(/image/pfm_left.gif) no-repeat left top;
                }
                #pfmContainer span.pfmRight {
                    background: transparent url(/image/pfm_right.gif) no-repeat right top;
                }
                #pfmContainer #preFooterMessage {
                    background-color: #CC0000;
                    padding         : 3px 10px;
                    color           : #FFF;
                    font-size       : 12px;
                    font-weight     : bold;
                    position        : relative;
                    width           : 360px;
                    height          : 18px;
                }
        #subscribeReason {
            font-size      :11px;
            list-style-type: none;
            margin-top     : 35px;
        }
        #subscribePrivacy {
            font-size : 11px;
            margin-top: 25px;
        }
    
    /* can be included in primary content and secondary content */
    div#tellFriendBlock {
        float: left;
        width: 650px;
    }
    div#newsletterBlock {
        float: right;
        width: 240px;
    }    
    /* can be included in primary content and secondary content */
    
    #tellFriend {
        width: 640px;
    }
    #tellFriend th, #newsletter th {
        text-align: left;
    }
        #tellFriend label, #newsletter label {
            font-weight: bold;
            font-size  : 11px;
        }
            #tellFriend th.break, #tellFriend td.break {
                padding-top: 10px;
            }
    #tellFriend input {
        width : 264px;
        height: 20px;
    }
    #tellFriend textarea {
        width: 582px;
    }    
    #tellFriend textArea, #tellFriend input {
        margin: 2px 0 10px;
    }
    #newsletter {
        width     : 230px;
        margin-top: 15px;
    }
        #newsletter input {
            width : 150px;
            height: 20px;
            margin: 2px 0 5px;
        }

div#footer {
    clear     : both;
    color     : #fff;
    margin    : 0 auto;
    padding   : 10px 0 25px 0;
    text-align: center;
    font-size : 11px;
    min-height: 57px;  
 }                       
div#footerInner, div#womInner {
    width : 950px;
    margin: 0 auto 0;
    padding-top: 20px;
}
    div#footerInner {
        background: transparent url(/image/footer_logo.png) no-repeat right;
    }
    div#footerInner ul li {
        display   : inline; /* Using display:inline instead of float:left because, float causes the ul to not center */
        list-style: none;
    }
    div#footerInner ul li a {
        color          : #fff;
        font-weight    : bold;
        font-size      : 12px;         
        text-decoration: none;
        background     : transparent url(/image/foot-list-divider.gif) no-repeat 0 3px;
    	padding        : 0 10px 0 20px;
    }
	div#footerInner ul li.first-child a {
            background-image: none;
	}
    p#footerCopyright {
        padding: 20px 0 10px;
    }

    
/* ---------------------- HOME PAGE ------------------- */        
#maxAchieve {
    background : transparent url(/image/maxAchieve.jpg) no-repeat 450px 0;
    min-height : 245px;
    height     : auto !important;
    height     : 245px;
    margin-left: 10px;
    color      : gray;
}
    #maxAchieve div {
        width      : 425px; 
        font       : Normal 17px/28px Verdana, Arial, sans-serif; 
    }
    #maxAchieve p {
        font-size: 20px;
    }
    #maxAchieve ul {
        list-style      : none;
        list-style-image: url(/image/tick_bullet.png);
        margin          : 40px 0 0 45px;
    }
        #maxAchieve ul li {
            font         : normal 15px Verdana, Arial,sans-serif;
            margin-bottom: 15px;
            color        : #000;
        }
            #maxAchieve ul li span {
                color: #00a32c;
            }
        #maxAchieve .spl {
            font   : normal 18px Verdana, Arial,sans-serif;
            margin : 36px 0 0 32px;
            color  : #005D9F;
        }

    #events, #subscribe {
        font-weight : bold;
        text-align  : center;
        font-size   : 14px;        
    }
                    
    #events {
        min-height  : 300px;
        height      : auto !important;
        height      : 300px;
        font-size   : 11px;
        font-weight : normal;
        text-align  : left;
    }
        #secondaryContent #events {
            padding-left : 5px;
            position     : relative;
            z-index      : 1;        
        }
        #events h4 {
            letter-spacing : 0;
        }
        #events div {
            margin-top : 15px;
        }
        #events a {
            text-decoration: none;
            color          : blue;
        }    
        .evtImage {
            margin : 4px 5px 0 0; 
            float  : left;
            width  : 74px;
        }
            .evtImage img {
                border  : 1px solid gray;            
                padding : 1px;
                width   : 70px;
                height  : 70px;
            }
        #events .evtContent {
            float      : left; 
            width      : 149px;
            margin-top : 0;
        }
        .evtFooter {
            margin-top : 10px;
            text-align : right;
        }
    
    #subscribe {
        min-height : 150px;
        height     : auto !important;
        height     : 150px;
    }    
                 
/* ---------------------- CONTACT PAGE ------------------- */                         
#content .contact {
    font : bold 13px Verdana, Arial, sans-serif;
    color: gray;
}
    #content .gradBorder {
        margin: 0 0 0 26px; 
    }
    #content .detailsContainer {
        padding: 30px 0 0 30px; 
        margin: 0 0 0 26px; 
    }
    #contactAddress {
        float        : left;
        width        : 460px;
        margin       : 10px 0 30px;
        background   : #0c5ba3 url(/image/getInTouch.png) no-repeat 0 20px;
    }    
        #contactAddress label {
            display      : block;
            margin-bottom: 5px;
            color        : #000;
            font         : normal 18px Verdana, Arial, sans-serif;
        }
        #contactAddress div {
            margin-bottom: 15px;
            
        }
        #contactAddress .gradBorder {
            background: #fff url(/image/blueGradBorder.png) no-repeat 0 0; 
        }
        #contactAddress .detailsContainer {
            background: #fff url(/image/blueGradBack.png) repeat-y 0 0; 
        }
        #contactAddress #details {
            margin-bottom : 0; 
            padding-bottom: 146px; 
            background    : transparent url(/image/getInTouchBack.jpg) right bottom no-repeat;
        }
            #contactAddress #details div, #contactAddress #details address {
                margin: 10px 0 25px 0;
                line-height: 23px;
            }
                #contactAddress #details address {
                    font-style: normal;
                }
            
    #contactMail {
        float      : right;
        width      : 460px;
        margin     : 10px 0 30px 10px;
        background : #fba803 url(/image/writeANote.png) no-repeat 0 20px;
        display    : inline;
    }
        #contactMail div {
            margin-bottom: 6px;
        }
        #contactMail label {
            display : block;
            padding : 5px 0 2px;
            color: #000;
        }
        #contactMail .gradBorder {
            background: #fff url(/image/orangeGradBorder.png) no-repeat 0 0; 
        }
        #contactMail .detailsContainer {
            background: #fff url(/image/orangeGradBack.png) repeat-y 0 0;
        }
        #contactMail .txt, #contactMail .cmb, #contactMail textarea {
            border :1px solid #7f9db9;
            font-size: 15px;
        }
        #contactMail .txt, #contactMail .cmb {
            width: 200px;
            height: 21px;
        }
        #contactMail .actionPanel {
            margin: 15px 0 20px 0;
        }
        #contactMail form {
            margin-bottom : 0; 
            padding-bottom: 154px; 
            background    : transparent url(/image/writeANoteBack.jpg) right bottom no-repeat;
        }
        #contactMail .footNote {
            color: #000;
        }
    #cMsg {
      display   : none; 
      text-align: center;
    }
    
/* ---------------------- COURSE PAGE ------------------- */        
    
#courseContainer #courseTab {
    float     : left;
    list-style: none;
    padding-left: 5px;
}
    #courseContainer #courseTab li {
        margin: 0;
        float : left;
    }
        #courseTab li a {
            display   : block;
            background: transparent url(/image/course-tabs.png) no-repeat;
            width     : 138px;
            height    : 27px;
        }
            #courseTab li.selected #detailsTab { background-position: -560px 0px; }
            #courseTab li #methodologyTab { background-position: -140px -0px;}
              #courseTab li.selected #methodologyTab { background-position: -700px -0px;}
            #courseTab li #syllabusTab { background-position: -280px -0px;}
              #courseTab li.selected #syllabusTab { background-position: -840px -0px;}
            #courseTab li #priceTab { background-position: -420px -0px;}
              #courseTab li.selected #priceTab { background-position: -980px -0px;}
#courseContainer .maxAchieve {
    font-size: 16px;
}
#courseContainer h2 {
    color     : #C0E2F3; 
    text-align: center; 
    padding   : 0; 
    margin    : 0; 
    font      : normal 63px 'Times New Roman', serif; 
    height    : 60px;
}
    #courseContainer.unlimited_power .courseHeader {
        background: transparent url(../image/unlimited_power.png) no-repeat right top;
        margin: 10px 10px 25px;        
    }                            
    #courseContainer.prenatal_parenting .courseHeader {
        background: transparent url(../image/prenatal_parenting_logo.png) no-repeat right 13px;
        margin: 10px 10px 0px;     
        height:40px;   
        padding-bottom: 18px;
    }                    
/*    
    #courseContainer.prenatal_parenting .courseHeader {
        position: relative;
    }                                            
    #courseContainer.prenatal_parenting .courseHeader h4{
        position: absolute;
        top: 0;
        right: 2px;
    }         
*/                               
        #courseContainer.unlimited_power h3 {
            padding: 10px 0 3px;
            margin-right: 0;
            text-align: left;
            font-size: 20px;
        }
            #courseContainer.prenatal_parenting h3 {
                width: 96%;
            }
    #courseContainer h3 {
        text-align    : right; 
        margin        : 0 7px 20px 9px; 
        border-bottom : 1px solid #C0E2F3; 
        font          : normal 22px verdana, sans-serif; 
        color         : #037EBE; 
        letter-spacing: 0;
    }

#courseContainer .courseContent {
    width       : 630px;
    float       : left;
    margin-right: 10px;
    border-style: solid;
    border-width: 3px 1px 3px 3px;
    padding     : 0 10px 10px;
    display     : none;
    font        : normal 14px/1.62em Arial, sans-serif;
}
    .courseContent h4 {
        margin        : 15px 0 5px;
        font-size     : 16px;
        letter-spacing: 0;
    }
    .courseContent div {
        margin: 15px 0 0 15px;
    }
    .courseContent p {
        padding-right : 10px;
        margin-bottom : 15px;
    }
    #courseContainer .courseContent ul {
        padding-left    : 35px;
        list-style      : none;
        list-style-image: url(/image/bullet.gif);
        margin          : 10px 0;
    }
            
    #contentInner #courseDetail_1 {
        border-color: #037EBE;
        background  : transparent url(/image/blue-back.png) repeat-x;
        display: block;
    }
        #courseDetail_1 p.courseLeft {
            padding-right: 200px;
        }
        #courseDetail_1 div {
            background : transparent url(/image/maxAchieve.png) no-repeat 425px 0;
        }           
            .prenatal_parenting #courseDetail_1 div {
                background : transparent url(/image/prenatal_parenting.png) no-repeat top right;
            }
    #courseMethodology_1 {
        border-color: #fe3434;
        background  : transparent url(/image/red-back.png) repeat-x;
    }
        #courseMethodology_1 h2 {
            color: #fac4c4;
        }
        #courseMethodology_1 h3 {
            border-bottom-color: #fac4c4; 
            color: #FE3434;
        }
    #courseSyllabus_1 {
        border-color: #73ba03;
        background  : transparent url(/image/green-back.png) repeat-x;
    }
        #courseSyllabus_1 h2    {
            color: #cdeaa1; 
        }
        #courseSyllabus_1 h3 {
            border-bottom-color: #cdeaa1; 
            color: #73BA03;
        }
        #courseSyllabus_1 table {
            margin: 10px 20px;
        }
    #coursePrice_1 {
        border-color: #ffa800;
        background  : transparent url(/image/orange-back.png) repeat-x;
    }
        #coursePrice_1 h2       {
            color: #eedc94; 
        }
        #coursePrice_1 h3 {
             border-bottom-color: #eedc94;
             color: #FFA800;
        }
    #courseSchedule {
        margin: 0;    
    }
        #courseSchedule p {
            margin: 20px 0 0; 
        }
        #courseSchedule label {
            font-weight: bold;
            width      : 60px;
            float: left;
        }
        #courseSchedule .courseName {
            font-weight: bold;
            padding    : 0; 
        }
        #courseSchedule address span {
            padding-left: 58px;
            font-style: normal;
        }        

/* ------------------------- COURSE MENU ---------------------- */ 
#rightContainer {
    float: right;
    width: 281px;
}
    #courseMenu ul {
        list-style: none;
        padding   : 0;
    }
        #courseCategory h2 {
            background: transparent url(/image/course_heading.png) no-repeat;
            height    : 41px;
        }
        #courseCategory li {
            border-style : solid;
            border-width : 3px 3px 3px 1px;
            padding      : 0 0 15px;
            margin-bottom: 35px;
        }
            .courseList {
                width      : 238px;
                margin-left: 20px;
            }
                #courseCategory .courseList li {
                    border    : none;
                    margin    : 4px 0 5px;
                    padding   : 0;
                    width     : 238px;
                    text-align: center;
                    background: transparent url(/image/course_name_box.png) no-repeat;
                    height    : 48px;
                }
                    #courseCategory .courseList .lastChild {
                        height: 28px;
                    }
                    .courseList li a {
                        font-weight        : bold;
                        color              : #01417c;
                        display            : block;
                        padding            : 4px 0 0;
                    }
                    
    #categoryYou { border-color: #58a8d2; }
            
    #categoryYourKids { border-color: #fe3434; }
        #categoryYourKids h2 { background-position: 0 -43px; }
        #categoryYourKids a { color: #D90A0A; }
        #categoryYourKids .courseList li { background-position: 0 -48px; }

    #categorySpecial { /*#ffa800*/ border-color: #f2b235; }
        #categorySpecial h2 { background-position: 0 -86px;}
        #categorySpecial a { color: #ff4a00; }
        #categorySpecial .courseList li { background-position: 0 -98px; }
        
/* ------------------------- ABOUT US ---------------------- */
#about {
    width : 800px;
    margin: 20px auto;
}
.aboutUs {
    line-height: 150%;
    margin-bottom: 25px;
}
    .aboutUs div {
        float: left;
    }
        .aboutUs .txtCntLeft {
            width      : 500px; 
            margin-left: 18px;
        }
        .aboutUs .txtCntRight {
            margin-right: 18px;
            width       : 800px;
        }
    .aboutUs img {
        height : 300px; 
        padding: 3px; 
        border : 1px solid gray; 
    }
    .aboutUs div p {
        margin-bottom: 20px;
    }
    
/* ---------------------------- FAQ ------------------------ */
    #faq {
      margin-bottom : 25px;
    }
        #faq h2 {
          color  : black;
          font   : bold 17px Verdana, Arial, sans-serif;
          margin : 25px 0 7px 0;
        }
        #faq .question {
          cursor : pointer;
        }
        #faq .answer {
            margin-left : 20px;
            text-align  : justify;
            width: 600px;
        }
            #faq .answer p {
                padding-bottom: 15px;
                line-height: 175%;
            }
        #faq div.questionAnswer div {
          padding : 0pt 25px;
        }
            #faq div.questionAnswer div.question {
                background     : transparent url(/image/bullet.gif) no-repeat scroll 0pt 11px;
                margin-left    : 8px;
                padding-top    : 8px;
                padding-bottom : 5px;
            }
              #faq div.questionAnswer div.question a {
                  text-decoration : none;
                  color           : #146cbd;
                  font-size       : 13px;
                  font-weight     : bold;
              }

/* ---------------------------- BLOG STYLES ------------------------ */

#blogContent {
    float        : left;
    width        : 650px;
    padding-right: 30px;
    background   : transparent url(/image/grayDot.gif) right top repeat-y;
    line-height  : 23px;
}
    #blogContent h2, #blogMenu h2 {
        font      : bold 18px Verdana, sans-serif;
        padding   : 0 0 5px;
        background: transparent url(/image/grayDot.gif) repeat-x bottom;
    }
    #blogContent a {
        color          : #085597;
        text-decoration: none;
    }
        .post em {
            font-weight: normal;
        }
        .post .date, .post .author {
            font-weight  : bold;
            font-size    : 11px;
            color        : #6a6a6a;
            margin-bottom: 4px;
        }
        .entry p {
            margin-bottom: 10px;
        }
        .postmetadata {
            padding: 6px 0 20px;
        }
            .postmetadata a {
                font-weight: bold;
                font-size  : 12px;
            }
    #commentform p {
        margin-bottom: 10px;        
    }
        #commentform label {
            
        }
#blogMenu {
    background  : transparent url(/image/grayDot.gif) left top repeat-y;
    float       : left;
    width       : 245px;
    padding-left: 25px; 
    position    : relative;
    left        : -3px;
}
    #blogMenu ul {
        list-style   : none;
        padding-left : 5px;
        margin-bottom: 20px;
    }
        #blogMenu ul li {
            margin-bottom: 7px;
        }
        #blogMenu ul a {
            background     : transparent url(/image/bullet.gif) no-repeat 0pt 11px;
            padding        : 9px 0 5px 25px;
            text-decoration: none;
            font-weight    : bold;
            font-size      : 12px;
            color          :#085597; 
        }
    #blogMenu ul.children {
        padding-left : 20px;
        margin-top   : 10px;
        margin-bottom: 10px;
    }
        #blogMenu ul.children a {
            background  : transparent url(/image/tick.gif) no-repeat 0pt 9px;
            padding-left: 20px;
        }

    #blogContent #comments {
        font-size: 15px;
    }

    .commentlist {
        list-style   : none;
    }
        .commentlist li {
            margin-bottom: 20px;
            border       : 1px solid  #037EBE;
        }
        .commentlist .authorComment {
            margin-bottom: 20px;
            border       : 1px solid  #fba803;
        }
        .commentTitle {
            padding-left: 10px;
            background  : transparent url(/image/blog_comment_title.png) repeat-x;
            height      : 29px;
            color       : #000;
        }
            .commentTitle strong {
                text-align: left;
            }
            .authorComment .commentTitle {
                background-position: 0 -31px;
            }
            #blogContent .commentTitle a {
                color: #000;
            }
        .commentBody {
            padding: 10px 10px 0;
        }
            .commentBody p {
                margin-bottom: 10px;
            }
        
/* ------------------------- GALLERY STYLES ------------------------ */
#galleryHeader {
    font       : normal 13px Arial, sans-serif;
    margin-left: 20px;
    color      : #4a4a4a;
}
#galleryContent {
    margin: 20px auto;
    width : 908px;
}
    #galleryContent .row {
        margin-bottom: 40px;                
    }
    #galleryContent .col, #galleryContent .colLast {
        display: inline;
        float : left;
        height: 139px;
        width : 197px;
        margin: 0 40px 0 0;
        background: transparent url(/image/thumbnailBack.png) no-repeat top left;
    }
    #galleryContent .colLast {
        margin: 0;
    }
        #galleryContent .col img, #galleryContent .colLast img {
            padding: 3px; 
            border: 1px solid #ababab;
        }
        
              
/* ------------------------- GENERIC CLASSES ---------------------- */

    #content .box {
        background : transparent url(/image/rightback.png) repeat-x;
        border     : 1px solid lightblue;
        padding    : 5px 5px 5px 10px;
    }        
        #content .box h2 {
            text-align  : center;
            font-size   : 21px;
            padding-top : 12px;
        }    
        
    /* color, opacity, etc will be specified by the $.block jquery plugin */
    #overlay {
        display: none;
        position: absolute;
        z-index: 11;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpah(opacity=0);
    }
    
    /* width and height will be specified by the $.modal jquery plugin */
    #container {
        display: none;
        position: absolute;
        border: 3px solid black;
        overflow-y: scroll;
        z-index: 12;
        background-color: white;
        padding: 0;
        margin: 0;
        width: 200px;
        height: 200px;
    }
    
    #cMsg, #eMsg, #iMsg, #sMsg {
        position: absolute;
        display: none;
        z-index: 12;
        background-color: green;
    }
    
    #dummy {
        display: none;
        position: absolute;
    }
        
/* ------------------------- COURSE TABS IMPORTED FROM JQUERY UI TABS - FLORA THEME ---------------------- */        
.ui-tabs-hide {
    display: none;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;                               
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* - Lightbox */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev { 
    left: 0; 
    float: left;
}
#lightbox-nav-btnNext { 
    right: 0; 
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px; 
    color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
    width: 70%; 
    float: left; 
    text-align: left; 
}    
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;    
}            
#lightbox-secNav-btnClose {
    width: 66px; 
    float: right;
    padding-bottom: 0.7em;    
}