@charset "utf-8";
/* CSS Document */


/* WHOLE PAGE */
.page {background-color:white;
width:80%;
margin:auto;
padding:10px;}

/* HEADER */
.masthead {background-color:white;
margin:auto;
padding:10px;}



/* MAIN */
main {background-color:#efefef;
width:61%;
float:left;
color: brown;
font-family: 'Open Sans', sans-serif;
font-size: 1.125em; /* 18px/16px */
font-weight:700;

border: 3px solid royalblue;

padding: 4px}



/* sidebar */
.sidebar {background-color:#de6581;

width:37%;
float:right;
border: 3px solid royalblue;
color: purple;
font-family: 'Open Sans', sans-serif;
font-size: 1.125em; /* 18px/16px */
font-weight:700;

}


/* footer */
.footer {background-color:white;
clear:left;
color: black;S}


h1 {color:green;}

h2 {color:yellow;}

h1 em {color:red;}



.nav-main a {
color: blue
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 1.125em; /* 18px/16px */
font-weight:700;
padding: .5em 1.15em .5em 1.4em;
text-transform: uppercase; }

.class-role { 
color: blue;}





/* ::: Main Navigation ::: */
.nav-main {
  border-bottom: 1px solid #c7c7c8;
  border-top: 5px solid #019443;
  margin-bottom: 0;
  padding: .45em 0 .5em;
}

.nav-main li {
  border-left: 1px solid #c8c8c8;
  display: inline-block;
  text-align: left;
}

.nav-main li:first-child {
  border-left: none;
}

.nav-main li:last-child a {
  padding-right: 0;
}

.nav-main a {
  color: #292929;
  display: inline-block;
  font-size: 1.125em; /* 18px/16px */
  padding: .5em 1.15em .5em 1.4em;
}

.nav-main a:hover {
  color: #029443;
  text-decoration: none;
}

.nav-main .current-page,
.nav-main .current-page:hover {
  color: #747474;
  cursor: default;
}