/* Revison of Kevin Hunters original css sheet*/

html, body {
    width: 98% !important;
}


/* Body specifications */

body {
    margin: 0 0 0 0;    /* Don't want to offset page */
    padding: 0 0 0 0;   /* Don't want to pad body either  */
    font-family: Geneva, Helvetica, sans-serif;  /* If they have Geneva, use it, otherwise use Helvetica.  If they also don't have Geneva, or Helvetica, then pick some font in a sans-serif style */
    position: relative; /* Position the body relative to the browser window and user settings. */
    background-color: rgb(100%, 100%, 100%); /* Set Background to white */
    color: rgb(0%, 0%, 0%);         /* Default text color: black*/
}


/* general anchor text descriptions */

a {
    display: inline;
    text-decoration: none;      /* Take away the underline */
    background-color: transparent;
}

a:link {
    color: rgb(48%, 0%, 0%);  /* Mainly red color */
    font-weight: bold;
}

a:visited {
    color: rgb(48%, 0%, 0%);
}

a:hover { /* define what happens when the mouse is over a hyperlink */
}

img {
    border: 0;
    display: inline;
    background-color: rgb(100%, 100%, 100%) /* white */;
}

div.mainheader {
    /* margin is the space "outside" of the space for the content of this division */
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 2px;
    margin-left: 1em;
    /* Padding is the space "inside" of the space for the content of this class of division */
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 1em;
    padding-left: 0;
    /* border is the design or line between margin and padding */
    border-top: 0;           
    border-right: 0;
    border-bottom: 4px solid;
    border-left: 0;
    border-color: rgb(48%, 0%, 0%);  /* dark red */
}

div.mainheader { /* Begin to define the layout of a sitemast division */
    background-color: rgb(100%, 100%, 100%);    /* white */
}

div.mainheader img {
    float: left;
}

div.mainheader h1 { /* Define how an <h1> tag that is used inside of sitemast instance of a division is treated */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 1em;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1em;
    font-family: Helvetica, sans-serif; /* Use Helvetica, otherwise pick some font without a serif. */
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1em;
    letter-spacing: 0em;
    border: 0; /* get rid of the border */
    color: rgb(48%, 0%, 0%); /* dark red */
    background-color: transparent;
    text-align: right;
}

div.mainpage {    /*Create a space for the main content of the page seperate from the header and the menu*/
    position: relative;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 10.2em;
    padding-left: 3%;
    background: rgb(100%, 100%, 100%);
}

div.imgmain {  /*Postition the main images over the filler images */
    position: absolute;
    z-index: 1;
    top: 0%;
    left: 3.5%;
}

div.imgmain img {
    border: 2px solid rgb(0, 0, 0);
    margin-top: 4px;
}

div.placeholder{ /*Postion the filler images under the main images*/
    position: relative;
    z-index: 0;
}

div.placeholder img {
    border: 1px solid rgb(100%, 100%, 100%);
    margin-top: 4px;
}

div.content { /* Create the area for the the content class */
    position: relative;
    background: rgb(100%, 100%, 100%);
}

div.content h2, h3, h4, h5, h6 { /* Define <h2> thru <h6> for the content class */
    line-height: 0.7em;
    margin-top: 1em;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 0;
    border-bottom: 1px dotted;
}

div.content p, dl, ol, ul { /* Explain the <p>, <dl>, <ol>, and <ul> tags for the content class */
    margin-left: 0;
    margin-right: 3%;
}

div.content p {
    text-indent: 0.15in;
}

div.content ul {
    list-style-type: disc;
}

/* Menu */
div.menupane { /* Create the area for the menu */
    width: 10em;        /* Give the menu a width of 10em */
    float: left;
    margin: 0;
    padding: 0 1% 0 0;
    border-top: 0;
    border-right: 0px solid;
    border-bottom: 0;
    border-left: 0;
    border-color: rgb(50%, 0%, 0%);
}

div.menupane {
    background-color: rgb(100%, 100%, 100%);
    font-family: sans-serif;
}

div.menupane h4, div.menupane h6 {
    margin: 0px;
    padding-top: 0.25em;
    padding-right: 0.5em;
    padding-bottom: 1px;
    padding-left: 0.5em;
    border: 0px;
}

div.menupane h4, div.menupane h6 {
    background: rgb(100%, 100%, 100%);
    margin-left: 1em;
    text-align: center;   /* align the headers in the center of the menupane */
}

div.menupane h4 {
    font-size: 1em;
    line-height: 1em;
}

div.menupane h6 {
    font-size: 0.7em;
    line-height: 1.2em;
}

div.menupane ul {
    margin: 0 2px 1px 8px;
    padding: 0 0 1em 0.5em;
}

div.menupane ul {
    background: rgb(100%, 100%, 100%);
    font-size: 90%;
    list-style: none;
}

div.menupane ul li {
    padding-top: 1em;
}

div.menupane ul ul {
    margin: 0;
    padding: 0 0 0 1.25em;
    border-left: none;
    font-size: 90%;
}

div.menupane ul ul li {
    padding-top: 1px;
    text-indent: -0.7em;
}

div.center {
    text-align: center;
}

sup, sub {
    font-size: 50%;
}

dt {
    font-weight: bold;
}