/*--CUMBERLAND COUNTY YMCA--
---------------------------------------------------*/

/*--GENERAL STYLES--
-------------------------*/
a {margin: 0; padding: 0;}
body {font-size: small; font-family: Verdana, Helvetica, sans-serif; margin: 0; padding: 0;}
img {margin: 0; padding: 0; border: none;}
input {margin: 0; padding: 0;}
p {margin: 10px 0;}
table {margin: 0; padding: 0;}
td {vertical-align: top;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }/* end clearfix */

#wrapper {
  width: 932px;
  margin: 10px auto;
  padding: 0;
}
/*--FONT STYLES--
-------------------------*/
h1, h2, h3, h4, h5, h6 {margin: 10px 0;}
h1 {font-size: 350%; font-weight: normal; color: #0066cc;}
h2 {font-size: 150%;}
h3 {color: #FFFFFF; font-size: 110%;}
h4 {color: #CC0000;}
/*--HEADER STYLES--
-------------------------*/
#header {
  position: relative;
}

#logo-top {
  float: left;
}

#logo-bottom {
  position: absolute;
  left: 30px;
  top: 0;
}

form#search {
  position: absolute;
  bottom: 10px;
  right: 69px;
}

form#search td {
  vertical-align: middle;
}

#search-input {
  width: 208px;
  height: 18px;
  padding: 1px 0;
  border: 2px solid #848484;
}

#search-button {
  padding: 0;
  margin: 0 0 0 5px;
}

#twitter-icon {
  position: absolute;
  right: 0;
  bottom: 10px;
}
/*--MAIN NAVIGATION STYLES--
-------------------------*/
#main-nav-wrapper-left {
  background: url(/layout/images/main-nav-bg-left.jpg) no-repeat 0 0;
  height: 39px;
  width: 932px;
  margin: 0 0 7px 0;
  position: relative;
  z-index: 5;
}

#main-nav-wrapper-inner {
  background: url(/layout/images/main-nav-bg.jpg) repeat-x 0 0;
  height: 39px;
  margin: 0 10px;
  padding: 0 0 0 0;
}

#main-nav-wrapper-right {
  background: url(/layout/images/main-nav-bg-right.jpg) no-repeat top right;
  height: 39px;
  width: 932px;
  
}

#main-nav {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: right;
}

#main-nav li {
  display: block;
  float: left;
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
  line-height: 39px;
  background: url(/layout/images/main-nav-divider.gif) no-repeat left center;
}

#main-nav li.first {
  background: none;
}

#main-nav a {
  padding: 0 10px 0 9px;
  margin: 0 0 0 2px;
  display: block;
  text-decoration: none;
  color: #000000;
}

#main-nav a:hover {
  background: url(/layout/images/main-nav-hover-bg.jpg) repeat-x 0 0;
}

#main-nav li ul {
  z-index: 5;
  position: absolute;
  left: -9999px;
  float: none;
  width: 165px;
  padding: 0;
  margin: 0;
  background: url(/layout/images/dropdown-bg.png) repeat 0 0;
}

#main-nav li:hover ul, #main-nav li.ie-hover ul {
  left: auto;
}

#main-nav li ul li {
  margin: 0;
  float: none;
  width: auto;
  padding: 0;
  line-height: 25px;
  background: none;
}

#main-nav li ul li a {
  margin: 0;
  padding: 0 15px;
  color: #000000;
  font-size: 90%;
  font-weight: bold;
}

#main-nav li ul li a:hover {
  background: url(/layout/images/dropdown-bg-hover.png) repeat 0 0;
}

#main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li.ie-hover ul ul, #main-nav li.ie-hover ul ul ul {
	left: -999em;
}

#main-nav li li:hover ul, #main-nav li li li:hover ul, #main-nav li.ie-hover ul, #main-nav li li.ie-hover ul, #main-nav li li li.ie-hover ul {
	left: 165px;
}

#main-nav li ul li ul {margin-top: -25px;}
/*--SUB NAVIGATION STYLES--
-------------------------*/
#sub-nav-wrapper-left {
  height: 39px;
  width: 752px;
  background: url(/layout/images/sub-nav-left.png) no-repeat 0 0;
  padding-left: 11px;
  margin: 0;
  padding: 0;
  padding-left: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

#sub-nav-wrapper-inner {
  background: url(/layout/images/sub-nav-bg.gif) repeat-x 0 0;
  height: 39px;
  position: relative;
}

#sub-nav-wrapper-right {
  background: url(/layout/images/sub-nav-right.png) no-repeat top right;
  padding-right: 11px;
  height: 39px;
}

#sub-nav {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  display: block;
}

#sub-nav li {
  display: block;
  float: left;
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
  line-height: 39px;
}

#sub-nav a {
  padding: 0 15px;
  margin: 0 0 0 2px;
  display: block;
  text-decoration: none;
  color: #FFFFFF;
}

#sub-nav a:hover {
  background: url(/layout/images/sub-nav-hover.gif) repeat-x 0 0;
}

#sub-nav li ul {
  z-index: 4;
  position: absolute;
  left: -9999px;
  top: 39px;
  width: 150px;
  float: none;
  display: block;
  padding: 0 0 15px 0;
  margin: 0;
  width: 150px;
  background: url(/layout/images/dropdown-bg.png) repeat 0 0;
}

#sub-nav li:hover ul, #main-nav li.ie-hover ul {
  left: auto;
}

#sub-nav li ul li {
  margin: 0;
  float: none;
  width: auto;
  padding: 0;
  line-height: 25px;
  background: none;
}

#sub-nav li ul li a {
  margin: 0;
  padding: 0 15px;
  color: #000000;
  font-size: 90%;
  font-weight: bold;
}

#sub-nav li ul li ul {width: 150px; padding: 0;}
#sub-nav li:hover ul ul, #sub-nav li:hover ul ul ul, #sub-nav li.ie-hover ul ul, #sub-nav li.ie-hover ul ul ul {
	left: -999em;
}

#sub-nav li li:hover ul, #sub-nav li li li:hover ul, #sub-nav li.ie-hover ul, #sub-nav li li.ie-hover ul, #sub-nav li li li.ie-hover ul {
	left: 150px;
	top: auto;
}
#sub-nav li.ie-hover ul {top: 39px;}
#sub-nav li ul li ul {margin-top: -25px;}
/*#sub-nav li ul li ul {margin-top: -25px;}*/
/*--SIDE NAVIGATION STYLES--
-------------------------*/
#side-nav-box-wrapper {
  background-color: #E6F5FF;
  width: 200px;
  height: 100%;
  float: left;
  /*display: none*/
}

#side-nav-box {
  width: 200px;
  background: #006cb3 url(/layout/images/casco-interior-sub-nav-top.jpg) no-repeat 0 0;
  padding-top: 10px;
}

#side-nav-box-middle {
  background: url(/layout/images/casco-interior-sub-nav-bg.jpg) repeat-x 0 0;
  min-height: 215px;
}

#side-nav-box-bottom {
  background: url(/layout/images/casco-interior-sub-nav-bottom.jpg) no-repeat bottom left;
  padding-bottom: 11px;
}

#side-nav-box h3 {
  margin-top: 0;
  margin-left: 25px;
  color: #006699;
}

#side-nav {
  margin: 0 0 0 25px;
  padding: 0;
}

#side-nav li {
  list-style: none;
  margin: 0 0 3px 0;
  padding: 0;
}

#side-nav a {
  color: #FFFFFF;
  text-decoration: none;
  padding-left: 10px;
  background: url(/layout/images/side-nav-bullet.png) no-repeat left center;
}

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

/*--TOP BLOCK STYLES--
-------------------------*/
#top-block {
  position: relative;
  margin: 0 0 7px 0;
  width: 932px;
  z-index: 1;
}

#top-block-window {
  float: left;
}

#top-block img {
  float: left;
  position: relative;
  z-index: 1;
}

#top-block-content-wrapper {
  background: url(/layout/images/top-block-content-right.gif) no-repeat top right;
  width: 381px;
  float: left;
  padding: 0 10px 0 0; 
}

#top-block-content {
  height: 228px;
  float: left;
  padding: 20px 0 0 40px;
  background: url(/layout/images/top-block-content-bg.gif) repeat-x 0 0;
  color: #FFFFFF;
  font-size: 90%;
  width: 340px;
}

#top-block-content a{
  color: #ea0104;
}

#top-block-content h2 {
  font-size: 250%;
  margin: 5px 0;
  font-weight: normal;
}

#top-block-content h3 {
  font-size: 210%;
  margin: 5px 0;
  font-weight: normal;
}

#top-right-nav-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 160px;
}

#top-right-nav {
  margin: 0;
  padding: 0;
}

#top-right-nav li {
  list-style: none;
  line-height: 44px;
  margin: 0;
  padding: 0
}

#top-right-nav a {
  display: block;
  height: 44px;
  width: 160px;
  text-align: center;
  margin: 0 0 2px 0;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 120%;
  text-decoration: none;
  background: url(/layout/images/top-right-nav-button.gif) no-repeat 0 0;
}

#top-right-nav a:hover {
  text-decoration: underline;
}
/*--CONTENT STYLES--
-------------------------*/
#casco-main-content.with-side-nav {
  margin-left: 230px;
}
/*--FOOTER STYLES--
-------------------------*/
#footer {
  position: relative;
  clear: both;
  margin-top: 15px;
}

#footer-tag-line {
  color: #FF0000;
  font-size: 220%;
  margin-top: 0;
}

#footer-nav-wrapper-left {
  background: url(/layout/images/main-nav-bg-left.jpg) no-repeat 0 0;
  height: 39px;
  width: 932px;
  margin: 0;
  position: relative;
}

#footer-nav-wrapper-inner {
  background: url(/layout/images/main-nav-bg.jpg) repeat-x 0 0;
  height: 39px;
  margin: 0 10px;
  padding: 0 0 0 0;
}

#footer-nav-wrapper-right {
  background: url(/layout/images/main-nav-bg-right.jpg) no-repeat top right;
  height: 39px;
  width: 932px;
}

#footer-nav {
  padding: 0;
  margin: 0;
}

#footer-nav li {
  display: inline;
  list-style: none;
  padding: 0;
  float: left;
  margin: 0;
  line-height: 39px;
  background: url(/layout/images/main-nav-divider.gif) no-repeat right center;
}

#footer-nav a {
  padding: 0 10px 0 9px;
  margin: 0 2px 0 0;
  display: block;
  float: left;
  text-decoration: none;
  color: #000000;
}

#footer-nav a:hover {
  background: url(/layout/images/main-nav-hover-bg.jpg) repeat-x 0 0;
}

#footer-note {
  font-size: 90%;
  clear: both;
  padding-top: 10px;
}

#copyright {
  font-size: 90%;
  float: right;
  margin-top: 0;
}
/*--INDEX PAGE STYLES--
-------------------------*/
.content-box-top {width: 306px; padding-top: 9px; float: left; margin-right: 7px;}
.content-box-top p {margin: 0; padding: 5px 0; font-size: 90%;}
.content-box-top h3 {text-align: center; margin: 0; padding: 0 0 10px 0;}
.content-box-bottom {padding-bottom: 9px;}
.content-box-middle {width: 274px; padding: 0 16px 15px 16px; position: relative; min-height: 237px;}

#left-box.content-box-top {background: url(/layout/images/content-box-left-top.gif) no-repeat 0 0;}
#left-box .content-box-bottom {background: url(/layout/images/content-box-left-bottom.gif) no-repeat bottom left;}
#left-box .content-box-middle {background: #c2d88d url(/layout/images/content-box-left-bg.gif) repeat-x 0 0;}


#middle-box.content-box-top {background: url(/layout/images/content-box-middle-top.gif) no-repeat 0 0;}
#middle-box .content-box-bottom {background: url(/layout/images/content-box-middle-bottom.gif) no-repeat bottom left;}
#middle-box .content-box-middle {background: #ffce12 url(/layout/images/content-box-middle-bg.gif) repeat-x 0 0;}


#right-box.content-box-top {background: url(/layout/images/content-box-right-top.gif) no-repeat 0 0; margin: 0; float: right;}
#right-box .content-box-bottom {background: url(/layout/images/content-box-right-bottom.gif) no-repeat bottom left;}
#right-box .content-box-middle {background: #dadcde url(/layout/images/content-box-right-bg.gif) repeat-x 0 0;}

.content-box-top .image-frame, .casco-content-box-top .image-frame {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}

.content-box-middle .read-more, .casco-content-box-middle .read-more, #casco-top-block .read-more {
  font-weight: bold;
  text-align: right;
  display: block;
  color: #CC0000;
  text-decoration: none;
}

.content-box-middle .read-more:hover, .casco-content-box-middle .read-more:hover {
  text-decoration: underline;
}
.frame {position: absolute;}
/*#content-wrapper .image-frame {position: relative; z-index: 2; height: 115px; width: 156px;}
.image-frame div {position: relative; z-index: 1;}
#left-box .image-frame {background: url(/layout/images/home-green-overlay.png) no-repeat 0 0; position: relative; z-index: 2;}
#middle-box .image-frame {background: url(/layout/images/home-orange-overlay.png) no-repeat 0 0; position: relative; z-index: 2;}
#right-box .image-frame {background: url(/layout/images/home-gray-overlay.png) no-repeat 0 0; position: relative; z-index: 2;}*/
/*--CASCO BAY INDEX PAGE STYLES--
------------------------------------*/
#casco-top-block {height: 225px; position: relative; margin: 0 0 7px 0; width: 932px; position: relative; z-index: 1;}
#casco-top-block-inner {width: 764px; height: 225px; background: url(/layout/images/casco-top-block-bg.gif) repeat-x 0 5px;}
#casco-top-block-inner img {position: absolute; bottom: 0; left: 0;}
#casco-top-block-content {float: right; padding: 0 32px 0 27px; width: 336px; height: 155px; margin-top: 50px;}
#casco-top-block-content h2 {font-size: 250%; margin: 0 0 5px 0; font-weight: normal; color: #FFFFFF;}
#casco-top-block-content p {font-size: 80%; margin-bottom: 0;}

.casco-content-box-top {width: 379px; padding-top: 9px; float: left; margin-right: 7px;}
.casco-content-box-top p {margin: 0; padding: 5px 0; font-size: 90%;}
.casco-content-box-top h3 {text-align: center; margin: 0; padding: 0 0 10px 0;}
.casco-content-box-bottom {padding-bottom: 9px;}
.casco-content-box-middle {padding: 0 16px 15px 16px; position: relative; min-height: 237px;}

#casco-left-box.casco-content-box-top {background: url(/layout/images/casco-box-left-top.gif) no-repeat 0 0;}
#casco-left-box .casco-content-box-bottom {background: url(/layout/images/casco-box-left-bottom.gif) no-repeat bottom left;}
#casco-left-box .casco-content-box-middle {background: #c2d88d url(/layout/images/casco-box-left-bg.gif) repeat-x 0 0;}

#casco-right-box.casco-content-box-top {background: url(/layout/images/casco-box-right-top.gif) no-repeat 0 0;}
#casco-right-box .casco-content-box-bottom {background: url(/layout/images/casco-box-right-bottom.gif) no-repeat bottom left;}
#casco-right-box .casco-content-box-middle {background: #ffce12 url(/layout/images/casco-box-right-bg.gif) repeat-x 0 0;}

#casco-side-box.casco-content-box-top {background: url(/layout/images/casco-box-side-top.gif) no-repeat 0 0; width: 160px; padding-top: 9px; float: right; margin: 0;}
#casco-side-box .casco-content-box-bottom {background: url(/layout/images/casco-box-side-bottom.gif) no-repeat bottom left;}
#casco-side-box .casco-content-box-middle {background: #b5dff6 url(/layout/images/casco-box-side-bg.gif) repeat-x 0 0;}

#casco-side-box .casco-content-box-middle p {color: #FFFFFF; font-size: 90%; font-weight: bold; line-height: 180%; margin: 10px 0;}
#casco-side-box .casco-content-box-middle a {display: block; color: #FFFFFF; font-size: 140%; text-align: center; margin: 10px 0;}