/*---------------------- Layout Formatting -------------------*/

body {
  margin: 0px;
  padding: 0px;
  color: #000000;
  background: #ffffff;
  font-family: Verdana, sans-serif;
  }

#wrap {
  background: #ffffff;
  margin: 0 auto;
  padding: 0px 19px 0px 19px;
  width: 742px;
  background-image: url(http://www.westendymca.org/metro/images/background.gif);
  background-repeat:repeat-y;
  }

#header {
  padding: 30px 15px 0px 10px;
  background-image: url(http://www.westendymca.org/metro/images/bannerbground.jpg);
  height: 70px;
  text-align: right;
  }

#branch {
  background: #2E2E2E;
  padding: 0px;
  border: solid 1px #2E2E2E;
  }

#nav {
  background: #2E2E2E;
  padding: 0px;
  border: solid 1px #2E2E2E;
  }

#content {
  float: left;
  width: 450px;
  margin: 15px 0px 15px 0px;
  }
	
#sidebar {
  background: #ffffff;
  float: right;
  width: 250px;
  margin: 15px 15px 15px 0px;
  padding: 0px 0px 0px 0px;
  border-left: solid 1px #A2A2A2;
  }
	
#footer {
  background: #2E2E2E;
  clear: both;
  margin: 0px;
  padding: 0px;
  border-top: solid 1px #2E2E2E;
  border-right: solid 1px #2E2E2E;
  border-left: solid 1px #2E2E2E;
  }

#branchlisting1 {
  margin: 0px 0px 15px 0px;
  height: 200px;
  }

/*--------------------- Text Formatting --------------------*/

#header p {
  padding: 0px;
  margin: 0px;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  vertical-align: bottom;
  }

#content h2 {
  padding: 0px 0px 0px 15px;
  font-face: helvetica;
  font-size: 14px;
  font-weight: bold;
  }

#content p {
  padding: 0px 0px 0px 15px;
  font-size: 12px;
  line-height: 17px;
  }

#content a {
  color: #B90000;
  text-decoration: none;
  }

#content a:hover {
  color: #000000;
  text-decoration: none;
  }

#sidebar h3 {
  padding: 0px 15px 0px 15px;
  font-size: 13px;
  font-weight: bold;
  color: #2E2E2E;
  }

#sidebar p {
  padding: 0px 15px 0px 15px;
  font-size: 11px;
  line-height: 16px;
  color: #2E2E2E;
  }

#sidebar a {
  color: #B90000;
  text-decoration: none;
  }

#sidebar a:hover {
  color: #000000;
  text-decoration: none;
  }

#sidebar h2 {
  font-family:helvetica;
  font-size:12px;
  font-weight:bold;
  color:#5D5D5D;
  padding: 0px 15px 0px 15px;
  }

#footer p {
  padding: 5px 10px 5px 15px;
  margin: 0px;
  color: #D1D1D1;
  font-size: 11px;
  }

#nav p {
  padding: 5px 10px 5px 15px;
  margin: 0px;
  font-size: 11px;
  color: #ffffff;
  }

#nav a {
  text-decoration: none;
  color: #ffffff;
  }

#nav a:hover {
  text-decoration: underline;
  color: #D1D1D1;
  }

.posted {
  font-size: 9px;
  line-height: 12px;
  color: #50574D;
}

#content p.small {
  font-size: 12px;
  line-height: 17px;
  color: #000000;
  padding: 0px 0px 0px 15px;
}

/*---------------------------- image formatting -----------------*/

#header img {
  padding: 0px 10px 10px 10px;
  border: 0px;
  }

img.news {
  margin: 0px 10px 0px 15px;
  align:left;
  }

img.main {
  border: 1px solid #CCC;
  background-color: #FFF;
  padding: 10px;
  float: left;
  margin: 0px 15px 15px 0px;
  }

img.branch {
  border: 1px solid #CCC;
  background-color: #FFF;
  padding: 10px;
  margin: 0px 15px 5px 0px;
  }

img.bannerimage {
  vertical-align: bottom;
  margin: 0px 0px 0px 0px;
  float: left;
  }