html {font-size: 62.5%;}

/*span.expanded-cd-name {font-weight: bold; color:#ffffff; text-transform: uppercase;background-color:#FFA500;padding-right:50%;padding-left:5px;}*/
span.expanded-cd-name {font-weight: bold; color:#006633; text-transform: uppercase !important;}
/*span.expanded-cd-name:before {content: "\f005";display: inline-block;font-family: "FontAwesome";font-size: 20px;margin-right:10px;color: #fff;}*/
span.expanded-cd-name:before {content: "\f005";display: inline-block;font-family: "FontAwesome";font-size: 28px;margin-right:10px;color: #FFA500;}


.i4a_ck_left75 span.expanded-cd-name {padding-right:0;padding-left:0;}

span.regular-cd-name {font-weight: normal;}

span.subtitle {font-weight: bold; font-size: 17px; font-size: 1.75rem;}

span.title {font-size: 20px; font-size: 2.0rem; font-weight: 700; margin: 0 0 10px 0; padding: 0; line-height: 120%; color:#97344e; text-transform:uppercase;}

body {font-size: 16px; font-size: 1.6rem; font-family: 'Roboto Condensed', sans-serif; line-height: 150%; color:#48423c; text-decoration: none; font-weight:300;}

small {font-size: 12px; font-size: 1.1rem;}

big {font-size: 20px; font-size: 2.0rem;}

h1 {font-size: 20px; font-size: 2.0rem; font-weight: 700; margin: 0 0 10px 0; padding: 0; line-height: 120%; color:#97344e; text-transform:uppercase;}

h2 {font-size: 17px; font-size: 1.7rem; font-weight: 700; margin: 0 0 10px 0; padding: 0; line-height: 120%; color:#c0b2a3;}

h3 {font-size: 17px; font-size: 1.7rem; font-weight: 700; margin: 0 0 10px 0; padding: 0; line-height: 120%; color:#97344e;}

h4 {font-size: 15px; font-size: 1.5rem; font-weight: 700; margin: 0 0 10px 0; padding: 0; line-height: 120%; text-transform:uppercase; color:#333333;}

h5 {font-size: 15px; font-size: 1.5rem; font-weight: 700; margin: 0 0 10px 0; padding: 0; line-height: 120%; text-transform:uppercase; color:#c0b2a3;}

h6 {font-size: 11px; font-size: 1.1rem; font-weight: 400; line-height: 110%; color:#666666;}

p {margin: 0 0 20px 0; padding: 0;}

a,a:link,a:active,a:visited {text-decoration: none; color:#97344e;}
	
a:hover {text-decoration: underline; color: #c0b2a3;}

div#content a {text-decoration: none;}

b, strong {font-weight: bold;}

i, em {font-style: italic;}

u {text-decoration: underline;}

del, strike {text-decoration: line-through;}

sub {vertical-align: sub; font-size: smaller;}

sup {vertical-align: super; font-size: smaller;}

address {font-style: italic;	}

pre {font-family: monospace;}

.tooltip {font-size: 13px;}

.directoryProfilePic {
	margin-top:5px;
	margin-left:5px;
	Margin-bottom:5px;
	margin-right:5px;
    border-radius:2px;
    border:1px solid #dfdfdf;
    height:150px;
    width:150px;
    object-fit:cover;
    object-position:top;
/* etc - styles above are only samples of what could be done using CSS, but is not the complete list of properties that can be controlled by CSS settings */
}