#all_menu{
  position: absolute;
  top: 8em;
  left: 0em;
  width: 14em;
  height: 100%;
/*  background-color: #D6D6D6; */
  border: 1px solid #aaaaaa;
}

#main_menu{
  width: 200px;
  font-family: Arial;
  color: #000080;
  font-size: 16;
  margin-top: 1em;
  
}


#main_menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 1.5em;
}

#main_menu li a:link, #main_menu li a:visited{
text-decoration: none;
color: #000080
}

#main_menu li a:hover{
background-color: #CC3300;
color: #FFFFFF;
}

#members_menu{
  width: 200px;
   font-family: Arial;
  color: #000080;
  font-size: 16;
}

#members_menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 1.5em;
}

#members_menu li a:link, #members_menu li a:visited{
text-decoration: none;
color: #000080
}

#members_menu li a:hover{
background-color: #CC3300;
color: #FFFFFF;
}

#admin_menu{
  width: 200px;
   font-family: Arial;
  color: #000080;
  font-size: 16;
}

#admin_menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 1.5em;
}

#admin_menu li a:link, #admin_menu li a:visited{
text-decoration: none;
color: #000080
}

#admin_menu li a:hover{
background-color: #CC3300;
color: #FFFFFF;
}

#super_menu{
  width: 200px;
   font-family: Arial;
  color: #000080;
  font-size: 16;
}

#super_menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 1.5em;
}

#super_menu li a:link, #super_menu li a:visited{
text-decoration: none;
color: #000080
}

#super_menu li a:hover{
background-color: #CC3300;
color: #FFFFFF;
}
#header {
  height: 8em;
  width: 100%;
  /*background-color: #D6D6D6; */
  border: 1px solid #aaaaaa;
}

#header .strapline {
 font-family: Arial;
font-weight: bold;
  color: #CC3300;
  font-size: 38;
  background-color: transparent;
  padding-top:

  
}

#header .logo {
  float: left;
  background-color: transparent;
  margin-top: 0.5em;
 
  margin-left: 5px;


}

#main_page {
font-family: Arial;
  color: #000080;
  font-size: 14;
  margin-left: 18em;
  margin-right: 2em;
  margin-top: 3em;
 
}

#main_pictures .picture1 {
  float: left;
}

#main_pictures .picture2 {
  float: right;
}
body {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  color: #000080;
  font-family: Arial;

}

li.highlight {
  background-color: #CC3300;
  text-indent: 3em;
}
li.edit {
  background-color: #CC3300;

}
li.instep {
  
  text-indent: 5em;
}
H1 {
  font: 1.2em Arial;
}

input.txt{
  color: #000080;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 200px;
}

input.btn{
  color: #000080;

}

form p{
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}

form p label{
  float: left;
  width: 20%;
  font: bold 0.9em Arial;
}

input.subject{
  color: #000080;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 420px;
}

textarea {
  color: #000080;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  font-family: Arial;
  height: 420px;
  width: 420px;

}

textarea.query {
    color: #000080;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  font-family: Arial;
  height: 100px;
  width: 500px;
}

textarea.members {
    color: #000080;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  font-family: Arial;
  height: 75px;
  width: 420px;
}
fieldset {
  border: 1px solid #61B5CF;
  margin-top: 16px;
  padding: 10px;
}

legend{
  font: bold 0.8em Arial;
}
select {
  border: 1px solid #00008B;
   font-family: Arial;
  color: #000080;
}



#main_page_bottom{
float: left;
margin-top: 2em;
margin-left: 8em;
margin-right: 10em;
}
#main_pictures{
float: left;
margin-left: 8em;
margin-right: 10em;
}
.datatable {
  border: 1px solid #d6dde6;
  border-collapse: collapse;
  width: 80%;
}
.datatable td {
  border: 1px solid #d6dde6;
  padding: 4px;
}
.datatable th {
  border: 1px solid #828282;
  background-color: #bcbcbc;
  font-weight: bold;
  text-align: left;
  padding-left: 4px;
}
.datatable caption {
  color: #33517a;
  text-align: left;
  padding-top: 3px;
  padding-bottom: 8px;
}
.datatable tr:hover, .datatable tr.hilite {
  background-color: #ffffff;
  color: #000000;
}

.saletable {
  border: 1px solid #d6dde6;
  border-collapse: collapse;
  width: 70%;
  
}
.saletable td {
  border: 1px solid #d6dde6;
  padding: 4px;
}

.saletable th {
  border: 1px solid #828282;
  background-color: #bcbcbc;
  font-weight: bold;
  text-align: left;
  padding-left: 4px;
}
.saletable caption {
  color: #33517a;
  text-align: left;
  padding-top: 3px;
  padding-bottom: 8px;
}
.phototable {

  width: 40%;

}
.phototable td {
  
  padding: 4px;
}