/*Container Main div*/

#container
{
width: 65%;
margin: 10px auto;
color: black;
background-color: white;
border: 4px solid #000000;
border-radius:10px;
line-height: 130%;
min-width:1000px;
text-align:left;
}


#wrapper
{
width:1000;
margin:0 auto;
text-align:left;
}

logo
{
background-image: url('Harch-Logo-300px.png')
}


/*h1 property*/

#top
{
text-align: right;
font-size: 8px;
padding:0em;

}



#top h1
{
padding:4em;
margin: 0em;


}


div#logo
{

background-image: url('Harch-Logo-300px.png');
background-repeat: no-repeat;
position: absolute; top: 45pt; left: 300pt;

}


#email
{
text-align: right;

}

#TopAddy
{
margin-left: 3em;
margin-right: 3em;
margin-top: -2em;
font-size: 20px;
color:#993232;
text-decoration: bold;
text-align: right;
}

#calendar
{
text-align:center;


}

#leftnav
{
float:left;
width: 160px;
margin: 0;
padding: 6em;
}

ul#navlist li
{
display:inline;

}


}


#precontent 
{
margin-left: 18em;
margin-right: 0em;
margin-top: 2em;
text-align: right;
font-size:22;
}

#content
{
margin-left: 30em;
margin-right: 2em;
margin-top: 2em;
text-align: left;
font-size: 20;
}


#AboutContent
{
margin:-10em 12em 0 4em;
text-align: left;
max-width: 70em;
font-size: 20px;
}

#HarchPerks
{

margin:30;
margin-left: 20em;
margin-right: 3em;
margin-top: 2em;

text-align: justify;
max-width: 70em;
font-size: 20px;




#AboutUs
{

}



#MembershipContent
{
margin-left: 4em;
margin-right: 4em;
margin-top: 2em;
max-width: 70em;
text-align: justify;
}



/* Insert Image*/

.Picture1 { 
border: 8px double #E5C100;
padding: 2em;
margin-top:2em;
margin-left: 30em;
}



/* Margins*/

body {
margin-top: 80px;
margin-right: 80px;
margin-bottom: 10px;
margin-left: 80px;
}





/*Navigation Bar*/

#cssmenu ul {
  margin: 0, auto;
  padding: 0em;
width: 59.7%;
  list-style-type: none;
  position: absolute;
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  background: #E5C100;
  font-family: Arial, Helvetica, sans-serif;
  border-bottom: 4px solid #993232;
border-top: 4px solid #993232;
  zoom: 1;
}
#cssmenu ul:before {
  content: '';
  display: block;
}
#cssmenu ul:after {
  content: '';
  display: table;
  clear: both;
}
#cssmenu li {
  display: block;
  float: left;
  margin: 0;
}

#cssmenu li a {
  display: block;
    color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  padding: 2px 2px 10px 45px;
  border-bottom: 3px solid transparent;
  text-align: center;


}
#cssmenu li a:hover {
  color: blue;
  border-bottom: 3px solid transparent;
}
#cssmenu li.active a {
  display: inline;
  float: left;
  margin: 0;
  color: #000000;
}

/*Side-Left Bar*/
#sidebar li
{
list-style:none;
}

#sidebar ul

{
position: absolute;
width:12%;
text-align: center;
padding:0em;
margin:2em;
margin-top:-20em;
border-right: 20px;8px double #E5C100;
font-size: 20px;
}
   
/Div Tag sidebar content2*/




/**For Pspan if used*/


#footer
{
clear:both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

}