/* CSS Document */
body {margin:0; padding:10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size:small;}
div {margin:0; padding:0; border:none;}
.clear {clear:both;}
.photo-left { float:left; clear:left; margin:0 10px 7px 0;}
.photo-right { float:right; clear:right; margin:0 0 7px 10px;}
.smaller {font-size:75%;}
.breadcrumb {font-size:85%;}
#wrap {width:985px; margin:0 auto;}
a, a:link, a:visited, a:active {color:#330066; }
a:hover {text-decoration:none;}
#wrap #header #get-menu {
	width: 615px;
	float: right;
	clear: right;
	margin: 10px 0px 5px 0;
	padding: 0px;
}
#wrap #middle {clear: both;	width: 985px;}

#mobile-link  {display:none; 
	position:relative;
	height:2em;
	background-image:url(/assets/img/mobile-icon.png);
	background-repeat:no-repeat;
	padding:15px 0 15px 75px;
	font-weight:bold;
	font-size:250%;
}
#mobile-link a, #mobile-link a:visited {
	text-decoration:none;
	padding:15px;
}

#wrap #middle #content {width: 580px; padding: 7px 15px;	float: right;	clear: right;	background-color:#E5EAF6; color:#250858;}
#wrap #middle #content-3t {width: 580px; padding:7px 15px;	float: right;	clear: right;	background-color:#FFFFFF; color:#250858; border-top:13px solid #E5EAF6;}


#wrap #middle #content-3t li, #wrap #middle #content li { margin-top:.25em;
margin-bottom:.25em;}


#wrap #middle #left-menu {width: 370px;	margin:0; padding:0; border:none; float:left;}


#left-menu h2 {color: #FFFFFF;	font-weight: normal;	font-size: 15pt; padding:5px 0 0 0; margin:0; margin-left:20px;}
#left-menu ul { margin-right:15px; list-style:none; margin-left:20px; padding:0;}
.blog-page #left-menu #join h2 {color: #f8981d;	font-weight: normal;	font-size: 15pt; padding:5px 0 0 0; margin:0; margin-left:20px;}
.blog-page #left-menu #join a:hover {color:#f8981d; text-decoration:none;} 

#lm-quote h3 {
	padding: 0px;
	margin:7px 15px;
	line-height: 135%;
	font-style: italic;
	font-weight: normal;
	font-size: 15pt;
	color: #250858;
	width:330px

}
#left-menu #lm-quote h4 {
	padding: 0px;
	margin:7px 15px;
	line-height: 120%;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
	color: #250858;
	width:330px;
	text-align:left;

}
#left-menu #lm-bg1 #lm-bg2 #menu-2t {
	background-image: url(/assets/img/lm-org-leaf.gif);
	background-position: left top;
	background-color: #E1962F;
	background-repeat: no-repeat;
	padding-bottom:3px;
	width:370px;}

#left-menu #lm-bg1 #lm-bg2 {
	background-image: url(/assets/img/lm-blu-leaf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:370px;
	background-color:#D5D9E6;
}

#lm-quote {border-top: 2px solid #FFFFFF;	border-right: 0px none #FFFFFF;	border-bottom: 2px solid #FFFFFF;	border-left: 0px none #FFFFFF;	background-image: url(/assets/img/gray-shadow.png);	width:370px;}


#left-menu a, #left-menu a:link, #left-menu a:visited, #left-menu a:active {
	color: #250858;
	text-decoration: none;
	font-weight: bold;
}
#left-menu a:hover {
	text-decoration: underline;

}


/*

#info1, #info2, #info3, #info4, #active1, #active2, #active3, #active4 {
	height: 138px;
	width: 140px;
	padding:3px;

}
#for-yourself {	background-image: url(/assets/img/help1.jpg);	background-repeat: no-repeat;}
#for-someone-else {	background-image: url(/assets/img/help2.jpg);	background-repeat: no-repeat;}
#barcc-services {	background-image: url(/assets/img/help3.jpg);	background-repeat: no-repeat;}
#online-resources {	background-image: url(/assets/img/help4.jpg);	background-repeat: no-repeat;}

#info1 {	background-image: url(/assets/img/info1.jpg);	background-repeat: no-repeat; background-color:#594B98;}
#info2 {	background-image: url(/assets/img/info2.jpg);	background-repeat: no-repeat; background-color:#F39B20;}
#info3 {	background-image: url(/assets/img/info3.jpg);	background-repeat: no-repeat; background-color:#594B98;}
#info4 {	background-image: url(/assets/img/info4.jpg);	background-repeat: no-repeat; background-color:#F39B20;}
#active1 {	background-image: url(/assets/img/active1.jpg);	background-repeat: no-repeat; background-color:#594B98;}
#active2 {	background-image: url(/assets/img/active2.jpg);	background-repeat: no-repeat; background-color:#F39B20;}
#active3 {	background-image: url(/assets/img/active3.jpg);	background-repeat: no-repeat; background-color:#594B98;}
#active4 {	background-image: url(/assets/img/active4.jpg);	background-repeat: no-repeat; background-color:#F39B20;}

 #info2 a, #info4 a, #active2 a, #active4 a {color: #FFFFFF; background-color:transparent;	text-decoration: underline;	font-size: 17pt;}
 #info1 a, #info3 a, #active1 a, #active3 a  {	  color: #F8981D; background-color:transparent;		text-decoration: underline;	font-size: 17pt;}
 {	text-decoration: none;	font-size: 17pt;}
*/
.info-box {		width: 135px; height:130px;	padding: 0px;		float:left;		margin-right:3px;		background-repeat: no-repeat; 	}
.info-box  h3 {	  margin:5px;	background-repeat: no-repeat;   height:120px; display:block; position:relative; 	}
.info-box  h3 a 	{	color:#FFF;	text-decoration:none;	 font-size:16px;  font-weight:bold; 	display: block;
position:absolute; bottom:5px; left:5px;  padding-top:60px;
}
.info-box  .smaller p, info-box .smaller	{	color:#FFF;	text-decoration:none; 	}
.info-box .smaller	 {	clear: left; margin-top: 15px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px;font-size:11px; }

#for-yourself h3 	{	background-image: url(/assets/img/help1.jpg);}
#for-someone-else h3 {	background-image: url(/assets/img/help2.jpg);}
#barcc-services h3	 {	background-image: url(/assets/img/help3.jpg);}
#online-resources h3 {	background-image: url(/assets/img/help4.jpg);}

#info1  h3{	background-image: url(/assets/img/info1.jpg);}
#info2  h3{	background-image: url(/assets/img/info2.jpg);}
#info3  h3{	background-image: url(/assets/img/info3.jpg);}
#info4  h3{	background-image: url(/assets/img/info4.jpg);}

#active1  h3{	background-image: url(/assets/img/active1.jpg);}
#active2  h3{	background-image: url(/assets/img/active2.jpg);}
#active3 h3 {	background-image: url(/assets/img/active3.jpg);}
#active4  h3{	background-image: url(/assets/img/active4.jpg);}

.boxes-3column {position:relative; width:100%; clear:both; list-style:none; margin:0; padding:0;}
.boxes-3column li {
	list-style:none; font-size:16px; 
	background-repeat:no-repeat;
	display: block;
	float:left;
	position: relative;
	margin:0px;
	padding:0px;
	width:180px;
	height:155px;
	background-color:orange;
	border:solid #fff;
	border-width:medium;
	border-bottom:0px;
	border-top:0px;
}
#content-3t .boxes-3column * a, #content-3t .boxes-3column * a:link, #content-3t .boxes-3column * a:visited {
	display: block;
	position: absolute;
	padding-top:100px;
	padding-left:8px;
	padding-right:5px;
	width:160px;
	bottom:15px;
	left:5px;	
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	border:none;
}
.boxes-3column #li-ece {
	background: url(http://barcc.org/assets/img/educators-early-childhood.jpg);	
}
.boxes-3column #li-mid {
	background: url(http://barcc.org/assets/img/educators-middleline.jpg);
}
.boxes-3column #li-hs {
	background: url(http://barcc.org/assets/img/educators-hs-couple.jpg);
}
.boxes-3column #li-college {
	background: url(http://barcc.org/assets/img/educators-college.jpg);
}
.boxes-3column #li-admin {
	background: url(http://barcc.org/assets/img/educators-administrators.jpg);
}




#wrap #middle #content h2 {	padding: 0px;	margin-bottom: 5px;}
#wrap #middle #left-menu h4 {
	color: #250858;
	text-align: center;
	margin: 7px 0px;
	padding:0;
	padding: 0px;
	font-size:17pt;
	font-weight:normal;
}
#wrap #middle #left-menu #lm-bg1 #lm-bg2 #join {
	padding: 2px 5px 2px 20px;
	margin: 0px;
}

#left-menu #lm-bg1 #lm-bg2 #menu-2t li {
	padding: 3px;
}
.submenu {display:none; margin-top:3px;}
.active .submenu {display:block;}

.active .submenu  .submenu {display:none;}
.active .submenu .active  .submenu {display:block;}

#wrap #middle #left-menu #lm-bg1 #lm-bg2 #menu-2t a {
	background-image: url(/assets/img/bullet.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left center;
}


#menu-2t .submenu a {
	background-image:none; padding:5px;
}#wrap #middle #left-menu #lm-bg1 #lm-bg2 #menu-2t .active a {
	background-image: url(/assets/img/bullet-active.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#wrap #middle #left-menu #lm-bg1 #lm-bg2 #menu-2t .active .submenu a {
	background-image: none;
}
#wrap #middle #content h1, #content-3t  h1 {
	margin-top: 0px;
	font-weight:normal;
}
#wrap #middle #content h2 {
	font-weight:normal;
}
.smaller {
	font-size: 85%;
}
#wrap #header #logo {
	margin: 0px;
	padding: 0px;
}



.blog-page #wrap #middle #left-menu #lm-bg1 #lm-bg2 #menu-2t a {
	background-image: none;
	padding-left:0; 
	background-repeat: no-repeat;

	background-position: left center;

}

.blog-page .entry {}
.blog-page  .summary p {display:none;}
.blog-page .summary  > p:first-child{ display:block; }



.blog-page h1 { margin-bottom:5px;}
.blog-page .entry h2 { font-size:12pt; margin:8px 0;}
.blog-page .entry h3 { font-size:10pt; color:#f8981d; margin: 1em 0 0 0;}
.blog-page .entry p {  }
.blog-page #left-menu #lm-bg1 #lm-bg2 #menu-2t li {
	padding: 5px 3px;
	font-weight:normal;

}
.blog-page #left-menu #lm-bg1 #lm-bg2 #menu-2t .blog-entries li
{margin:5px 0; padding:0; font-size:10pt; font-weight:normal;}
.blog-page #left-menu #lm-bg1 #lm-bg2 #menu-2t .blog-entries li a { font-weight:normal;
}

.blog-page .entry .posted { font-size:9pt; margin:1em 0;}

.share-links { border-bottom:#F90 1px solid; padding-bottom:5px; clear:both;}

.blog-page #wrap #middle #left-menu #lm-bg1 #lm-bg2 #join {
	padding: 2px 5px 2px 0px;
	margin: 0px;
}
#cloud {margin:20px;}
#cloud h2 {margin-left:0;}
#cloud a {margin:3px;}
/*Home Style*/





#languages .left {
	width: 235px;
float:left; clear:left;
	padding: 0px;
	margin-left: 65px;
	font-size:13px; line-height:125%;
	color:#FFF;
}

#languages .left a:link, #languages .left a:visited { font-weight:bold; color:#FFFFFF; text-decoration:none; }
#languages .left a:active, #languages .left a:hover { color:#250858;}
#languages .left p {
	padding: 0px;
	margin: 3px 0px 5px;
}
.home #wrap {

	background-image: url(/assets/img/home-bg-photo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.home #wrap #middle {
	background-image: url(/assets/img/home-bg-menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.home #wrap #middle #languages {
	height: 100px; 
	padding:2px 0;
	width: 100%;
	background-image: url(/assets/img/home-mid-purple.gif);
	background-position: right;
	background-repeat: no-repeat;
	overflow:hidden;
}
.home #wrap #middle #home-menu {
	height: 73px;
	margin: 0px;
	padding: 34px 0px 45px 15px;
}
.home #wrap #middle #faces {
	margin: 0px;
	padding: 0px;
	height: 102px;
	text-align:right;
}
a {
	color: #330066;
	text-decoration:underline;
}
a:hover {text-decoration:none; color:#FF6600;}
.home #wrap #middle #languages h3 {
	color: #FFFFFF;
	text-align: center;
	margin-left:375px;
	background-color:#574b76;
	margin-top: 24px;
	font-size: 24px ! important;
	font-weight: normal;
	margin-bottom:0;
	padding:0;
}

#content-3t a, #content-3t a:visited, #content-3t a:link { text-decoration:underline;}




.docs li { margin:8px;}
.doc {
	background-image: url(/assets/img/doc.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left center;
	margin-bottom:3px;
	margin-top:3px;
	list-style:none;
}
.pdf {
	background-image: url(/assets/img/pdf.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	
	background-position: left center;
	margin-bottom:3px;
	margin-top:3px;
		list-style:none;
}
.ppt {
	background-image: url(/assets/img/ppt.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	
	background-position: left center;
	margin-bottom:3px;
	margin-top:3px;
		list-style:none;
}
.watch {
	background-image: url(/assets/img/watch.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	list-style:none;
}
#content { min-height:450px;}

#features a, #features img{border:none;}

a img {border:none;}

#print-hotline {display:none;}


#quote {font-size:17px; font-family:Georgia, "Times New Roman", Times, serif; color:#f89920; font-style:italic; padding:0 10px 10px 55px; background:url(/assets/img/quote1.png) no-repeat; }
#quote h3 {font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; color:#f89920; font-style:italic;  background:url(/assets/img/quote2.png) no-repeat bottom right; font-weight:lighter; padding:0 50px 0 0 ;  }

#callout {width:175px; float:right; clear:right; padding:0 0 0 15px; border-left:#e5eaf6 2px solid; margin:10px 0 10px 10px;}
#callout h4 { margin-top:5px;}
#callout ul  {margin:0; padding:0; list-style:none;}
 #callout  li { margin:1em 0;  list-style:none; padding-bottom:8px;}




#footer, #foooter {
	width: 981px;
	clear: both;
	border:none;
	margin: 0 auto;
	clear: both;
	padding:10px 0;
	color:#250858;
	position:relative;

}
#foooter ul {
	list-style-type: none;
	margin: 10px 0px 0 0;
	padding: 0px;
	margin-top:0;
	text-align:right;

}
#foooter li {
	display: block;
	float:right;
	list-style-image: none;
	list-style-type: none;
	margin-left:10px;
	margin-top:10px;
}
#foooter li a { margin-right:10px;	color:#250858; font-size:85%;}
#foooter .copyright {
	margin-left: 370px;
	font-size: 90%;
	clear:both;
}
#foooter form, #foooter input {display:inline; clear:none;}



