body {font-size: 12px; line-height: 1.3; color: #333; background: #428DB4 url(../images/bg.jpg) repeat-x 0 -8px; font-family:Arial,Helvetica,sans-serif;}



button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


a{text-decoration:none;color:#006699;font-family:Arial,Helvetica,sans-serif;}
a:hover{color:#000033;text-decoration:none;}

p{margin: 0 0 10px 0}
span.dottedDivider{display: block;border-bottom: dotted 1px #595959}


/*humber bottom border*/
#navbanner{border-color: #000033}

#TopHumber{background: #000033}
		
#TopMenuWrp{height: 59px;}
	#TopMenu{width:995px;height: 59px;background: url(../images/bg-top-menu.png);margin: 0 auto}
	#TopMenu ul{padding: 25px 0 0 20px;overflow: hidden}
	#TopMenu ul li{display: inline}
	#TopMenu ul li a{
	   /*
color: #DDECF3; 
	   font-size: 11px; 
	   font-weight: bold;
	   text-transform: uppercase;
	   margin-right:1px;
	   padding:5px 10px;
	   display: block;
	   float: left;
	   background: none;
	   
*/
	   
	   font-size:15px; 
    text-transform:uppercase; 
    color:#FFF;
    display:block; 
    float:left; 
    margin-right:1px;  
    font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif; 
    line-height: 1.231;
    padding: 3px 25px;
	   
	   
	   
	   
}

#TopMenu ul li a:hover, #TopMenu ul li.active a, #TopMenu ul li a.active{color:#006699;background:#FFFFFF;position: relative}
	
	
	
	

	
	
#FooterWrp{}
	#Footer{height:102px;width: 995px;background: url(../images/bg-footer.png) no-repeat;margin: 0 auto;padding: 10px 0 0 0}
	#ie6 #Footer{width: 955px;background: url(../images/bg-footer.png) no-repeat -20px 0;margin: 0 auto;padding: 10px 0 0 0}
	#FooterHumberBar{}
	
#DesignedBy{color: #FFF;font-size: 10px; text-align: center;padding: 5px 0 0 0}
	#DesignedBy a{color: #FFF}
	#DesignedBy a:hover{color: #002d62}

#ContentWrp{}
	#Content{width:995px; min-height: 500px; background: url(../images/bg-content.png) repeat-y;margin: 0 auto;overflow: hidden}
	#ie6 #Content{width:955px; background: url(../images/bg-content.png) -20px 0 repeat-y;}

#SearchBtn{width: 92px; height: 35px; background: url(../images/program-directory.gif);display: block; margin: 35px 0 40px 0}
#SearchBtn span{visibility: none;display: none}



.sectionTable{ width: 100%; border-left: 1px solid #FFF;border-right: 1px solid #FFF; margin: 0 0 10px 0; border-collapse: collapse}
.sectionTable td{padding:5px 7px; border: 1px solid #c5dfec;font-size: 10px;vertical-align: middle}
.sectionTable thead td{background: #E5F3F9; color: #5091b9;font-family: "Arial Narrow", Arial, Verdana;font-weight: bold;font-size: 12px}

.sectionTable td.last{border-right: 0}
.sectionTable td.first{border-left: 0}

.sectionTable tr.second td{background: #e6f1f7}

.sectionTable .section{width: 180px}
.sectionTable .session{width: 70px}
.sectionTable .time{width: 70px}
.sectionTable .day{width: 60px}
.sectionTable .frequency{width:80px;}

#CeMain h1.courseTitle{line-height: 0.8;text-transform: uppercase;padding: 0 0 8px 0}


#CeMain a.applyNow{font-size: 16px;color: #5091b9;font-weight: bold; background: url(../images/ce/arrow-right.gif) no-repeat 100% 50%; padding: 0 10px 0 0;font-family: "Arial Narrow", Arial, Verdana;text-transform: uppercase; margin: 10px 0 0 0}

#CeMain a.applyNow:hover{color: #002D62;}
#CeMain .contactPhone, .contactEmail, .contactEmail a{font-size: 14px;color: #002D62;line-height: 1.4;padding: 0 0 0px 0;font-family: "Arial Narrow", Arial, Verdana;}
#CeMain .contactEmail{ margin: 0 0 10px 0;}
#CeMain .contactEmail a:hover{color: #5091b9}

#CeMain h4.contact{font-size: 16px;color: #5091b9;font-weight: bold;font-family: "Arial Narrow", Arial, Verdana;text-transform: uppercase}






#MegaMenuPrograms{
    font-size: 14px;
    overflow: hidden;
    background-color: #f2f2f2;
    display: none;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    width: 915px;
    margin-bottom: 10px;
	-moz-box-shadow: 0px 1px 1px #333333;
	-webkit-box-shadow: 0px 1px 1px #333333;
	box-shadow: 0px 1px 1px #333333;
	
}

    #MegaMenuPrograms:hover{
    }
    
    
    #MegaMenuPrograms .close{
        position: absolute;
        top: 0px;
        right: 6px;
        display: block;
        font-size: 20px;
        line-height: 1;
        font-family: Arial;
    }
    #MegaMenuPrograms ul{
        margin: 0;
        padding: 0 0px 0 0;
    }
    
    #MegaMenuPrograms ul li{
        list-style: none;
        display: block;
        padding-bottom: 5px;
    }
    
    #MegaMenuPrograms ul li a{
        font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif; 
    }
    
    #MegaMenuPrograms h3{
        color: #000033;
        font-size: 14px;
        border-bottom: solid 1px #000033;
        margin: 0 0 7px 0;
        font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif; 
    }
    
    #MegaMenuPrograms .fullTime{
        float: left;
        padding-right: 20px;
        width: 140px;
    }
    
    #MegaMenuPrograms .partTime {
        float: left;
        padding-right: 20px;
        width: 120px;
    }
    
    #MegaMenuPrograms .subjects{
        float: left;
        padding-right: 20px;
    }
    
    #MegaMenuPrograms .subjects ul{
        float: left;
        padding-right: 20px;
        width: 150px;
    }
    
    #MegaMenuPrograms .subjects ul.col3{
        padding-right: 0px;
        width: 130px;
    }
    
    #MegaMenuPrograms .search{
        float: left;
    }

#MegaMenuResources{
    font-size: 14px;
    overflow: hidden;
    background-color: #f2f2f2;
    display: none;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    width: 915px;
    margin-bottom: 10px;
	-moz-box-shadow: 0px 1px 1px #333333;
	-webkit-box-shadow: 0px 1px 1px #333333;
	box-shadow: 0px 1px 1px #333333;
}
    
    
    #MegaMenuResources .close{
        position: absolute;
        top: 0px;
        right: 6px;
        display: block;
        font-size: 20px;
        line-height: 1;
        font-family: Arial;
    }
    #MegaMenuResources ul{
        margin: 0;
        padding: 0 0px 0 0;
    }
    
    #MegaMenuResources ul li{
        list-style: none;
        display: block;
        padding-bottom: 5px;
    }
    
    #MegaMenuResources ul li a{
        font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif; 
    }
    
    #MegaMenuResources h3{
        color: #000033;
        font-size: 14px;
        border-bottom: solid 1px #000033;
        margin: 0 0 7px 0;
        font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif; 
    }
    
    #MegaMenuResources .col1, #MegaMenuResources .col2, #MegaMenuResources .col3, #MegaMenuResources .col4, #MegaMenuResources .col5 {
        float: left;
        padding-right: 20px;
        width: 150px;
    }
    
#MegaMenuContactUs{
    font-size: 14px;
    overflow: hidden;
    background-color: #f2f2f2;
    display: none;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    width: 915px;
    margin-bottom: 10px;
	-moz-box-shadow: 0px 1px 1px #333333;
	-webkit-box-shadow: 0px 1px 1px #333333;
	box-shadow: 0px 1px 1px #333333;
}
    
    
    #MegaMenuContactUs .close{
        position: absolute;
        top: 0px;
        right: 6px;
        display: block;
        font-size: 20px;
        line-height: 1;
        font-family: Arial;
    }
    #MegaMenuContactUs ul{
        margin: 0;
        padding: 0 0px 0 0;
    }
    
    #MegaMenuContactUs ul li{
        list-style: none;
        display: block;
        padding-bottom: 5px;
    }
    
    #MegaMenuContactUs ul li a{
        font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif; 
    }
    
    #MegaMenuContactUs h3{
        color: #000033;
        font-size: 14px;
        border-bottom: solid 1px #000033;
        margin: 0 0 7px 0;
        font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif; 
    }
    
    #MegaMenuContactUs .col1, #MegaMenuContactUs .col2, #MegaMenuContactUs .col3, #MegaMenuContactUs .col4, #MegaMenuContactUs .col5 {
        float: left;
        padding-right: 20px;
        width: 150px;
    }

