@import url("/webfonts/MyriadProBold/stylesheet.css");
@import url("/webfonts/MyriadProBoldIt/stylesheet.css");
@import url("/webfonts/Wingdings3/stylesheet.css");
#content h1 {
	margin: 0px 0px 0px;
	border-bottom: none;
}
#content p {
	margin: 0px 0px 12px;
	padding: 0px;
}
#content p a{
	color: #ce2b06;
	text-decoration: none;
	font-family: MyriadProBold, sans-serif;
	background: url(/images/arrow-principles.png) no-repeat right;
	padding-right: 22px;
}
#content p a em{
	font-family: MyriadProBoldIt,sans-serif;
}
#content ol {
	font: 18px/25px MyriadPro, sans-serif;
	margin: 0px 0px 12px 24px;
	padding: 0px;
}
#content ul li{
	margin: 0px 0px 9px;
}
#content h4 {
	font: bold 15px/22px Verdana, Geneva, sans-serif;
	margin: 16px 0px 12px;
	padding: 16px 0px 0px;
	border-top: 1px solid #db7b02;
}
#content h4.norule {
	padding: 0px;
	border-top: none;
}
#content .accordians {
	border-bottom: 1px solid #ce2b06;
}
#content .accordians h3{
	font: normal 18px/24px MyriadProBold, sans-serif;
	margin: 0px;
	padding: 12px 0px;
	color: #06487f;
	position: relative;
	cursor: pointer;
	border-top: 1px solid #ce2b06;
}
#content .accordians h3 span {
	background: url(/images/arrow-principles.png) no-repeat right;
	padding-right: 22px;
}
#content .accordians p strong{
	font-family: MyriadProBold, sans-serif;
	font-weight: normal;
}
#content .accordians p strong em,
#content .accordians .toggle em{
	font-family: MyriadProBoldIt, sans-serif;
	font-style: normal;
	font-weight: normal;
}
#content .accordians .toggle{
	font: normal 18px/24px MyriadProBold, sans-serif;
	color: #06487f;
	margin: 4px 0px 0px;
	padding: 12px 0px 4px 0px;
	list-style: none;
	cursor: pointer;
	position: relative;
	display: block;
	border-top: 1px solid #ce2b06;
	text-decoration: none;
}
#content .accordians .toggle::after{
content: '\00DA'; /* Wingding3 arrow down UNICODE */
margin-left: 4px;
font-family: "Wingdings3";
color: #ce2b06;
}
#content .accordians .toggle.selected::after{
content: '\00DC'; /* Wingding3 arrow down UNICODE */
margin-left: 4px;
font-family: "Wingdings3";
color: #ce2b06;
}



@media(max-width: 780px){
#content .accordians .toggle span{background-position: right 0px!important;}
#content .accordians .selected span{background-position: right -24px!important;}
#content .toggle br {display: none!important;}
}
@media(max-width: 370px){
#content .toggle {font-size: .8em!important;}
#content .toggle span {background-size: 12px!important;padding-right: 18px!important;background-position: right 1px!important;}
#content .toggle.selected span {background-position: right -18px!important;}
}
