/*
Theme Name: YMCAwesome!
Theme URI: http://www.frederickymca.org/
Description: New theme for YMCA Web Site.
Version: 1.0
Author: Adam Leviton
Author URI: http://www.adamleviton.com
Tags: WordPress, Adam Leviton, YMCA
*/







/*---------------------------------------------------------------------------*/
/*---------------------------- WHOLE PAGE -----------------------------------*/
/*---------------------------------------------------------------------------*/

html {
  background-color: #111;
  }

body {
  color: #333;
  font-size: 62.5%; /* Sets 1em equal to 10px. */
  font-family: verdana,arial,helvetica,clean,sans-serif;
  text-align: center;
  background-color: #fff;
  }

#pagewrapper {
  width: 960px;
  margin: 0 auto;
  padding-top: 10px;
  text-align: left;
  }

#clear {
  clear: both;
  }


  




/*---------------------------------------------------------------------------*/
/*---------------------------- HEADER ---------------------------------------*/
/*---------------------------------------------------------------------------*/



  
/* TOP NAVBAR -------------------------------------------------------------- */



#topnav {
  position: relative;
  height: 75px;
  }



/* Top Nav Links */

#topnav ul li a ,
#topnav ul li a:visited {
  display: block;
  position: absolute;
  top: 0px;
  width: 160px;
  text-align: center;
  font-size: 1.2em;
  color: #ca2128;
  text-decoration: none;
  line-height: 110%;
  background-image: url(images/greybk.gif);
  background-position: top right;
  background-repeat: repeat-y;
  }

#topnav ul li a.topleft , 
#topnav ul li a.topleft:visited {
  background-image: url(images/greybk2.gif);
  background-repeat:repeat-y;
  }

#topnav ul li a:hover {
  color: #219b90;
  }



/* Top Nav You Are Here */

#topnav ul li.urh a ,
#topnav ul li.urh a:visited {
  color: #219b90;
  font-weight: bold;
  }



/* Positions Of Top Nav Links */

#topnav .membership a {
  left: 0px;
  }

#topnav .schedules a {
  left: 160px;
  }

#topnav .donate a {
  left: 320px;
  }

#topnav .register a {
  left: 480px;
  }

#topnav .download a {
  left: 640px;
  }

#topnav .news a {
  left: 800px;
  }



/* LOGO AND SEARCH --------------------------------------------------------- */



#logosearch {
  width: 100%;
  }



/* Header Text */

.ymca {
  margin: 0 0 30px 0;
  }



/* Search Box */

#search {
  float: right;
  width: 320px;
  padding-top: 13px;
  }



/* Table Layout */

table.searchtable {
  width: 320px;
  }

td.searchleft {
  width: 235px;
  background-color: #e7e7e7;
  }

td.spacer {
  width: 5px;
  background-color: #fff;
  }

td.searchright {
  width: 80px;
  line-height: 100%;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #c7c7c7;
  }

  

/* Form Formatting */

input.searchbox {
  width: 227px;
  font-size: 1.2em;
  padding: 3px 4px;
  background-color: #e7e7e7;
  }

input.searchbut {
  width: 72px;
  padding: 3px 4px;
  background-color: #c7c7c7;
  cursor: hand;
  }



/* PHOTO ARRAY --------------------------------------------------------------*/


  
#array {
  width: 960px;
  margin: 0;
  text-align: left;
  height: 200px;
  border-width: 8px 0;
  border-color: #111;
  border-style: solid;
  }

.pictable {
  width: 960px;
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border-width: 0;
  border: 0;
  }

.piccell {
  width: 320px;
  height: 200px;
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border-width: 0;
  border: 0;
  background: #ccc;
  }



/* MAIN NAVBAR ------------------------------------------------------------- */



#bignav {
  position: relative;
  height: 70px;
  margin-top: 1px;
  }



/* Main Nav Links */

#bignav ul li a ,
#bignav ul li a:visited {
  display: block;
  position: absolute;
  top: 0px;
  width: 160px;
  text-align: center;
  padding: 24px 0 22px 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  line-height: 100%;
  letter-spacing: .2px;
  background-color: #ca2128;
  background-image: url(images/whitebk.gif);
  background-position: top right;
  background-repeat: repeat-y;
  }

#bignav ul li a:hover {
  background-color: #219b90;
  background-image: url(images/whitebk.gif);
  background-position: top right;
  background-repeat: repeat-y;
  }



/* Main Nav You Are Here */

#bignav ul li.urh a ,
#bignav ul li.urh a:visited {
  background-color: #219b90;
  background-image: url(images/whitebk.gif);
  background-position: top right;
  background-repeat: repeat-y;
  }

#bignav ul li.urh p {
  color: #fff;
  }



/* Positions Of Main Nav Links */

#bignav .childcare a {
  left: 0px;
  }

#bignav .programs a {
  left: 160px;
  }

#bignav .aquatics a {
  left: 320px;
  }

#bignav .sports a {
  left: 480px;
  }

#bignav .health a {
  left: 640px;
  }

#bignav .humanities a {
  left: 800px;
  }






  
/*---------------------------------------------------------------------------*/
/*---------------------------- CONTENT AREA ---------------------------------*/
/*---------------------------------------------------------------------------*/



#pagecontent {
  width: 100%;
  padding: 20px 0 60px 0;
  cursor: default; /* Stops weird cursor stuff in IE. */
  }

#content_wide {
  margin: 0;
  }

p {
  margin: 0 0 20px 0;
  font-size: 1.4em;
  line-height: 160%;
  }



/* CONTENT ON LEFT --------------------------------------------------------- */

  
  
#headlines_right {
  float: right;
  width: 320px;
  margin: 0 0 0 -320px; /* Corrects IE margin bug. */
  }

#content_left {
  margin: 0 400px 0 0; /* 320px contentright.home width, plus 80px clearance */
  }



/* Text */

h1 {
  margin: 0 0 20px 0;
  padding: 10px 0 0 0;
  color: #219b90;
  font-size: 2.8em;
  line-height: 120%;
  }

#content_wide.callout p ,
#content_wide.callout h2 ,
#content_wide.callout h5 {
  margin: 0 400px 20px 0;
  }



/* CONTENT ON RIGHT -------------------------------------------------------- */



#nav_left {
  float: left;
  width: 200px;
  margin: -10px -200px 0 0; /* Corrects IE margin bug. */
  }

#content_right {
  margin: 0 0 0 240px;
  }



/*  Text */

#content_right p {
  margin: 0 160px 20px 0;
  }

#content_right ul ,
#content_wide ul ,
#content_left ul {
  margin: 0 160px 20px 20px;
  font-size: 1.4em;
  line-height: 160%;
  }

#content_right ul li ,
#content_wide ul li ,
#content_left ul li {
  margin: 0 0 20px 20px;
  list-style-type: square;
  }

a ,
a:visited {
  color: #ca2128;
  text-decoration: underline;
  }

a:hover {
  color: #219b90;
  }



/* Headings */

h2, h3, h4 {
  margin: 0 160px 20px 0;
  color: #219b90;
  font-size: 2.8em;
  line-height: 120%;
  }

h2.posttitle {
  margin: 10px 0 20px 0;
  font-size: 2.4em;
  }

h2.smalltitle {
  font-size: 2.2em;
  }

h5 {
  margin: 25px 160px 20px 0;
  font-size: 2em;
  font-weight: normal;
  line-height: 120%;
  }



/* CALLOUT ----------------------------------------------------------------- */


  
#callout {
  float: right;
  width: 180px;
  margin: 10px 0 40px 40px;
  padding: 20px;
  background-color: #e9f2f1;
  }

#callout.wide {
  width: 280px;
  }



/* Callout Text */

h6 {
  color: #219b90;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 130%;
  }

#callout p ,
#callout.wide p {
  margin: 20px 0 0 0;
  font-size: 1.3em;
  line-height: 180%;
  }

#callout ul {
  margin: 20px 0 0 10px;
  font-size: 1.3em;
  line-height: 140%;
  }

#callout ul li {
  margin: 0 0 15px 10px;
  list-style-type: square;
  }



/* COLUMNS ----------------------------------------------------------------- */



#cols {
  width: 460px;
  overflow: auto;
  }

#leftcol {
  float: left;
  width: 250px;
  }

#rightcol {
  margin: 0 0 0 250px;
  }



/* Text In Columns */


#leftcol p {
  margin: 0 40px 20px 0;
  }

#rightcol p {
  margin: 0 0 20px 0;
  }

#cols ul {
  margin: 0 0 20px 20px;
  font-size: 1.4em;
  line-height: 140%;
  }

#leftcol ul li {
  margin: 0 40px 20px 20px;
  list-style-type: square;
  }

#rightcol ul li {
  margin: 0 0 20px 20px;
  list-style-type: square;
  }



/* Wide Columns */

#widecols {
  width: 100%;
  overflow: auto;
  }

#wideleft {
  float: left;
  width: 50%;
  margin: 0;
  padding: 1px 0 0 0;
  }

#wideright {
  margin: 0 0 0 50%;
  padding: 1px 0 0 0;
  }

#widecols p {
  margin: 0;
  }



/* NAVIGATION -------------------------------------------------------------- */



/* Post Headline Links */

#headlines_right ul li {
  padding: 20px 0;
  border-bottom: 1px dotted #a7a7a7;
  }

#headlines_right a ,
#headlines_right a:visited {
  display: block;

  color: #ca2128;
  font-size: 1.3em;
  font-weight: bold;
  text-decoration: none;
  line-height: 130%;
  }

#headlines_right a:hover {
  color: #219b90;
  }



/* Nav Links */

#nav_left ul li {
  display: block;
  padding: 20px 0;
  border-bottom: 1px dotted #a7a7a7;
  }

#nav_left ul li a , #nav_left ul li a:visited {
  color: #ca2128;
  font-size: 1.3em;
  font-weight: bold;
  text-decoration: none;
  line-height: 130%;
  }

#nav_left ul li a:hover {
  color: #219b90;
  }

#nav_left ul li.urh a ,
#nav_left ul li.urh a:visited {
  color: #219b90;
  }



/* Nav Links That Have Subnav Links Beneath */

#nav_left ul li.urhsub , #navleft ul li.uhs {
  padding: 20px 0 0 0;
  border-bottom: none;
  }

#nav_left ul li.uhs a ,
#nav_left ul li.uhs a:visited {
  color: #219b90;
  }



/* Subnav Links */

#nav_left ul.subnav {
  padding: 5px 0 15px 0;
  border-bottom: 1px dotted #a7a7a7;
  }

#nav_left ul.subnav li {
  display: block;
  padding: 0 0 5px 20px;
  border-bottom: none;
  }

#nav_left ul.subnav li a ,
#nav_left ul.subnav li a:visited {
  padding: 0;
  color: #ca2128;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 110%;
  }

#nav_left ul.subnav li a:hover {
  color: #219b90;
  }

#nav_left ul.subnav li.urh a ,
#nav_left ul.subnav li.urh a:visited { 
  color: #219b90;
  }



/* TABLE FORMATTING -------------------------------------------------------- */



/* Standard Table Formatting */

table {
  border-spacing: 0;
  border-width: 0;
  border: 0;
  }

td {
  padding: 0;
  }

table p {
  margin: 0 0 20px 0;
  }

  

/* Full-Width Table */

table.wide {
  width: 100%;
  margin-top: 20px;
  }

table.wide td {
  min-width: 120px;
  padding: 5px 80px 10px 0;
  vertical-align: top;
  }


/* Regular Table */

table.topnav {
  margin: 0 0 16px 0;
  font-size: 1.4em;
  }

table.topnav td {
  padding: 5px 40px 10px 0;
  vertical-align: top;
  }



/* Staff Page Table */

table.topstaff {
  margin: 0 0 16px 0;
  font-size: 1.4em;
  }

table.topstaff td {
  padding: 20px 40px 10px 0;
  vertical-align: top;
  }



/* Callout Table */

#callout table {
  width: 140px;
  }

#callout td {
  padding: 0 20px 10px 0;
  }



/* Newsletter Signup Form Table */

table.nlform {
  width: 420px;
  font-size: 1.4em;
  }

td.nlleft {
  width: 1%;
  padding: 5px 10px 10px 0;
  vertical-align: middle;
  }

td.nlright {
  width: 300px;
  padding: 5px 0px 10px 0;
  vertical-align: middle;
  }

input.nltextbox {
  width: 300px;
  padding: 4px;
  background-color: #e7e7e7;
  }

input.nlbutton {
  padding: 4px;
  font-size: .9em;
  font-weight: bold;
  background-color: #c7c7c7;
  cursor: hand;
  }







/*---------------------------------------------------------------------------*/
/*---------------------------- FOOTER ---------------------------------------*/
/*---------------------------------------------------------------------------*/



#footer {
  width: 100%;
  padding: 20px 0 60px 0;
  background-color: #e7e7e7;
  }



/* Footer Text and Links */

#footer p {
  font-size: 1.2em;
  }

#footer a ,
#footer a:visited {
  color: #ca2128;
  text-decoration: none;
  }

#footer a:hover {
  color: #219b90;
  }



/* Bottom Links */

#bottom {
  width: 100%;
  padding: 0 0 20px 0;
  background-color: #111;
  }

#bottom p {
  color: #666;
  font-size: 1.2em;
  margin: 0 0 0 640px;
  }

#bottom a ,
#bottom a:visited {
  color: #999;
  text-decoration: none;
  }

#bottom a:hover {
  color: #ccc;
  }



/* Positions Of Footer Areas */

#ylogo {
  float: left;
  width: 80px;
  }

#branches {
  float: left;
  width: 240px;
  margin: 0 0 0 10px;
  padding-top: 10px;
  }

#hours {
  float: left;
  width: 240px;
  padding-top: 10px;
  }

#about {
  float: right;
  width: 320px;
  padding-top: 10px;
  }