@charset "UTF-8";
/* @license
 * MyFonts Webfont Build ID 2686451, 2013-11-11T18:43:13-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Novecento Sans Wide Bold by Synthview
 * URL: https://www.myfonts.com/fonts/synthview/novecento/wide-bold/
 * 
 * Webfont: Novecento Sans Wide DemiBold by Synthview
 * URL: https://www.myfonts.com/fonts/synthview/novecento/wide-demibold/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=2686451
 * Licensed pageviews: Unlimited
 * Webfonts copyright: Copyright © 2013 by Jan Tonellato. All rights reserved.
 * 
 * © 2013 MyFonts Inc
*/

@font-face {font-family: 'Novecentosanswide-Bold';src: url('webfonts/28FDF3_0_0.eot');src: url('webfonts/28FDF3_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/28FDF3_0_0.woff') format('woff'),url('webfonts/28FDF3_0_0.ttf') format('truetype');}
 
body {
	font: 80%/1.3 Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0;
	padding: 0;
	color: #000;
}
/* from dropdown helper.css to clear-- stip margin & padding *--LN*/
* {
	margin: 0;
	padding: 0;
}
h1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #01BCA9;
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: 105%;
	font-size: 200%;
}
h2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 150%;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 6px;
	line-height: 110%;
}
h3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:125%;
	color: #000000;
	padding-bottom: 3px;
}
h4 {
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
	padding-bottom: 2px;
}
p {
	font: 100%/1.35 Arial, Helvetica, Verdana, sans-serif;
	padding-bottom: 1em;
}
hr {
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px;
	width: 100%;
	text-align: left;
	margin: 8px 0px 12px;
}
.right-tint-box hr {
	border: 0;
	color: #FFF;
	background-color: #FFF;
	height: 2px;
	width: 100%;
	margin: 8px 0px 12px;
}
a img {
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #01BCA9;
	text-decoration: underline; 
}
a:visited {
	color: #01BCA9;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #FDB42B;
	text-decoration: none;
}
.red a:link, .red a:visited {
	color: #E46759;
}

/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 960px;
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	background: #01BCA9 url(images/boc-header-14.gif) no-repeat;

}

/* ~~ These are the columns for the layout. ~~ */

#homecontent {
	padding: 25px 60px 10px 90px;
	width: 516px;
	float: right;
}
.content {
	padding: 20px 45px 10px 90px;
	width: 575px;
	float: right;
	font-weight: normal;
}
.regioncontent {
	padding: 20px 45px 10px;
	width: 620px;
	float: right;
}
#homesidebar1 {
	float: right;
	width: 209px;
	padding-bottom: 10px;
	padding-right: 84px;
	padding-top: 25px;
}
.sidebar1 {
	position:relative;
	z-index:100;
	float: right;
	width: 210px;
	padding-bottom: 10px;
	padding-right: 40px;
	padding-top: 20px;
	background-color: #FFF;
}
/* ~~ This grouped selector gives the lists in the #homecontent area space ~~ */
#homecontent ul,  #homecontent ol { 
	padding: 0 15px 15px 40px; 
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol, .content dl { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 0 15px 15px 40px; 
}


/* ~~ The footer ~~ */
.footer {
	padding: 20px 0px 10px;
	background: #FDB42B;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	margin-top: 20px;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	
/* ------------------- LN-----*/	
/* -----added styles - LN-----*/
}#topnav {
	height: 48px;
	width: 786px;
	margin-right: auto;
	margin-left: auto;
	
}
/* from dropdown helper.css*/
.dropdown-upward {
 margin-top: 400px !important;
}
/* end from dropdown helper.css*/

#homeslideshow {
	background-color: #000;
	height: 250px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
.header h1 {
	font-size: 5px;
	display: none;
}
#headerlink a {
	display: block;
	height: 113px;
	width: 530px;
	margin-bottom: 30px;
	margin-left: 90px;
	text-indent: -1000px;
	padding-top: 0px;
}
#topsearchnav {
	float: right;
	padding: 12px;
}
#topsearchnav ul {
	list-style-type: none;
}
#topsearchnav li {
	float: left;
	padding: 2px;
}
/* search results page add margin*/
.searchresultsmargin {
	margin-bottom: 20px;
	margin-top: 10px;
}
#cse-search-results {
	width: 574px;
}
.greenbar {
/*	background-color: #7EAE63;
	height: 6px;*/
}
/*-----------*footer nav styles--------------------*/
.footer ul {
	list-style-type: none;
	width: 217px;
	display: block;
	float: left;
	position: relative; /* This fixed an IE6 issue of links not being visible---*/
}
.footer ul li{
	padding-bottom: .4em;
	font-size: 85%;

}
.footer ul li a:link {
	color: #000;
	text-decoration: none;
}
.footer ul li a:visited {
	color: #000;
	text-decoration: none;
}
.footer ul li a:hover {
	color: #000;
	text-decoration: underline;
}
#copyright {
	text-align: center;
	display: block;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 80%;
}
#bottomnav {
	margin-right: 0px;
	margin-left: 90px;
	}
#topsearchnav ul li a {
	font-size: 85%;
	color: #000;
	text-decoration: none;
}
#topsearchnav ul li a:hover {
	color: #000;
	text-decoration: underline;
}
blockquote {
	padding-left: 40px;
}
/*--------------------------------styles for side nav area*/
#sidenav {
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-bottom: 20px;
}
.sidenav {
	background-color: #FDB42B;
}
.sidenav-ca {
	background-color: #FDB42B;
	margin-top: -68px;
}
.sidenav-wa {
	background-color: #FDB42B;
	margin-top: -68px;
}
.sidenav-ne {
	background-color: #FDB42B;
	margin-top: -68px;

}
#sidenav h2 {
	font-size: 135%;
	padding-bottom: 0.5em;
}
#sidenav h2 a {
	color: #000;
	text-decoration: none;
}
#sidenav h2 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#sidenav h3 {
	font-size: 120%;
	padding-bottom: 0.5em;
	text-transform: uppercase;
	color: #000;
}

#sidenav ul {
	list-style-type: none;
}
/* this didn't do anything 
#sidenav ul a:hover {
	list-style-type: disc;
}*/
#sidenav ul li {
	font: 100%/1.2 Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 0.5em;
	padding-left: 15px;
}
#sidenav ul li a {
	color: #000;
	text-decoration: none;
	padding-right: 15px;
	padding-bottom: .3em;
}
#sidenav ul li a:visited {
	color: #000000;
	text-decoration: none;
}
#sidenav ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#mapbutton {
	display: block;
	width: 210px;
	height: 161px;
	background: url(images/map-button-0115.gif) no-repeat 0 0;
	margin-bottom: 20px;
}

#mapbutton:hover { 
  background-position: 0 -161px;
}

#mapbutton span {
  display: none;
}

#mailinglistbutton {
	display: block;
	width: 210px;
	height: 40px;
	background: url(images/mail-list-button-1213.gif) no-repeat 0 0;
	margin-bottom: 20px;
}

#mailinglistbutton:hover { 
  background-position: 0 -40px;
}

#mailinglistbutton span {
  display: none;
}
/*---------webinar button------------*/
#webinarbutton {
	display: block;
	width: 210px;
	height: 74px;
	background: url(images/button-webinar-sprite-14.gif) no-repeat 0 0;
	margin-bottom: 20px;
}

#webinarbutton:hover { 
  background-position: 0 -74px;
}

#webinarbutton span {
  display: none;
}
/*---------------end webinar button-----*/
/*---------datalogger class button------------*/
#dataloggerbutton {
	display: block;
	width: 210px;
	height: 140px;
	background: url(../wa/images/button-datalogger-091312-sprite.jpg) no-repeat 0 0;
	margin-bottom: 20px;
}

#dataloggerbutton:hover { 
  background-position: 0 -140px;
}

#dataloggerbutton span {
  display: none;
}
/*---------------end datalogger button (block)-----*/
/*-----styles for info webcast block--------------*/
#info-webcast-block {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3;
	padding: 105px 10px 8px;
	border: 2px solid #01BCA9;
	background-image: url(../images/aa-instructor-210.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 20px;
}
#info-webcast-block a:link{
	text-decoration: none;	
}
#info-webcast-block a:visited{
	color: #01BCA9;
}
#info-webcast-block a:hover, a:active, a:focus { 
	color: #FDB42B;
}
#info-webcast-block h3{
	font-size: 130%;
	line-height: 1.1;
	color: #000;
}
/*-----END styles for info webcast block--------------*/
/*-----styles for 100% certified award block--------------*/
#certified-award-block {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.25;
	padding: 10px 10px 8px;
	border: 1px solid #000;
	margin-bottom: 20px;
}
#certified-award-block a:link{
	text-decoration: none;	
}
#certified-award-block a:visited{
	color: #01BCA9;
}
#certified-award-block a:hover, a:active, a:focus { 
	color: #FDB42B;
}
#certified-award-block h3{
	font-size: 120%;
	line-height: 1;
	color: #000;
}
#certified-award-block .large{
	font-size: 110%;
	color: #000;
	font-weight: bold;
}
/*-----END styles for info webcast block--------------*/
/*---------BOC Blog promo block class------------*/
#blogpromo-block {
	display: block;
	width: 210px;
	height: 131px;
	background: url(images/blog-promo-block-sprite14.jpg) no-repeat 0 0;
	margin-bottom: 20px;
}

#blogpromo-block:hover { 
  background-position: 0 -131px;
}

#blogpromo-block span {
  display: none;
}
/*---------------end datalogger button (block)-----*/

/*---------BOC Blog shop block class------------*/
#shop-promo-block {
	display: block;
	width: 210px;
	height: 131px;
	background: url(images/shop-promo-block-sprite-031715.gif) no-repeat 0 0;
	margin-top: 20px;
	margin-bottom: 20px;
}
#shop-promo-block:hover { 
  background-position: 0 -131px;
}

#shop-promo-block span {
  display: none;
}
/*---------------end datalogger button (block)-----*//*#mailinglistbutton {
	display: block;
	width: 210px;
	height: 40px;
	background: url(../images/mailing-list-button.jpg) no-repeat 0 0;
	margin-bottom: 20px;
}*/

.rednote {
	color: #C30;
}
.readmore-right {
	line-height: 1em;
	text-align: right;
	margin: -8px 0px 0px;
	padding-bottom: 0px;
	font-size: 90%;
	padding-right: 10px;
}
.bocintrobold {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 140%;
	font-weight: bold;
}
.bocintro {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 110%;
	line-height: 1.3em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	margin: 0px -20px 0px 0px;
}
/* -------------------- style for gray bar head------------------------*/

.graybar a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #01BCA9;
	height: 1.6em;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-top: 3px;
	display: block;
}
.graybar a:link{
	color: #FFF;
	text-decoration: none;
}
.graybar a:hover{
	color: #FFF;
	text-decoration: none;
	background-color: #000;
}
.graybar h2 a:visited{
	color: #FFF;
	text-decoration: none;

}
/* style for green bar head*/
#greenbarhed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #FDB42B;
	height: 1.7em;
	padding-left: 15px;
	margin-bottom: 5px;
	margin-top: 15px;
	padding-top: 4px;
	display: block;
}

/* newsblock on home page*/
#newsblock {
	border: 1px solid #000;
	padding: 10px 10px 0px;
	margin: 0px;
}
#newsblock h3 {
	color: #000;
	font-size: 110%;
	text-transform:uppercase;
}
#newsblock p {
	line-height: 1.2em;
}
#newsblock .readmore-right {
	padding-bottom: 10px;
}
/*partner logos on home page*/
#partnerlogos {
	height: 120px;
	display: block;
	clear: both;
	padding-left: 90px;
}
#quoteboxwide {
	background-color: #F1EBE4;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 16px;
	padding-left: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#quoteboxwide .quote {
	font-style: italic;
	padding-top: 6px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 1.4em;
	font-size: 90%;
}
.picture {
	float: right;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	border: 1px solid #CCC;
}
.slidernote- {
	font-size: 12px;
	color: #FF9;
	margin-top: 0px;
	margin-right: 200px;
	margin-left: 200px;
	height: 20px;
	line-height: normal;
	text-align: center;
	padding-top: 100px;
}
.bold {
	font-weight: bold;
}
.updated-sm {
	font-size: 80%;
	margin-top: 10px;
	color: #999;
	font-weight: normal;
}
/*for course schedule table head (th) for prior year break*/
.prioryear {
	margin-top: 10px;
	color: #999;
	font-weight: normal;
}

.bluenote {
	color: #36F;
}
.bol-lg-teal {
	font-size: 120%;
	font-weight: bold;
	color: #01BCA9;
	margin: 0px;
	padding: 0px;
}
.bol-lg-blk {
	font-size: 120%;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 0px;
}
.indent50 {
	padding-left: 50px;
}
.indent20 {
	padding-left: 20px;
}
.red {
	color: #E46759;
	}
.gold {
	color: #FDB42B;
	text-transform: uppercase;
	}
.teal {
	color: #01BCA9;
	}
.centertext {
	text-align: center;
}
/*-----------------Watch Web Cast button style-----------------*/

.watch-button a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	background-color: #5AACAC;
	display: block;
	text-align: center;
	margin-right: 30%;
	margin-left: 30%;
	margin-top: 5%;
	margin-bottom: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.watch-button  a:hover {
	color: #FFF;
	background-color: #000;
}
.watch-button  a:visited {
	color: #FFF;
	text-decoration: none;
}
.watch-button  a:active {
	color: #FFF;
	text-decoration: none;
	background-color: #7EAE63;
}
/* ----------top of page link styling---------*/
.go-to-top a {
	display: block;
	background-color: #EEE;
	font-size: 80%;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 1px;
	float: right;
	margin-top: 4px;
	margin-bottom: 4px;
}
.go-to-top a:hover {
	color: #000;
	background-color: #FDB42B;
}
.go-to-top a:visited {
	color: #000;
	text-decoration: none;
}
/*-----------------login button style-----------------*/
.login a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	display: block;
	background-color: #5AACAC;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 6px;
	margin-right: 230px;
	margin-left: 50px;
	text-align: center;
}
.login a:hover {
	color: #FFF;
	background-color: #000;
}
.login a:visited {
	color: #FFF;
	text-decoration: none;
}
.login a:active {
	color: #FFF;
	text-decoration: none;
	background-color: #7EAE63;
}
/* ------------------styles for regional pages----------------------*/
/* -----------------------------regional divs*/
#ca-head {
	background-color: #ffffff;
	display: block;
	height: 50px;
	width: 915px;
	padding-left: 45px;
	padding-top: 30px;
}
#ca-head h1 {
	font-family: 'Novecentosanswide-Bold', Verdana, Helvetica, Arial;
	font-size: 250%;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing: 1px;
	color: #FDB42B;
}
#wa-head {
	background-color: #ffffff;
	display: block;
	height: 50px;
	width: 915px;
	padding-left: 45px;
	padding-top: 30px;
}
#wa-head h1 {
	font-family: 'Novecentosanswide-Bold', Verdana, Helvetica, Arial;
	font-size: 250%;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing: 1px;
	color: #FDB42B;
}
#ne-head {
	background-color: #ffffff;
	display: block;
	height: 50px;
	width: 915px;
	padding-left: 45px;
	padding-top: 30px;
}
#ne-head h1 {
	font-family: 'Novecentosanswide-Bold', Verdana, Helvetica, Arial;
	font-size: 250%;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing: 1px;
	color: #FDB42B;
}
#ca-head .sub, #ne-head .sub, #wa-head .sub {
	font-size: 70%;
/*	color:#000;*/
}
/*-------------regional content styles------------*/
.regioncontent h2 {
	font-size: 180%;
	color: #000;
	font-weight: bold;
}

.regioncontent h3 {
	font-size: 130%;
	color: #000;
	font-weight: bold;
}
.regioncontent ul, .regioncontent ol { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 0 15px 15px 40px; 
}
#schedulenavdiv {
	margin-bottom: 20px;
}
.schedulenav ul {
	list-style-type: none;
	margin: 30px 0px;
	width: 100%;
}
.schedulenav li{
	display: inline;
}
.schedulenav li a{
	display: inline;
	padding: 0.45em 1.1em;
	background-color: #01BCA9;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	margin-right: 30px;
	margin-left: 30px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 110%;
}
.schedulenav li a:hover{
	background-color: #FDB42B;
	color: #000;
}

.regioncontent .greenbarhed{
	font: bold 110%/1 Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	background-color: #7EAE63;
	height: 0.6em;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
	padding-top: 4px;
	display: block;
}
.regioncontent #outer p.graybar{
	font: bold 110%/1 Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	background-color: #000000;
/*	height: 0.6em;*/
	padding: 8px 10px 0px;
	margin-bottom: 0px;
	margin-top: 10px;
	display: block;
}
/* reskin region styling */
.level-I {
	background-image: url(images/level1-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 90px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 90px;
}
.level-II {
	background-image: url(images/level2-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 90px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 90px;
}
.level-I h4, .level-II h4 {
	font-family: 'Novecentosanswide-Bold', Verdana, Helvetica, Arial;
	font-size: 150%;
	text-transform:uppercase;
	font-weight:normal;
}


/*-------------styles for course city list tables----------*/
.regioncontent table {
	border-collapse:collapse;
	border: 2px solid #EEEEEE;
}
.regioncontent th {
	font-size: 90%;
	font-weight: bold;
	color: #666;
	background-color: #FFF;
	padding:3px 7px;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	text-align: left;
}
.regioncontent td {
	background-color: #F5F5F5;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	padding: 3px 7px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.level2cities td {
	background-color: #F5F5F5;
}
/*--------regiontable white td use as divider for years----------------*/
.prior-year {
	background-color: #FFF;
	height: 0px;
	padding: 0px 7px;
	margin: 0px;
}
/*-------------styles for individual course schedule tables----------*/
.schedule table {
	border-collapse:collapse;
	border: 2px solid #E4DCD2;
	background-color: #FFF0AF;
	background-color: #FFF9E0;
}
.schedule th {
	font-size: 100%;
	font-weight: normal;
	background-color: #F5F5F5;
	padding: 3px 7px;
	text-align: left;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	border-bottom: 1px solid #EEE;
	background-color: #F5F5F5;
}
.schedule td {
	background-color: #FFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F6F2EE;
	padding:3px 7px;
	vertical-align: top;
}
.schedulelevel2 th {
	background-color: #f5f5f5;
}



.directions-table table{
	border:0px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.directions-table td {
	background-color: #FFF;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	border:0px;
	text-align: left;
	vertical-align: top;
}
.directions-table .leftcol {
	vertical-align: bottom;
	padding: 0px;
	text-align: right;
}
.registerbutton a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	display: block;
	background-color: #E46759;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	float: right;
	margin-top: 6px;
	margin-right: 5px;
	
}
.registerbutton a:hover {
	color: #FFF;
	background-color: #000;
}
.registerbutton a:visited {
	color: #FFF;
	text-decoration: none;
}
.registerbutton a:active {
	color: #FFF;
	text-decoration: none;
	background-color: #01BCA9;
}
/*---notification button---*/
.notificationbutton a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	display: block;
	background-color: #888;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	float: right;
	margin-top: 7px;
	margin-right: 5px;
}
.notificationbutton a:hover {
	color: #FFF;
	background-color: #000;
}
.notificationbutton a:visited {
	color: #FFF;
	text-decoration: none;
}
.notificationbutton a:active {
	color: #FFF;
	text-decoration: none;
	background-color: #01BCA9;
}
/* style for green bar head to accommodate the Notification signup button*/
.greenbarhed-notification {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #FFF;	
	padding-top: 7px;
	padding-bottom: 0px;
}
.greenbar-regonhed {
	background-color: #7EAE63;
	padding-left: 15px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 8px;
	margin-bottom: 0px;
	margin-top: 15px;
	display: block;
}
/* sidebar notice (CA Prop 39 notice)*/

.sidebar-notice {
	border: 2px solid #FFB301;
	padding: 10px 10px 0px;
	margin: 0 0 20px;
}
.sidebar-notice h3 a {
	color:#000;
	font-size: 90%;
	line-height:1.2em;
	text-decoration:none;
}
.sidebar-notice h3 a:hover {
	color:#FFB301;
}
.sidebar-notice p {
	line-height: 1.2em;
}
.sidebar-notice .readmore-right {
	padding: 8px 0 10px;
}


/*---call for instructors ----------------------*/

#call-for-instructors-sidebar {
	padding: 10px;
	background-color: #FFF;
	color: #000;
	border: 1px solid #000;
}
#call-for-instructors-sidebar h2 {
	font-size: 160%;
	color: #FDB42B;
}
/*#call-for-instructors-sidebar a {
	color: #01BCA9;
}
#call-for-instructors-sidebar a:visited {
	color: #FDB42B;
}
*/
.instructor-disclosure {
	background-color: #E5E1D8;
	padding: 10px;	
}

.alignright {
	text-align: right;
}
/*------------quote style on value benefits----------*/
.green-box-quote {
	padding: 10px 10px 0px;
	margin-left: 50px;
	margin-bottom: 10px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-style: solid;
	border-color: #FDB42B;
	border-right-width: 1px;
	border-left-width: 1px;
	
}
.green-box-quote p {
	font-style: italic;
	color: #666;
	text-align: right;	
}
/*------------end quote style on value benefits----------*/
.tight-space {
	padding: 0.8em 0px 0.3em;
}
.tight-space-none {
	padding: 0;
}
/*-----------------success story pages header styles------------*/
.success-stories {
	font-weight: normal;
	text-transform: uppercase;
	color: #FDB42B;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:175%;
	letter-spacing: 0.1em;
	padding-bottom: 0px;
	padding-top: 0.2em;
}
.success-subhead {
	text-transform: uppercase;
	color: #999;
	padding-top: 0px;
	padding-bottom: 1.5em;
}
/* ----------read more button success link styling---------*/
.read-more-stories a {
	display: block;
	background-color: #EEE;
	font-size: 80%;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 1px;
	float: right;
	margin-top: 12px;
	margin-bottom: 4px;
}

.read-more-stories a:hover {
	color: #000;
	background-color: #FDB42B;
}
.read-more-stories a:visited {
	color: #000;
	text-decoration: none;
	
/*------------for grad profiles and case studie pages -----------*/
}.profile-name-h1 {
	padding-bottom: 3px;
}
.profile-title-h3 {
	padding-bottom: 10px;
}
/* styles for course outlines-------------*/
.outline-table {
	border-collapse:collapse;
	background-color: #E4DCD2;
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 0px;
}
.outline-table td {
	font-size: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-family: Arial, Helvetica, "Verdana sans-serif";
}
.outline-table2 {
	border-collapse:collapse;
	background-color: #E4DCD2;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 0px;
/*	text-align: right;*/
}
.outline-table2 td {
	font-size: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-family: Arial, Helvetica, "Verdana sans-serif";
}
.outline-table2 th {
	padding: 5px 0 4px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-align: left;
	font-family: Arial, Helvetica, "Verdana sans-serif";
	font-weight: bold;
}

ul .outline {
	margin-top: -0;
	margin-left: 30px;
}
#assignment ol {
	list-style-type: upper-alpha;
}
#assignment li {
	padding-bottom: 5px;
}
/*-----these styles (from old site) are for cheating the indent on boc-101 test because of the ie6 OL bug-LN*/
.outline-indent {
	margin-left: 30px;
	margin-top: -10px;
}
.outline-indent2 {
	margin-left: 60px;
	margin-top: -10px;
}
.outline-indent3 {
	margin-left: 80px;
	margin-top: -10px;
}
.outline-indent4 {
	margin-left: 100px;
	margin-top: -10px;
}
/*--------------end------------*/
.outline h3 {
	padding-bottom: 12px;
}
.outline h3 a {
	text-decoration: none;
	color: #01BCA9;
}
.outline h3 a:hover {
	text-decoration: none;
	color: #7EAE63;
}
/* ----END styles for course outlines-------------*/
/*----right-tint-box used in regional sched page bottom-----*/
.right-tint-box {
	background-color: #FFF;
	padding: 13px;
	float: right;
	width: 55%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 2px solid #FDB42B;
}
.right-green-box {
	background-color: #D7E5CE;
	padding: 13px 13px 18px;
	float: right;
	width: 55%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
/*--------sidebar used BOC-BOMI partnership----------*/
.right-callout {
	background-color: #FDB42B;
	float: right;
	width: 45%;
	padding: 13px;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 5px;
}
.right-callout h3{
	color: #000;
}
/*--------renewal nav used in maintaining certification----------*/
#renewal-nav {
	background-color: #FFFFFF;
	float: right;
	width: 50%;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 0px;
	padding-top:15px;
	border: 2px solid #000000
}
#renewal-nav h3 a {
	font-size: 110%;
	font-weight:normal;
	color: #000000;
	text-decoration:none;
	padding-left:20px;
	padding-bottom:10px;
}
#renewal-nav h3 a:hover {
	color: #FDB42B;
}
#renewal-nav ul {
	color: #000;
	padding-bottom: 1em;
	padding-top: .5em;	/*list-style-type: none;*/
}
#renewal-nav ul li {
	font: 100%/1.2;
	padding-bottom: 0.4em;
	font-weight: bold;
}
#renewal-nav ul li a {
	color: #01BCA9;
	text-decoration: underline;	
}
#renewal-nav ul li a:visited {
	color: #01BCA9;
	text-decoration: none;
}
#renewal-nav  ul li a:hover {
	color: #FDB42B;
	text-decoration: none;
}
/*------- widespaceafter used in bullet list recognition.html-----------*/
.spaceafter li {
	padding-bottom: 0.5em;
}
/*-------------styles for maintaining cert activities & hours chart (table)----------*/
#maintaining-chart table {
	border-collapse:collapse;
	width: 575px; 
}
#maintaining-chart table, #maintaining-chart th, #maintaining-chart td {
	border:1px solid black;
}
#maintaining-chart th {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	background-color: #FDB42B;
	padding:5px 7px;
}
#maintaining-chart  td {
	background-color: #FFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding:5px 7px;
	vertical-align: top;
}
#maintaining-chart tr.sub td{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	background-color: #000;
	padding:5px 7px;
}
/*----------breadcrumb link for bulletin quiz-------*/
.l3breadcrumb h3 {
	padding-bottom: 12px;
}
.l3breadcrumb h3 a {
	text-decoration: none;
	color: #01BCA9;
}
.l3breadcrumb h3 a:hover {
	text-decoration: none;
	color: #FDB42B;
}
/*----------styles for News & Trends box-------*/
.pr-date {
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 110%;
}
.newstrends-box {
	background-color: #F5F5F5;
	padding: 13px;
	float: right;
	width: 55%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
}
.newstrends-box hr {
	border: 0;
	color: #FFF;
	background-color: #FFF;
	height: 2px;
	width: 100%;
	margin: 0px 0px 12px;
}
.newstrends-box h2 {
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:175%;
	letter-spacing: 0.1em;
	padding-bottom: 0.3em;
	padding-top: 0.1em;
}.newstrends-box h4 {
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: .3em;
	font-size: 110%;
}
.newstrends-box .read-more-stories a {
	background-color: #FFF;
}
.newstrends-box .read-more-stories a:hover {
	background-color: #CEE0C4;
}
#sitemap p{
	font: 100%/1.35 Arial, Helvetica, Verdana, sans-serif;
	padding-bottom: .4em;
}

.green {
	color: #6C9343;
}
.white {
	color: #FFF;
}
#sidebar-provider-logos {
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center;
}

#survey-block {
	background-color: #94C47A;
	padding: 10px 10px 0px;
}
#bomi-block {
	background-color: #fff;
	padding: 10px 10px 0px;
	border: 1px solid #000;
/*	background-image: url(../images/button-grad-opportunity.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
}
#bomi-block h3 a:link {
	font-size:100%;
	line-height: 110%;
	color: #01BCA9;
	padding-bottom: 3px;
	text-decoration:none;
}
#bomi-block h3 a:hover {
	color: #FDB42B;
	text-decoration:none;
}
/*------------w-9 box----------------*/
#w-9-box {
	background-color: #F5F5F5;
	float: right;
	width: 30%;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	}
#w-9-box p{
	font-size: 85%;
	line-height: 140%;
}
#w-9-box h4{
	font-size: 90%;
	padding-bottom: 4px;	
}
/*------------ end w-9 box----------------*/

/*hightlight box for speical notices in body*/
.notice-box {
	background-color: #F5F5F5;
	padding: 13px 13px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.notice-box-alert {
	background-color: #FFFFFF;
	padding: 13px 13px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 3px solid #FDB42B
}
.maintaining-notice-box {
	background-color: #FDB42B;
	padding: 13px 13px 0px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
	width: 240px;
}
/*schedule teaser for course schedules - yellow table*/
.schedule-teaser{
	margin-top: 10px;
}
table.schedule-teaser {
	border-collapse: collapse;
	border: 2px solid #FDB42B;

	}
.schedule-teaser td{
	background-color: #FFF;
	height:30px;
	vertical-align:middle;
}
.schedule-teaser tr{
	background-color: #FFF;
}
/* photo w caption*/
.photocaptionright {
	display:block;
	width:150px;
	float:right;
	background-color:#E4DCD2;
	margin: 0 10px 10px;
}
.photocaptionright p {
	text-align: center;
	padding: 5px;
	font-size: 90%;
}
#topsearchnav ul {
	margin-bottom: 12px;
}
.footer #copyright .copyr {
display:block; width:700px; float:left; padding:5px 0 0 90px; text-align:left;
}
".footer #copyright .fbook { display:block; width: 140px; padding: 0 10px 0 5px; float:right;
}
.yellow-bkgd{
	background-color: #FFC;
}
.yellow-bkgd td{
	background-color: #FFC;
}
/*webinar series section - some additional styling inline*/
.webinar-series {
	background-color:#73C5C5; 
	margin:10px 0 20px;
	color: #FFF;
}
.webinar-series h2 {
	color:#FFF;
}

/*----Recorded Webinar Year Subhead-----*/
.rec-webinar-sub {
	color: #06C6B8; 
	text-transform: uppercase; 
	font-size: 90%; 
	font-weight: normal; 
	margin-bottom: 10px;
}

/*er{
	margin-top: 10px;
}*/

/* photo w caption*/
.photocaptionright {
	display:block;
	width:150px;
	float:right;
	background-color:#E4DCD2;
	margin: 0 10px 10px;
}
.photocaptionright p {
	text-align: center;
	padding: 5px;
	font-size: 90%;
}
#topsearchnav ul {
	margin-bottom: 12px;
}
.footer #copyright .copyr {
display:block; width:700px; float:left; padding:5px 0 0 90px; text-align:left;
}
".footer #copyright .fbook { display:block; width: 140px; padding: 0 10px 0 5px; float:right;
}
.yellow-bkgd{
	background-color: #FFC;
}
.yellow-bkgd td{
	background-color: #FFC;
}
/*webinar series section - some additional styling inline*/
.webinar-series {
	background-color:#73C5C5; 
	margin:10px 0 20px;
	color: #FFF;
}
.webinar-series h2 {
	color:#FFF;
}
/*Olga's tutorial styling*/

#tutorial-nav {
	background-color: #FFFFFF;
	float: right;
	width: 40%;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 0px;
	padding-top:15px;
	border: 2px solid #000000
}
#tutorial-nav h3 {
	font-size: 120%;
	font-weight:normal;
	color: #000000;
	text-decoration:none;
	padding-left:20px;
	padding-bottom:0px;
}

#tutorial-nav ul {
	color: #000;
	padding-bottom: 1em;
	padding-top: .5em;	
}
#tutorial-nav ul li {
	font: 100%/1.2;
	padding-bottom: 0.4em;
	font-weight: bold;
}
#tutorial-nav ul li a {
	color: #01BCA9;
	text-decoration: underline;	
}
#tutorial-nav ul li a:visited {
	color: #01BCA9;
	text-decoration: none;
}
#tutorial-nav  ul li a:hover {
	color: #FDB42B;
	text-decoration: none;
}