/* CSS Document */

}
/*PAGE LAYOUT*/
body {
  margin: 0px;
  text-align: center;
  padding: 10px 0;
  font: 10pt tahoma, arial, serif;
  color: #444444;
}
body a{
	text-decoration: underline;
	color:#444444;
}
body a:hover{
	text-decoration: none;
	color:#DD3F33; /* red text */
}

#container{
  width: 960px;
  margin-left: auto ; /* auto for left and right centers main page */
  margin-right: auto ;
  /* border: solid; */
}

#logo{
  margin: 0px 0px 0px 0px; /* top right bottom left */
  padding: 0px 0px 0px 0px; /* top right bottom left */
  float: left; 
  background-image: url(ElephantManLogoHeader.jpg); 
  width: 240px; 
  height: 225px; 
  border-style: none
}

#header{
  float: right;
  width: 720px;
  height: 173px;
  position: relative;
  border-style: none;
  text-align: center;
  font-weight: bold;
  font: 14pt, Tahoma, sans-serif;
  color: #DD3F33;
}

#menu{
  float: right;
  width: 720px;
  height: 28px;
  background-image: url(menubar.jpg);
  background-position: top;
  background-repeat: repeat-x;
  padding: 0px 0px 0px 0px; /* top right bottom left */
  margin: 0px 0px 0px 0px; /* top right bottom left */
  text-align: center;
  font-weight: bold;
  font: 10pt, Tahoma, sans-serif;
  color: #004087;
}
#menu a{
  padding: 0px 5px 0px 5px; /* top right bottom left */
  text-decoration: none;
  font-weight: bold;
  color: #004087;
}
#menu a:hover{
  text-decoration: underline;
  color: #DD3F33;
}

#content{
  float: left;
  width: 575px;
  margin: 0px 5px 0px 5px; /* outside of element - top right bottom left */
  text-align: left;
  /* border: solid; */
}
#content h1{
  padding: 20px 0px 0px 0px; /* top right bottom left */
  margin: 5px 0px 3px 0px; /* top right bottom left */
  font: 12pt, Tahoma, sans-serif;
  font-weight: bold;
  text-align: center;
  color: #DD3F33;
}

#leftpanel{
  float: left; 
  width: 165px;
  text-align: left;
  border: solid 1px #666666; 
  background-color:#F7F7F7; 
  padding: 5px; 
  margin: 10px 5px 5px 5px; /* outside of element - top right bottom left */
  font: 8pt, Tahoma, sans-serif;
  color: #444444;
}
#leftpanel p{
  line-height: 160%;
  margin: 0px 0px 0px 0px; /* top right bottom left */
  padding: 0px 0px 0px 0px; /* top right bottom left */
  }
#leftpanel h1{
  margin: 4px 0px 4px 0px; /* top right bottom left */
  padding: 0px 0px 0px 0px; /* top right bottom left */
  font: 8pt, Tahoma, sans-serif;
  font-weight: bold;
  color: #004087; /* blue text */
}
#leftpanel h2{
  margin: 2px 0px 2px 0px; /* top right bottom left */
  padding: 0px 0px 0px 0px; /* top right bottom left */
  font: 8pt, Tahoma, sans-serif;
  font-weight: normal;
  color: #004087; /* blue text */
}

#rightpanel{
  float: left; 
  width: 165px;
  text-align: left;
  border: solid 1px #666666; 
  background-color:#F7F7F7; 
  padding: 5px; 
  margin: 5px 0px 5px 5px; /* outside of element - top right bottom left */
  font: 8pt, Tahoma, sans-serif;
  color: #444444;
}
#rightpanel p{
  line-height: 160%;
  margin: 0px 0px 0px 0px; /* top right bottom left */
  padding: 0px 0px 0px 0px; /* top right bottom left */
  }
#rightpanel h1{
  margin: 4px 0px 4px 0px; /* top right bottom left */
  padding: 0px 0px 0px 0px; /* top right bottom left */
  font: 8pt, Tahoma, sans-serif;
  font-weight: bold;
  color: #004087; /* blue text */
}
#rightpanel h2{
  margin: 2px 0px 2px 0px; /* top right bottom left */
  padding: 0px 0px 0px 0px; /* top right bottom left */
  font: 8pt, Tahoma, sans-serif;
  font-weight: normal;
  color: #004087; /* blue text */
}

#footer{
  float: left;
  width: 940px;
  background-color: #F0F0F0;
  margin: 20px 0px 0px 0px;
  padding:10px;
  text-align: center;
  border-style: solid;
  border-width: 1px;
}
