/* redngrey stylesheet*/

/* DEFAULT settings for the whole page*/
body,html { 
  text-align            : center;
  font-family           : verdana,sans-serif;
  background-color      : #eeeeec;
  color                 : rgb(0, 0, 0);
}

body,html img{ 
  border                : none;
}

a:link { 
/*   color              : rgb(255, 204, 102); */
}

a:visited { 
/*   color              : rgb(255, 204, 102); */
}

a:active { 
/*   color              : rgb(180,180,180); */
}

/* HEADER only for the tile of the page*/
#header {
  margin                : 0px auto;
  padding               : 0px;
  background-color      : #ce5c00;
}

#header h1 {
  width                 : 80%;
  margin-left           : auto;
  margin-right          : auto;  
  padding-top           : 3px;
  padding-bottom        : 3px;
  border-left           : 3px solid  #eeeeec;
  border-right          : 3px solid  #eeeeec;
  text-align            : center;
  font-size             : x-large;
  color                 : #eeeeec;
}

/* CONTAINER holds the main part of the page*/
#container { 
  width                 : 80%;
  margin                : 0px auto;
  padding-top           : 20px;
  padding-bottom        : 20px;
  border-top            : 0px;
  border-bottom         : 0px;
  border-left           : 1px solid #ce5c00;
  border-right          : 1px solid #ce5c00;
  text-align            : center;           
  background-color      : #eeeeec;
}

/* ITEM usually a simple "click through" element in a page*/
table.itemize {
  width                 : 70%;
  margin                : 5px auto;
  text-align            : left;
}

table.item { 
  padding               : 0px;
  padding-right         : 5px;
  border-top            : 3px dashed #ce5c00;
  border-bottom         : 3px dashed #ce5c00;
  border-left           : 3px dashed #ce5c00;
  border-right          : 3px dashed #ce5c00;
}

table.item img { 
  width                 : 80px;
  height                : 80px;
  border-color          : rgb(255, 204, 102); 
  border-style          : none;
  border-width          : 0px;
}

a.item {
  text-decoration       : none;
  font-weight           : bold;
  background            : rgb(220,220,230);
  color			: #ce5c00;
}

/* SECTION to put some dense text in it*/
.section { 
  width			: 70%;
  margin-top		: 10px;
  margin-bottom		: 20px;
  margin-left		: auto;
  margin-right		: auto;
  border-top		: 0px none #ce5c00;
  border-bottom		: 1px solid #ce5c00;
  border-left		: 0px none #ce5c00;
  border-right		: 0px none #ce5c00;
  text-align		: justify;
}

.section h2{
  padding-top		: 5px;
  font-size		: large;
  color			: #ce5c00;
}

.section p { 
  text-align            : justify;
}
.section li { 
  text-align            : justify;
}

/* FOOTER for notes and copyrights*/
#footer { 
  position		: relative;
  margin		: 0px auto;
  background-color	:  #ce5c00;
}

#footer p {
  width			: 80%;
  margin-left           : auto;
  margin-right		: auto;
  padding-top		: 3px;
  padding-bottom	: 3px;
  border-left		: 3px solid  #eeeeec; 
  border-right		: 3px solid  #eeeeec;
  font-size		: 70%;
  color : #eeeeec;
}

/* NAVBAR well... a nav bar */
ul.nav{
  width                 : 80%;
  display               : table;
  margin                : auto;
  margin-bottom         : 3ex;
  padding               : 0px; 
  border-bottom         : 1px solid #ce5c00;
  list-style-type       : none;
}

ul.nav>li{
  display               : table-cell;
  padding-top           : 3px;
  padding-bottom        : 3px;
}