/* Experimental CSS File for showman.org */
/*  Based on experimental non-table SCVFA Website Design (CSS Layout) */


/* ----------- Color and font settings --------------- /*
/* Set color scheme for areas to cream and medium blue */

body {
	margin-left: 1.0em;
	margin-right: 1.0em;
}

#outerWrap, #header, #navBar, #content, #footer {
    border-color: #ffc;    /* Pale yellow, not inherited? */
}

/* --------- Layout management ----------- */
body {
    margin: 10px;
    border-style: none;
    padding: 0px;
}

/* Outer wrapper inside body -- needed?  One site said "yes for [some] IE" */
#outerWrap {
    min-width: 620px;   /* Adjust this so title only wraps to 3 lines or fewer  */
    margin: 5px;        /* Show a little body background */
    border-style: solid;   /* Four sides */
    border-width: 5px;
    background-color: #ccc;  /* Light grey inside the main border */
}

/* --------------------------------------------------------------------------- */
#header {             /* To use:  <div id="header"> ... </div>  */
    margin: 0px;
    /* Default "position:" is static (~relative w/ top: 0px; left: 0px;) at top of wrapper ) */
    /* Default width: fills the outer wrapper */
/*    min-height: 100px;  /* required to keep menu in place; 100-105 is about right */
    background-color: #009;  /* medium-dark blue matches picture backgrounds */
    border-style: none none solid none;   /* TRBL: Border only on bottom */
    border-width: 5px;
    padding: 5px;
}

#mainTitle {  /* Try an alternate way to do the title: h1 id="mainTitle;" */
/*    font-family: Georgia, Garamond, palatino, serif;  /* ## CURRENTLY REDUNDANT -- SEE WRAP */
/*    font-size: 32px;   /* Smallish?   h1 default ~32px? */
    font-size: 30px;   /*  Approx h1 default (~32px? */
    margin: 5px 200px 5px 130px;  /* CW: T,R,B,L -- R was 266. keeps text from under pic somehow */
    text-align: center;
    vertical-align: middle;
    color: #ffc;    /* Pale yellow */
  /*      margin: 5px 266px 5px 130px;  /* Top, Right, Bottom, Left */
    }

/* --------------------------------------------------------------------------- */
#content {    
    /* This is floating (implicitly relative) */
    margin: 0px;
    margin-left: 12em;  /* Must be the same as navBar's width */
/*    margin-left: 12.5em;  /* ### 11em is TOO NARROW in Firefox w/ small text  */
/*    height: 100%;     /* ### ?? This has no apparent effect */
    border-style: none;
    border-left-style: solid;   /* Only on left side, overlaps Nav's rt border */
    border-width: 5px;  /* Applies to all enabled borders */
    padding: 5px;  /* ?? */
/*    color: #000;   NOT NEEDED ?? */
}

/* --------------------------------------------------------------------------- */
#footer {
    clear: both;   /* Keep it from overlapping Nav or Content */
    margin: 0px;   /* No margin, so borders touch */
    padding: 5px;  /* ?? */
    border-width: 5px;
/*    border-style: solid none none none;  /* TRBL:  Top only if colors differ */
    border-style: none;  /* No top border if background color matches */
    background-color: #ffc;  /* Pale yellow */
    text-align: center;
    font-size: 11px;
}
        #footer .date {
            float: left;
            text-align: left;
        }
        #footer .contact {
            float: right;
            text-align: right;
        }
    
/* ---------------------------------------------- */
/* Fonts */