/****************
 INSTRUCTIONS
*****************/
/*Text styles basically wrap the piece of text within a chosen element. For example: span, h1, h2, p, etc..
	
	All you need to do is:
	
	1.Select an element -> p, span, h1, h2, h3, etc.. 
		
		p		
	
	2.Select a class name -> .ms-rteElement- + YOUR CLASS NAME
	
		p.ms-rteElement-YourClassName		
	
	3.Choose a name for the style -> "BCHU paragraph style"
	
		p.ms-rteElement-YourClassName{
			-ms-name: "BCHU paragraph style";
		}	
	
	4.Give the desired styles
		
		p.ms-rteElement-YourClassName{
			-ms-name: "BCHU paragraph style";
			text-align:center;
			color: black;
			padding:20px;	
		}
		
	
	*The code above will output the following mark up:
	<p class="ms-rteElement-YourClassName"> This is a pararaph style </p>
	
*/



/****************
 TEXT STYLES
*****************/
h2.ms-rteElement-Heading2{
    -ms-name: "BCHU Heading";
    color: #1F3850;
	font-size: 30px;
	font-family: 'open_sanssemibold';
	margin-top: 25px;
	margin-bottom: 25px !important;
}

p.ms-rteElement-Lead{
    -ms-name: "BCHU Lead";
    font-size: 18px;
	color: #1F3850;
	line-height: 1.5em;
	margin-bottom:20px;
}

p.ms-rteElement-Sub-head{
    -ms-name: "BCHU Sub-head";
    font-family: 'open_sansbold';
	color: #1F3850;
	font-size: 14px;
	margin-bottom: 13px;
	margin-top: 28px;
	display: block;
}

p.ms-rteElement-Paragraph{
    -ms-name: "BCHU Paragraph";
	color: #1F3850;
	font-size: 14px;
	padding-bottom: 0px;
	line-height: 1.5em;
}



.ms-rteElement-Indent{
    -ms-name: "BCHU Indent";
	margin:0px 0px 0px 40px !important;
}





/*general*/
.content-part ul li{
	color: #1F3850;
	font-size: 14px;
	list-style-type: disc;
	margin-bottom:5px;
	margin-left:15px;
	line-height:1.5em;
}

/*LEVEL 1 BULLET*/
.content-part ul ul li{
	list-style-type: circle;
}

/*LEVEL 2 BULLET*/
.content-part ul ul li{
	list-style-type: circle;
}

/*LEVEL 3 BULLET*/
.content-part ul ul ul li{
	list-style:none;	
}

.content-part ul ul ul li:before{ 
	content:"-"; position:relative; left:-5px;
}


	

.content-part ol li{
	color: #1F3850;
	font-size: 14px;
	list-style-type: decimal;
	list-style-position:inside;
	margin-bottom:5px;
	line-height:1.5em;
}


.content-part ul{
	margin:14px 0px 20px 20px;	
}	






/*******************************
HIDE FONTS, TEXT STYLES, ETC...
********************************/

/*REMOVE DEFAULT PAGE ELEMENTS*/
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tbody tr:first-child{
	display:none !important;	
}


#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tbody tr:nth-child(2) td:first-child, #Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tbody tr:nth-child(2) td:nth-child(2),
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tbody tr:nth-child(2) td:nth-child(3),
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tbody tr:nth-child(2) td:nth-child(4){
	display:none;
}

/*REMOVE DEFAULT TEXT STYLES*/
#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles\.Menu\.Styles{
	display:none;	
}

/*REMOVE FONT SIZE OPTIONS*/
#Ribbon\.EditingTools\.CPEditTab\.Font-Large-0-0{
	display:none;
}

/*REMOVE FONT FAMILY OPTIONS*/
#Ribbon\.EditingTools\.CPEditTab\.Font\.Fonts-Medium{
	display:none;
}

/*REMOVE BOTH THE FONT FAMILY AND SIZE*/
#Ribbon\.EditingTools\.CPEditTab\.Styles-5style-0-0 div{
	display:none;	
}


/*BCHU text styles BUTTON*/
.ms-cui-ctl-thin{
	display:block;
	width:100px;	
	vertical-align:central;
	background: url(../img/bchu-text.jpg) center;
}

/*BLOCKQUOTE*/
blockquote{
	border-left:none !important;	
}