/*This .css adapted from the myplaza.xyz .css and has elements that can be deleted/changed*/


/*orange box*/
.box {border: 1px solid #ff6600; max-width: 52ch}
.boxtext {padding:4px; margin-left:2em}

/*definitely in use toward the top*/
h1 { font-size: larger; font-family: sans-serif;  line-height: 30px; margin-top:2em; margin-bottom: 2em;} 
h2 { font-size: medium; font-family: sans-serif; margin:3em 0 0 0} 
h3 { font-size: small; font-family: sans-serif; margin: 0em }

body { font-family: helvetica, arial, sans-serif; font-size: medium; background-color: #ffffff; padding: 1em; line-height: 22px;}

body p { color: black; font-size: medium; max-width: 52ch}

li { margin-top: 1em; max-width: 48ch;/*margin-right:35em; /*list-style-image: url(../white/images/bullet.gif)*/ }
div.article li {list-style-image: none}	
div.article { max-width: 40em}

html { background-color: #ff6600; padding: .05em }


/* div.col-container replaced the old table layouts of index pages in order to be
 * more mobile-friendly */
div.col-container { overflow: hidden; width: 100% }
div.col-container li { margin-top: 1em; list-style-image: url(images/dancinguy.gif) }
div.col-container div.column { float: left; width: 33% }
div.col-container header { padding-left: 3em; margin-top: 1em }
@media only screen and (max-width: 600px) {
    /* medium screen - go to 2 columns */
    div.col-container div.column { float: left; width: 50% }
    div.col-container div.last { float: none; clear: both }
}
@media only screen and (max-width: 380px) {
    /* small screen - go to 1 column */
    div.col-container div.column { float: none; width: 100% }
}



/* drop cap*/
 p.introduction:first-letter {
 font-size: 32px;
 float: left; 
 color: #000000;
 line-height: 25px;
 padding-top: -3px; 
 padding-right: 2px;
 font-family: sans-serif;
}



p.intro { color: black; font-size: small; padding: 0em; margin-top:
-1px;}


p.bodyindent { color: black; font-size: medium; margin-left:2em; margin-top:
-1px;}


p.intro2 { color: #000f48; font-size: small }

p.dynamicintro { display: none; color: black; font-size: small; padding:
0em; margin-top: -1px; }

p.note { color: Navy;
font-size: x-small; font-family: sans-serif; padding: 0em; margin-top:
-1px; margin-right: 20em }

p.postscript { color: black; font-size: small; font-family: sans-serif;
padding: 0em; margin-top: -1px; }


p.verse { padding-left: 3em; font-style: oblique }

p.quote { color: black; font-size: medium; font-style: italic; padding: 0em; margin-top:
-1px; margin-left: 1em}

.spannorm{font-weight: normal }

.spansmall{font-size: 12px }

span.underline {text-decoration:underline}


span.smallcap {font-variant: small-caps}



/* class for external links*/
.external {
        background-position: center right;
        background-repeat: no-repeat;
        background-image: url(../../white/images/external-link-ltr-icon.png?325de);
        background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%2336c%22 d=%22M1.5 4.518h5.982V10.5H1.5z%22/%3E %3Cpath fill=%22%2336c%22 d=%22M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M9.995 2.004l.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z%22/%3E %3C/svg%3E");
        padding-right: 13px;
        
    }