@font-face {
    font-family: 'Droid Sans'; font-weight: normal; font-style: normal;
    src: url(/config/fonts/DroidSans.ttf) format('truetype');
}
@font-face {
    font-family: 'Droid Sans'; font-weight: bold; font-style: normal;
    src: url(/config/fonts/DroidSans-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Droid Mono'; font-weight: normal; font-style: normal;
    src: url(/config/fonts/DroidSansMono.ttf) format('truetype');
}
@font-face {
    font-family: 'Droid Serif'; font-weight: normal; font-style: normal;
    src: url(/config/fonts/DroidSerif-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Droid Serif'; font-weight: bold; font-style: normal;
    src: url(/config/fonts/DroidSerif-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Droid Serif'; font-weight: normal; font-style: italic;
    src: url(/config/fonts/DroidSerif-Italic.ttf) format('truetype');
}
@font-face {
    font-family: 'Droid Serif'; font-weight: bold; font-style: italic;
    src: url(/config/fonts/DroidSerif-BoldItalic.ttf) format('truetype');
}
/*  font-family  */
body,h1,h2,h5,p,em{font-family: "Droid Serif", serif;}
h3,h4,h6{font-family: "Droid Sans", sans-serif;}
/*  font color  */
body,h1,h2,h3,h4,h5,h6,p,em{ color: rgb(64, 0, 64);}
/*  font-size  */
body,h3,h5,p,em{font-size: 1.00em;}
h1{font-size: 2.0em;}
h2{font-size: 1.25em;}
h4{font-size: 0.95em;}
h6{font-size: 0.90em;}
/*  center headers */
h1,h2,h3,h4,h5,h6{ text-align: center; }
/*  background  */
/* body{ background-color: rgb(128, 0, 128);} */
body{background-image: url(../config/broken-heart.jpg)}
/*  create a border around the text */
div.outer, div.inner {
    background-color: white;
    border: 1px solid rgb(128, 0, 128);
    padding: 10px;
    margin: 0em auto;
}
/*  limit width */
@media only screen and (min-width: 836px) {
    div.outer { width: 800px; }
    div.inner { width: 780px; }
}
/* attention box */
div.attnbox {
    background-color: rgb(255, 255, 204);
    width: 96%;
    margin: 1.25em auto;
    border: 1px solid rgb(183, 0, 0);
    padding: 2px 5px;
    spacing: 0px;
}
h3.attnhdr { color: rgb(183, 0, 0); }
p.attntxt { color: rgb(183, 0, 0); }
/* contents box */
div.tocbox {
    background-color: rgb(255, 255, 204);
    width: 96%;
    margin: 0px auto 5px auto;
    border: 1px solid rgb(128, 0, 128);
    padding: 2px 5px; 
    spacing: 0px;
}
/*  float contents to the right on large screen */
@media only screen and (min-width: 601px) {
    div.res-wrap { float: right; }
    div.tocbox { 
        width: 350px; 
	margin:  0px 5px;
	padding: 0px 5px;
    }
}
/* table borders */
table, th, td {
    border: 1px solid rgb(128, 0, 128);
    border-collapse: collapse;
}
th, td {
    padding: 0px 5px;
    vertical-align: top;
}
/* centering */
.center {
    margin: 0px auto;
}