* {
  padding: 0;
  margin: 0;
} 

body {
  background: #fff;
  font: .74em "Trebuchet MS" Verdana, Arial, sans-serif;
  line-height: 1.5em; 
}

a {
	color: #3B6EBF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

@media all and (min-width: 724px) {
  #wrap {
    margin: 20px auto;
    width: 724px;
    background: #fff url('images/midbg.jpg');
    background-repeat: repeat-y;
  }

  #top { 
    background: #fff url('images/topbg.jpg');
    height: 30px;
  }
  
  #bottom {
    background: #fff url('images/botbg.jpg');
    height: 30px;
  }
  
  #content {
    padding: 0 40px 0 40px;
  }

  #footer {
    text-align: center;
  }

  .middle {
    width: 59%;
    float: left;
  }
}

@media all and (max-width: 724px) {
  #wrap {
    margin: 10px auto;
    width: 100%;
  }

  #content {
    padding: 0 10px 0 10px;
  }

  #footer {
    padding-left: 25px;
  }
  
  
  .toggler h2::after{
    float:right;
    content: "\2796";
  }
  .toggler-hidden h2::after {
  float:right;
    content: "\2795";
  }
  
  /*
  .toggler h2::before {
    content: "\25b5 ";
    comment: "small: b5, big: b3"
  }
  .toggler-hidden h2::before {
    content: "\25bf ";
    comment: "small: bf, big: bd"
  }*/
  
  .toggler .content {
    display: block;
  }
  .toggler-hidden .content {
    display: none;
  }
}

.header {
  height: 100px;
  background: #568B8F;
}

.header h1 { float: left; padding-left: 17px; padding-top: 22px; font-size: 22px; color: #FFF; }
.header h1 a { font-size: 22px; color: #FFF; text-decoration: none;}
.header h2 { padding-left: 17px; padding-top: 0px; font-size: 17px; color: #FFF; }
.header img { padding-right: 11px; padding-top: 11px; float:right; height: 78px; }

.middle {
	padding: 1% 1%;
  text-align: justify;
  margin: 0 10px;
}

.middle h2 { color: #436A70; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}

.middle ul { list-style:none; }
.middle ul li:before {content: "\2023 \0020"; }
.middle ul li div { padding-left: 20px; }

.middle img {
    border: 1px solid #568B8F;
    padding: 3px;
    width: 50%;
}
.middle .imgright {
    float:right;
    margin-left: 10px;
}
.middle .imgleft {
    float:left;
    margin-right: 10px;
}

#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

#footer {
	color: #666;
}