/* element selector (property: value;}

Notes

Types of CSS Selectors (ALL selectors are case-sensitive)
1. Element selector (the name of an XHTML element: body, p, div, img)
2. ID selector (the name of an id preceded by a # sign (header, footer)
3. Context selector: the name of the parent followed by the name or type of the descendant

CSS Measurement Units
Fixed: pi, pt, px, in, cm, mm
Variable: %, em, ex. em and ex will change depending on the font.
*/



/* Font families:
    1. Serif
    2. Sans-serif
    3. Cursive
    4. Mono-space
    5. Fantasy

For print - serif
For electronic - sans serif

font-family: arial, helvetica, sans-serif;

*/
#body {
    background-color:#FFFCFC;
}
#wrapper {
    width:960px;
    margin: auto;
}
#header {
    height: 210px;
    width: 960px;
/*    background-image: url(/images/homepage.jpg);
      background-repeat: no-repeat; - makes it appear only once
      background-position: 50% (moves the center of the picture to the middle of the box) 100% moves it
                                to the bottom of the picture);
      border-radius: 10px; (The larger the value, the more curviture you will have when you
           round the corners of your picture.
           -moz-border-radius: 10px; (Firefox)
           -webkit-border-radius: 10px;  (Chrome, Safari)
           -o-border-radius: 10px; (Opera)
      drop-shadow: 3px 3px 3px #666;

*/
    background-color: #000000;
  /* #4554D8 */
    color: #E4EEEE;
 /* for padding, borders, margins: one value (top); two values (top/bottom & left/right);
 three values (top/bottom, right, left) four values (top, right, bottom, left)
 padding: 0px 4 px 2 px 5 px) */
}

#lowerheader {
    height: 25px;
    width: 960px;
    background-color: #A60C00;
}

#webname {
    font-size: 30px;
    font-family:"Minion Pro", Georgia, Times;
}

#tagline {
    font-family:"Minion Pro", Georgia, Times;
}

#centerbox {
    width: 960px;
    overflow: auto;
}

/* This is positioning using the absolute method
#nav {
    width: 20%;
    background-color: yellow;
    padding: 0px;
    margin: 0px;
}
#content {
    position: relative;
    left: 20%;
    width: 900px;
    font-family: 'Times New Roman',Times,serif;
    background-color: #D2B48C;
    padding: 0;
    margin: 0;
}
*/

/* This begins the float layout method css colors - hue 234, complement   */


#nav {
    float: left;
    width: 200px;
    height: auto;
    background-color:#E4EEEE;
    font-size: 14pt;
    line-height: 26pt;
    font-family: "Minion Pro", Georgia, "Times New Roman";
    height: 100%;
}

.button a,
.reports a,
.foot a
{
width:200px;
height:26px;
color:#A60C00;
text-align:left;
text-decoration:none;
}
.reports a,
.foot a {
    text-decoration: underline;
}
.button a span,
.reports a span,
.foot a span
{
display:block;
padding-top:1px;
font:bold 16px "Minion Pro", Georgia, "Times New Roman";
color:#000000;
}

.button a:hover,
.reports a:hover,
.foot a:hover
{
color: #7D1818;
}
.button a:visited,
.reports a:visited,
.foot a:visited
{
color:#1E0A8C;
}
#h1 {
    font-size: 16pt;
    text-align: center;
}
#lowerheader a:link {
    color: #F5FFFA;
}
#lowerheader a:visited {
    color: #F8F8FF;
}
#content {
    float: left;
    width: 80%;
    min-width: 560px;
    max-width: 760px;
    font-family: Verdana, Arial, sans-sarif;
    font-size: 11.5pt;
}

#caps {
font-family: Verdana, Arial, sans-sarif;
font-size: 11.5pt;
}
#caps:first-letter {
font-size: 40pt;
line-height: 11.5px;
float: left;
margin: 0 2pt 0 0;
}
#caps:first-line {
 line-height: 20px;
}


#content div {
    padding: 10px;
}

#content img {
    padding-left: 25px;
    padding-top: 25px;
    
}
#share a {
   display: inline;
}

#footer {
    width: 960px;
    height: 40px;
    position: relative;
    left: 175px;
    font-family: "Minion Pro", Georgia, "Times New Roman";
    font-size: 10pt;
}

#footer div {
    padding: 5px;
}
#footer ul {
    list-style-type: none;
}
#nav ul {
    list-style-type: none;
}
#lowerheader ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
#lowerheader li {
     display: inline;
     font-size: 12pt;
     color: #E0FFFF;
}
#footer li {
 display: inline;
}