body {
	background:#FFFFFF url("images/bg.gif") repeat-x 0 -22px;
 	color: #666;
	font-size: 1em;
 }


.container_12 {
	background:none;
  }		

 
.orange{ color:#f5c437; }
.green {color:#9AC527; }
.blue { color:#6586A2; }
.red { color:#FF3300; }


 

a[rel="pdf"]{  background:url(images/pdf_file_dwn_32.png) no-repeat 0.1em center; 
               padding:1px 3em 0em 50px; 
			   height:3em; 
			   line-height:normal;
			   font-size:0.9em; 
			   display:inline-block;
 			   text-shadow: 0 -1px 1px rgba(250,250,250,.25);
			  }

blockquote.info{     background:url(images/info.png) no-repeat 0.5em 0.8em; 
                     padding-left:60px; margin-right:30px;  }
					 
			
			
			
			
			
ul.bullets li { padding-left:1.3em; background:url(images/bullet_orange.png)no-repeat left center; margin-bottom:0.2em;  }
ul.bullets li a,ul.bullets li a h3 { text-decoration:none; }

.inner { margin:0 0 0 auto; width:90%; }
.inner  h2 { margin:0; line-height:normal; padding:0; }
.innerRight { padding-right:1em; }

.right { float:right };

.orange li , .orange a { color:#f5c437; }

.hairline {border-top:1px solid #000; }

.col { float:left; display:inline; width:49%; }

.col + .col {float:right; display:inline; width:49%; }

.col li {  }

.title { background-repeat:none; background-position:12px -15px; width:275px; height:35px; }
  

.alert { border:2px solid #f5c437; color:#454545; margin:5px auto 5px auto; padding:4px; font-size:14px; line-height:18px;  }

.startdates li a { color:#9AC527;  }


#sstory { border-bottom:1px solid #f5c437; margin:5px 10px 10px 10px; width:120px; height:160px; padding:3px; position:relative; float:left; }




/* about us staff */

.stafflisting { width:160px; float:left; maring:0 auto 0 auto; display:inline; padding:0; text-align:center; }
.stafflisting img { display:block; maring:0 auto 0 auto; }
.staff p { padding-bottom:20px; }
.staff img {  border:2px solid #9AC527; margin:2px 8px 4px 2px;}

#staff { position:relative; float:left; margin:5px auto 10px 20px; width:160px; height:200px;}
#staff .thmwrap{ margin:0px 10px 0px 0px; width:150px;   }
#staff .thm {   height:auto; width:auto; padding:0; margin:0px 0px 0px 0px }
#staff img { border:2px solid #9AC527; }
#staff a { font-size:14px; color:#9AC527; display:block; }
#staff p { margin:0; padding:0; }
#staff a:hover img { border:2px solid #f5c437; }



/* log in box  */

  
.login { width:100px; margin-left:2em; margin-top:-1.6em; }



#twitter_div { width:90%; }
 
 
/* orange box and inner box for program page */
.boxOrange{ background-color:#f5c437; width:100%; height:310px; padding:10px; }
.boxOrange div.gradientbg { background-color:#efefef; height:100%;  width:100%; 
  margin-left: auto ;
  margin-right: auto ;
}
.boxOrange div h4 { padding:10px; }
.boxOrange div p { padding:10px; }

/* custom settings for progam page */


 
#Program ul.TabbedPanelsTabGroup{  margin-bottom:0;}
#Program ul.TabbedPanelsTabGroup h4 { margin-bottom:0; line-height:normal;  }

 #Program .awesome.button.right { position:absolute; top:280px; left:auto; right:5px; }




/* individual students and success stories */

.stories div.desc { padding:10px; border-top:1px solid #222; border-bottom:1px solid #222; }

img.student {float:right; margin-left:10px;position:relative; z-index:99; }

.stories a.goback { color:#9AC527; padding:5px; margin:2px; clear:both;float:left; display:block;}

.stories a.seenext { color:#9AC527; padding:5px; margin:2px;  display:block; float:right}


/* students and success stories */

.thumb{ border-bottom:1px solid #f5c437; width:160px; height:220px; padding:3px; margin:10px 20px 10px 10px; position:relative; float:left; }

.thumb a h5 { font-size:1em; color:#f5c437; line-height:1; margin:0.25em 0; text-indent:0; padding:0; height:1.5em; display:block; overflow:hidden;}
.thumb a:hover h5 {color:#9AC527; font-size:1em; }
.thumb a h6 { font-size:0.75em; color:#9AC527; line-height:normal; padding:0;}
.thumb a { text-decoration:none; }
.thumb img { border:4px solid #f5c437; }
.thumb a:hover img { 
                     border:4px solid #9AC527;
					-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
					-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
					}
.thumb:hover{ border-bottom:1px solid  #9AC527; } 





/* schedual page listings */


#Sched_Tabs {  }
#Sched_Tabs .TabbedPanelsContentGroup li{  margin:0px 1em 0 0; padding-right:2px; cursor:pointer;  }

li.date_listing{ height:7.5em; width:18em; padding:0.5em 0.1em 0 1em;  display:inline-block; }

ul.alt { width:100%;}
ul.alt li:nth-child(4n+1){ background:#f0f2f1;  }
ul.alt li:nth-child(4n+0){ background:#f0f2f1; }

ul.alt li:hover{ background:#dadddF; 
/* box shadow glow */
	-moz-box-shadow: 0 1px 2px rgba(100,100,100,0.25);
	-webkit-box-shadow: 0 1px 2px rgba(100,100,100,0.25);
    
	

}
ul.alt li:hover .dt{ text-shadow: 0 -1px 1px rgba(255,255,255,1);}
 
/*ul.alt:nth-child(2n+1){ background:#f0f2f1;   }*/

 
 
 
 
#hd { height:230px; }

#nav {  position:relative; width:960px; left:-10px; text-align:center; z-index:999;   }
#nav li:first-child { margin-left:10px; } 

#hd #topbanner {  height:350px;}

#main {   }

.content { text-align:left; }


.thumb_holder { width:100%; height:120px; background:white; border:1px solid #ccc; }

.spacer { height:1em; display:block; clear:both; }
 
 


table img { border:4px solid #f5c437; text-align:top;}



/* header styles */
#LogoWrap{
position:relative;
 width:250px;
height:180px;
z-index:1;
text-align:left;
}


#LogoWrap h1 { 
position:absolute; z-index:99; 
top:0; left:0px; 
line-height:1.5em; margin-left:0.25em; 
letter-spacing:-0.06em; 
font-size:74px; color:#FFF; font-weight:bold;
}

#LogoWrap h1 + h1 { position:relative; z-index:1;  }

#HeaderWrap h2 { position:relative; z-index:3; left:8em; margin-top:0.75em; float:left; color:#FFF; width:20em;}
#HeaderWrap h2 b { color:#000; }

#HeaderWrap{
position:relative;
width:100%;
height:175px;
text-align:left;a
background:none;
z-index:20;
}




/* footer styles */
#Footer { width:100%;  background: #f5c437; color:#FFFFFF; font-size:0.9em; }

#Footer ul { }
#Footer ul.submenu {height:40px; border-bottom:1px solid #FFF; list-style:none; margin-bottom:10px;}
#Footer ul.submenu li { background:none; display:inline; float:left; width:134px; margin:0px; padding:10px 0px;}
#Footer ul.submenu li a { color:#FFF; width:134px; text-align:center; display:block;}

#Footer { background:#f5c437; }

#Footer a { color:#222; }

#Footer .bottom_ft { position:relative; width:960px; top:5px;}

#Footer .container_12 {   }

#Footer .BC_Canada { font-size:0.8em; line-height:1.4em; padding-right:150px; height:78px; background:transparent url("images/BCID_BPOE_V_RGB_pos.png") no-repeat right -16px; }

#Footer .copyright, #Footer .copyright a { width:auto; float:right; margin-right:10px; color:#FFFFFF;}



.notes { width:156px; border-right:1px solid #FFF }

.notes + .notes{ padding-left:10px; width:180px; margin-left:170px; margin-top:-4.5em; border:none;}

.bottomdots { border-bottom:1px dotted #888; padding-bottom:0.5em; margin-bottom:1em; }



 

#Links #LinksPanel a:visited { font-style:italic;   }





#twitter_update_list li { margin-bottom:0.5em;  }
#twitter_update_list li a { display:block; }
 


/* css3 */

/* gradient */


.gradientbg {
  
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.04, rgb(250,250,250)),
    color-stop(0.52, rgb(242,242,242)),
    color-stop(0.76, rgb(242,242,242))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(250,250,250) 4%,
    rgb(242,242,242) 52%,
    rgb(242,242,242) 76%
);

 
 }

.gradientbg_green {
 
 
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.48, rgb(155,197,39)),
    color-stop(0.53, rgb(179,219,49))
);

background-image:
-moz-linear-gradient(
    top,
    rgb(155,197,39) 48%,
    rgb(179,219,49) 53%
);
 
 }
 
 
/* text fx */

.text_shadow{
   text-shadow: 0 -1px 1px rgba(0,0,0,0.25);	
}

.text_hilight{
	text-shadow: 0 -1px 1px rgba(230,230,230,.25);	
}
 
/* gradient button awesome example */ 

.button a { color:#FFF; text-decoration:none; text-align:center; text-transform:uppercase;  }


.button.text a { color:#333; text-shadow: 0 -1px 1px rgba(250,250,250,.25); text-decoration:none; }
.button.text a:hover { color:#F00; text-shadow: 0 1px 1px rgba(250,250,250,.25); }
 
.button.awesome, .button.awesome {
 	
	 width:auto;
 	 display:inline-block;
     padding: 0.3em 1em 0.3em 1em;
	 color: #fff;
	 cursor: pointer;
	 text-align:center;
     /* using non hex colors allows for transparency */ 
 	 border-bottom: 1px solid rgba(0,0,0,0.25);
 	/* box shadow glow */
	-moz-box-shadow: 0 1px 2px rgba(100,100,100,0.25);
	-webkit-box-shadow: 0 1px 2px rgba(100,100,100,0.25);
 	/* text */ 
	text-shadow: 0 -1px 1px rgba(0,0,0,0.15);
     /* round corners */ 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	 
}

 .blue.awesome {
	background-color: #6586A2;
}

.red.awesome {
	background-color:#FF3300;
}
.green.awesome {
	background-color: #9AC527;
}
 

.magenta.awesome {
	background-color: #a9014b;
}

.orange.awesome {
	background-color: #f5c437;
}

.yellow.awesome {
	background-color: #ffb515;
}

 
.orange{ color:#f5c437; }
.green {color:#9AC527; }
.blue { color:#6586A2; }
.red { color:#FF3300; }