body                    {background-color:#f1f3ec;background-image:url(../images/backgrounds/grain-body.png);}
img                     {border:solid 10px #fff;-webkit-box-shadow:0px 3px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 3px 2px rgba(0,0,0,0.1);box-shadow:0px 3px 2px rgba(0,0,0,0.1);}
ul                      {list-style:none;}
blockquote              {margin-bottom:1em;}

header                  {background-color:#7b4095;/*background-image:url(../images/backgrounds/grain.png);*/border-bottom:solid 1px #fff;height:266px;}
#logo                   {width:50%;position:absolute;top:50px;left:-310px;z-index:10;}
#logo h1 a              {background:url(../images/backgrounds/logo.png) no-repeat right;display:block;height:128px;}
nav#metaNav             {margin:0 auto;width:940px;position:relative;}
nav#metaNav ul          {position:absolute;top:10px;right:0px;}
nav#mainNav             {position:relative;margin:0 auto;width:940px;z-index:1000;}
nav#mainNav ul          {top:30px;right:0px;position:absolute;}
nav#mainNav ul li       {display:block;float:left;}
nav#navContainer             {position:relative;margin:0 auto;width:940px;z-index:1000;}
nav#navContainer ul          {top:30px;right:0px;position:absolute;}
nav#navContainer ul li       {display:block;float:left;}

section#banner,
section#mainContent             {margin:0 auto;width:940px;overflow:hidden;}
section#login                   {margin:0 auto;width:300px;overflow:hidden;border:solid 10px #fff;background:#ddd;padding:10px;overflow:hidden;zoom:1; visibility:hidden;}
section#login label             {float:left;display:block;width:70px;background:#333;-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;height:20px;padding:3px 10px;color:#fff;line-height:20px;text-align:right;}
section#login input             {display:block;margin-bottom:0.5em;width:200px;height:20px;}
section#mainContent #content    {width:640px;float:left;overflow:hidden;zoom:1;}
aside                           {height:100%;width:280px;float:right;overflow:hidden;zoom:1;}
#aside                          {height:100%;width:280px;float:right;overflow:hidden;zoom:1;}

section#banner                  {margin-top:-170px;height:360px;margin-bottom:1em;position:relative;-webkit-box-shadow:0px 3px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 3px 2px rgba(0,0,0,0.1);box-shadow:0px 3px 2px rgba(0,0,0,0.1);}
section#banner #bannerNav       {position:absolute;bottom:20px;left:20px;z-index:12;}
section#banner li               {position:absolute;}

footer                          {background-color:#7b4095;/*background-image:url(../images/backgrounds/grain.png);*/border-top:solid 2px #fff;padding:20px 0px;}
footer #footerContainer         {margin:0 auto;width:940px;overflow:hidden;zoom:1;}
footer #location                {overflow:hidden;zoom:1;float:left;width:460px;margin-right:10px;}
footer #location a              {float:left;margin-right:10px;}
footer #location dl             {margin:1em 0em;}
footer #location dl dt          {float:left;width:40px;}
footer #testimonials            {overflow:hidden;zoom:1;float:left;width:220px;margin-right:10px;}
footer #otherPages              {overflow:hidden;zoom:1;float:left;width:220px;}


/* page specific styles */
#home #importantContent                         {overflow:hidden;zoom:1;}
#home #importantContent div                     {background:#dee2e2;border:solid 10px #fff;padding:10px;float:left;width:260px;margin:10px;min-height:200px;-webkit-box-shadow:0px 3px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 3px 2px rgba(0,0,0,0.1);box-shadow:0px 3px 2px rgba(0,0,0,0.1);}
#home #importantContent div.first               {margin-left:0;}
#home #importantContent div.last                {margin-right:0;}
#home #otherContent                             {overflow:hidden;zoom:1;}
#home #otherContent div.vertical,
#home #otherContent div.horizontal              {overflow:hidden;zoom:1;margin-bottom:2em;}
#home #otherContent div.vertical div            {width:200px;margin:20px;float:left;}
#home #otherContent div img                     {margin-bottom:0.3em;}
#home #otherContent div.vertical div.first      {margin-left:0;}
#home #otherContent div.vertical div.last       {margin-right:0;}
#home #otherContent div.horizontal div          {width:460px;float:left;overflow:hidden;zoom:1;}
#home #otherContent div.horizontal img          {float:left;margin-right:10px;}
#home #otherContent div.horizontal div.first    {margin-right:20px;}
#home .box						{background-color:#bda0ca;}

#gym header, #gym footer        {background-color:#f37123;}
#gym .box                       {background-color:#f9b891;}

#swim header, #swim footer        {background-color:#0c7abe;}
#swim .box					  {background-color:#86bddf;}

#classes header, #classes footer  {background-color:#bed434;}
#classes .box					  {background-color:#dfea9a;}

#kids header, #kids footer        {background-color:#ffd200;}
#kids .box					  {background-color:#ffe980;}

#sports header, #sports footer    {background-color:#0b7052;}
#sports .box					  {background-color:#85b8a9;}	
   
#relaxation header, #relaxation footer        {background-color:#4c2432;}
#relaxation .box					  {background-color:#a69299;}

/* global classes */
.left       {float:left;margin:0px 10px 10px 0px;}
.right      {float:right;margin:0px 0px 10px 10px;}
.box        {border:solid 10px #fff;padding:10px;-webkit-box-shadow:0px 3px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 3px 2px rgba(0,0,0,0.1);box-shadow:0px 3px 2px rgba(0,0,0,0.1);margin-bottom:2em;}

/*
==================================================================================
Nav Menu
==================================================================================
*/

#navcontainer {
	position:relative;margin:0 auto;width:940px;	z-index:1000;

}
#navlist {
	top:30px;right:0px;position:absolute;		z-index:1000;

}
#navlist ul {
	top:30px;right:0px;position:absolute;	z-index:1000;

}
#navlist li {
	display:block;float:left;POSITION: relative;	z-index:1000;

}

.submenu 
{
	z-index:1000;
	VISIBILITY: hidden;
}

.submenu ul li span a 
{
	color:#000 !important; z-index:1000;
}

#navcontainer {
	POSITION: relative; z-index:1000;
}

#navcontainer ul ul {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 195px; 
	PADDING-TOP: 0px; 
	POSITION: absolute; 
	left:0px;
	TOP: 27px; 
	BACKGROUND-COLOR: Transparent;
	BORDER-BOTTOM: solid 1px #ffffff; 
	border-top: solid 1px #ffffff;	
	z-index:1000;
}
#navcontainer li li {
	FLOAT: none; MARGIN: 0px; WHITE-SPACE: nowrap;
	z-index:1000;
}

#navcontainer li li a {
	PADDING-RIGHT: 18px; 
	BORDER-TOP: solid 0px #ffffff; 
	BORDER-RIGHT: solid 1px #ffffff; 
	BORDER-Left: solid 1px #ffffff; 
	DISPLAY: block; 
	PADDING-LEFT: 18px; 
	FONT-SIZE: 15px; 
	/*PADDING-BOTTOM: 5px; */
	MARGIN: 0px; 
	WIDTH: 160px; 
	LINE-HEIGHT: 18px; 
	/*PADDING-TOP: 5px; */
	TEXT-DECORATION: none;
	z-index:1000;
	/*background-image:url(../images/backgrounds/menusep.gif);
	background-position:left top;
	background-repeat: repeat-x;*/
}

#home #navcontainer ul li:hover a{
	color:#000 !important;
	background-color:#bda0ca;
}

#kids #navcontainer ul li:hover a{
	color:#000 !important;
	background-color:#ffe980;
}

#gym #navcontainer ul li:hover a{
	color:#000 !important;
	background-color:#f9b891;
}

#swim #navcontainer ul li:hover a{
	color:#000 !important;
	background-color:#86bddf;
}

#classes #navcontainer ul li:hover a{
	color:#000 !important;
	background-color:#dfea9a;
}

#sports #navcontainer ul li:hover a{
	color:#000 !important;
	background-color:#85b8a9;
}

#relaxation #navcontainer ul li:hover a{
	color:#000 !important;
	background-color:#a69299;
}

#home #navcontainer	li li a			{background-color:#bda0ca;}
#kids #navcontainer	li li a			{background-color:#ffe980;}
#gym #navcontainer	li li a         {background-color:#f9b891;}
#swim #navcontainer	li li a					  {background-color:#86bddf;}
#classes #navcontainer	li li a					  {background-color:#dfea9a;}
#sports #navcontainer	li li a					  {background-color:#85b8a9;}	
#relaxation #navcontainer	li li a					  {background-color:#a69299;}
