/* mainstyle.css */

/* main colors light to dark */
/*d7ffe6*/
/*8cffb8*/
/*28ff79*/
/*00bf48*/
/*00a863*/
/*006626*/
/*00481c*/

/* Block all default margins and padding */
* {
    margin: 0;
    padding: 0;
}

body {
    /* Required to center wrapper in old browsers */
    text-align: center; 
    background-color: #00bf48; 
    font-family: Arial, Helvetica, sans-serif;
}


#wrapper {
    /* Sets width of fixed or elastic layout */
    width: 68em; 
    /* Put 4px margin above the wrapper */ 
    /* Set right and left to auto for centering */ 
    margin: 4px auto 0 auto; 
    /* Required so absolute mesaurement are in wrapper */
    position: relative; 
    background-color: #d7ffe6;
}


/* Branding division */
#branding {
    height: 4.5em; 
    background-color:#00bf48;
    color:#d7ffe6;
    text-align:center; 
}

#branding h1{
  font-family: Arial, Helvetica, sans-serif; 
  font-size:2.3em;
  padding-top:0.35em;
}


/* Navbar division */
#navbar {
    background-color:#28ff79;
    position: absolute; 
    /* Top = branding height */
    top: 4.5em; 
    /* Left = leftcolumn width */
    left: 12em; 
    /* Width = wrapper width - leftcolumn width */
    width: 56em;
    /* Content top padding must match this height. */
    height: 1.6em;
}

/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;
}

/* List items in the navbar */
#navbar li{
  float:left;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif; 
  font-size:75%;
  color:#000;
  background-color:#28ff79;
  display:block;
  height:2em;
  width:6.6em;
  text-align:center;
  line-height:2em;
  outline-style:none;
}

/* Navbar hover, active */
#navbar a:hover,
#navbar a:active{
  background-color:#00a863;
  color:#fff;
}

/* Navbar current page links */
#navbar li.selected a:link,
#navbar li.selected a:visited{
  background-color:#006626;
  color:#fff;
}