/* @override 
	http://fitclubgymnastics.com/components/default.css
	http://www.fitclubgymnastics.com/components/default.css
*/

img 					{ border:none;}
body 					{ behavior:url(/components/csshover.htc); margin:0; padding:0; font-family:"Arial", Helvetica, sans-serif; font-size:12px; color: #000; background-color:#222; text-align:center; background-image:url(/images/misc/fitclubbackground.png);}
select					{ color:#19303A; width:160px; font-weight: bold; font-size: 10px; }
a						{ color: #036; text-decoration:underline; }
a:hover 				{ background-color: #333;text-decoration:none; }
a:visited 				{ color: #036; }
.link a					{ font-size:10px; color:#FFF; font-weight: normal; padding-left:15px; margin-top:5px; background-image:url(/images/icons/icon-document.gif); background-repeat:no-repeat;}
.link a:visited			{ color:#FFF; }
.link a:hover			{ background-color:#333; }

#entirepage 			{ width:760px; clear:both; position: relative; margin: 0 auto; margin-top:20px;}



.photoarea {text-align: left; width: 150px; margin-left: 12px; float: left; height: 250px; overflow: hidden;}
* html .photoarea {margin-left: 8px;}
.photoarea .bigphoto {margin-top: 10px;}
.photoarea .headline {margin-top: 10px; color:#142441; font-size: 16px; font-weight: bold;}





#navigation { width:100%; float:left; font-size:11px; font-weight: bold; background-image:url(/images/misc/background-navigation.png) }
#navigation ul { margin:0; padding: 0; }
#navigation li { float:left; position:relative; list-style-type:none; border-right: 1px solid #333; }
#navigation li:hover { text-align: left; }

#navigation li .highlight { background-image: url(/images/misc/background-navigation-red.png);}
#navigation li .highlight a:hover { background-image: url(/images/misc/background-navigation-reverse-red.png);}

#navigation a { color: #FFF; display:block; padding:5px 4px; text-decoration:none;}
#navigation a:hover { color: #FFF; background-image: url(/images/misc/background-navigation-reverse.png);}

#navigation li .highlight { color: #FFF; background-image: url(/images/misc/background-navigation-red.png);}
#navigation li .highlight a:hover { color: #FFF; background-image: url(/images/misc/background-navigation-reverse-red.png);}


#navigation ul li ul li a:hover {background-image: none; background-color: #333;}
#navigation ul li ul { margin:0; position:absolute; width:130px; left:-1px; }
#navigation ul li ul li { width:100%; background-color: #001B41; border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; padding:0 0 1px; }
#navigation ul li ul li:first-child { border-top:1px solid #000; }
#navigation ul li ul { display:none;}
#navigation ul li:hover ul { display:block; color: #DDD; }
#navigation ul li ul li ul  { visibility:hidden; top:-1px; left:130px; }
* html #navigation ul li ul li ul  { margin-left:19px; }
#navigation ul li ul li:hover ul { visibility:visible; }
#navigation ul li ul li:hover ul li ul { display:none; }
#navigation ul li ul li ul li:hover ul { display:block; }
* html #navigation ul { float:left; border-left:1px solid #000; margin-left:15px; }
* html  #navigation ul li ul { border-top:1px solid #000; border-left:0px;  }
* html  #navigation ul li ul li ul { left:130px; voice-family: "\"}\""; voice-family:inherit; left:10em; }

#meetresults {float:left;padding-top:10px;}
#meetresults ul{margin:0; padding:0;}
#meetresults { font-size:16px; font-weight: bold; }
#meetresults li { float:left; position:relative; list-style-type:none; }
#meetresults a {display:block; padding:0px 5px; text-decoration:none;}
#meetresults a:hover {color:#FFF;}

#meetresults ul li ul {font-size:11px; width:50%; margin-left:130px;}
#meetresults ul li ul a {font-weight:normal; border-right: 1px solid #333;}
#meetresults ul li ul a:hover {color:#FFF;}






















#maincontent			{ width:500px; background-color:#FFF; float:left;} 
#minipromos  			{ width:500px; height:476px; overflow:hidden; clear:both;}
#pagefooter 			{ clear:both; width:760px; font-weight:bold; color:#FFF; padding-top:10px;margin-bottom:20px; text-align:center;}

#description-welcome 				{ clear:both; color:#FFF; text-align:left; background-image:url(/images/misc/welcomebackground-header.png);}
#description-welcome .footer 		{ height:24px; text-align:right; padding-right:30px; background-image:url(/images/misc/welcomebackground-footer.png); background-repeat:no-repeat;}
#description-welcome .headline 		{ color:#FFF; font-family:"Arial"; font-weight:normal; font-size:23px; padding-top:20px; margin-bottom:0px; padding-bottom:0px; padding-left:20px; padding-right:20px;}
#description-welcome .subheadline 	{ font-family:"Arial"; font-weight:normal; color:#FF0; font-size:14px; margin-bottom:0px; padding-left:20px;padding-right:20px;}
#description-welcome .summary 		{ margin-top:10px; font-size:13px; font-family:arial; margin-bottom:0px; padding-left:20px;padding-right:20px;}

#rightrail				{ width:259px;  float:left; background-image:url(/images/misc/background-rightrail.png);}

#rightrail .promo		{ width:245px; margin-left:5px; margin-bottom:15px; padding-top:30px; text-align:left; }
#mapdirections	{ background-image:url(/images/misc/background-rightrailtop.png); }
#mapdirections .summary	{padding-bottom:10px;}

#mapdirections .footer	{ background-image:url(/images/misc/background-rightrailbottom.png); background-repeat:no-repeat; }

#rightrail .thumbnail 	{ padding-left:20px; padding-right:20px;}
#rightrail .headline 	{ color:#B69DFF; font-family:"Arial"; font-weight:normal; font-size:16px; margin-bottom:0px; padding-bottom:8px; padding-left:20px; padding-right:20px;}
#rightrail .subheadline { font-family:"Arial"; font-weight:normal; color:#FF0; font-size:14px; margin-bottom:0px; padding-left:20px;padding-right:20px;}
#rightrail .summary 	{ color:#888; margin-top:10px; font-size:11px; font-family:arial; margin-bottom:0px; padding-left:20px;padding-right:20px;}
#rightrail #topitem 	{margin-top:30px;}
#rightrail .promo .footer { height:7px; text-align:right; padding-right:30px;}
#rightrail .link {margin-left:20px;}

#include-news  {padding-top:50px; margin:0px; background-image:none;}
#page-promo  { background-color:#FFF;}
#page-promo #maincontent 	{text-align:left;}
#page-promo #maincontent .headline 		{ color:#069; font-family:"Arial"; font-weight:normal; font-size:23px; padding-top:20px; padding-left:20px; padding-right:20px;}
#page-promo #maincontent .subheadline 	{ color: #cc4624; font-family:"Arial"; font-weight:normal; font-size:14px; padding-left:20px; padding-right:20px;}
#page-promo #maincontent #pagecontent 	{ font-family:"Arial"; font-size:12px;  padding-left:40px; padding-right:20px;}


#include-news .headline 	{ color:#FF6; padding-bottom:5px;}
#include-news ul 			{ font-size:12px; margin: 0; padding: 0 5px 0 0; list-style-type: none;}
#include-news li 			{ clear:both;}

#include-quicklinks .headline 	{ color:#FF6; padding-bottom:5px;}
#include-quicklinks ul 			{ font-size:12px; margin: 0; padding: 0 5px 0 0; list-style-type: none;}
#include-quicklinks li 			{ clear:both;}



#description-gymnastics,#description-dance,#description-cheer,#description-martialarts,#description-preschool,#description-precomp,#description-team,#description-boys, #description-schoolpickup, #description-birthdays, #description-camps, #description-activities {float:left; height:238px; width:125px;  background-repeat:no-repeat; line-height:120%; font-size:11px; }

#description-gymnastics 			{background-image:url(/images/misc/background-fp-orange.png); }
#description-gymnastics .summary	{height:100px; text-align:left; font-family:arial; margin-left:20px;margin-right:20px;}
#description-gymnastics .headline 	{font-family:"Lucida Grande"; text-align:center; padding-right:0px; font-weight:bold; font-size:16px; color:#930; padding-top:15px; padding-bottom:8px;}
#description-gymnastics .footer 	{text-align:right; padding-right:10px; font-weight:bold;}

#description-dance 					{background-image:url(/images/misc/background-fp-red.png); }
#description-dance .summary 		{height:100px; text-align:left; font-family:arial; margin-left:20px;margin-right:20px;}
#description-dance .headline 		{font-family:"Lucida Grande"; text-align:center; padding-right:0px; font-weight:bold; font-size:16px; color:#900; padding-top:15px; padding-bottom:8px;}
#description-dance .footer  		{text-align:right; padding-right:10px; font-weight:bold;}

#description-cheer 					{background-image:url(/images/misc/background-fp-green.png); }
#description-cheer .summary 		{height:100px; text-align:left; font-family:arial; margin-left:20px;margin-right:20px;}
#description-cheer .headline 		{font-family:"Lucida Grande"; text-align:center; padding-right:0px; font-weight:bold; font-size:16px; color:#376300; padding-top:15px; padding-bottom:8px;}
#description-cheer .footer  		{text-align:right; padding-right:10px; font-weight:bold;}

#description-martialarts 			{background-image:url(/images/misc/background-fp-blue.png); }
#description-martialarts .headline 	{font-family:"Lucida Grande"; text-align:center; padding-right:0px; font-weight:bold; font-size:16px; color:#002578; padding-top:15px; padding-bottom:8px;}
#description-martialarts .summary 	{height:100px; text-align:left; font-family:arial; margin-left:20px;margin-right:20px;}
#description-martialarts .footer  	{text-align:right; padding-right:10px; font-weight:bold;}




#description-schoolpickup 			{background-image:url(/images/misc/background-fp-magenta.png); }
#description-schoolpickup .headline 	{font-family:"Lucida Grande"; text-align:center; padding-right:0px; font-weight:bold; font-size:16px; color:#002578; padding-top:15px; padding-bottom:8px;}
#description-schoolpickup .summary 	{height:100px; text-align:left; font-family:arial; margin-left:20px;margin-right:20px;}
#description-schoolpickup .footer  	{text-align:right; padding-right:10px; font-weight:bold;}

#description-birthdays 			{background-image:url(/images/misc/background-fp-medblue.png); }
#description-birthdays .headline 	{font-family:"Lucida Grande"; text-align:center; padding-right:0px; font-weight:bold; font-size:16px; color:#002578; padding-top:15px; padding-bottom:8px;}
#description-birthdays .summary 	{height:100px; text-align:left; font-family:arial; margin-left:20px;margin-right:20px;}
#description-birthdays .footer  	{text-align:right; padding-right:10px; font-weight:bold;}

#description-camps 			{background-image:url(/images/misc/background-fp-purple.png); }
#description-camps .headline 	{font-family:"Lucida Grande"; text-align:center; padding-right:0px; font-weight:bold; font-size:16px; color:#002578; padding-top:15px; padding-bottom:8px;}
#description-camps .summary 	{height:100px; text-align:left; font-family:arial; margin-left:20px;margin-right:20px;}
#description-camps .footer  	{text-align:right; padding-right:10px; font-weight:bold;}


#description-activities 			{background-image:url(/images/misc/background-fp-ltgreen.png); }
#description-activities .headline 	{font-family:"Lucida Grande"; text-align:center; padding-right:0px; font-weight:bold; font-size:16px; color:#002578; padding-top:15px; padding-bottom:8px;}
#description-activities .summary 	{height:100px; text-align:left; font-family:arial; margin-left:20px;margin-right:20px;}
#description-activities .footer  	{text-align:right; padding-right:10px; font-weight:bold;}















#description-preschool 				{background-image:url(/images/misc/background-fp-blue.png); }
#description-preschool .headline 	{font-family:"Lucida Grande"; text-align:center; padding-right:0px; font-weight:bold; font-size:16px; color:#002578; padding-top:15px; padding-bottom:8px;}
#description-preschool .summary 	{height:100px; text-align:left; font-family:arial; margin-left:20px;margin-right:20px;}
#description-preschool .footer  	{text-align:right; padding-right:10px; font-weight:bold;}

#description-precomp				{background-image:url(/images/misc/background-fp-blue.png); }
#description-precomp .headline		{font-family:"Lucida Grande"; text-align:center; padding-right:0px; font-weight:bold; font-size:16px; color:#002578; padding-top:15px; padding-bottom:8px;}
#description-precomp .summary		{height:100px; text-align:left; font-family:arial; margin-left:20px;margin-right:20px;}
#description-precomp .footer		{text-align:right; padding-right:10px; font-weight:bold;}

#description-team 				{background-image:url(/images/misc/background-fp-blue.png); }
#description-team .headline 	{font-family:"Lucida Grande"; text-align:center; padding-right:0px; font-weight:bold; font-size:16px; color:#002578; padding-top:15px; padding-bottom:8px;}
#description-team .summary 	{height:100px; text-align:left; font-family:arial; margin-left:20px;margin-right:20px;}
#description-team .footer  	{text-align:right; padding-right:10px; font-weight:bold;}

#description-boys 				{background-image:url(/images/misc/background-fp-blue.png); }
#description-boys .headline 	{font-family:"Lucida Grande"; text-align:center; padding-right:0px; font-weight:bold; font-size:16px; color:#002578; padding-top:15px; padding-bottom:8px;}
#description-boys .summary 	{height:100px; text-align:left; font-family:arial; margin-left:20px;margin-right:20px;}
#description-boys .footer  	{text-align:right; padding-right:10px; font-weight:bold;}






#page-feedback #maincontent 	{text-align:left;}
#page-feedback #maincontent .headline 		{ color:#069; font-family:"Arial"; font-weight:normal; font-size:23px; padding-top:20px; padding-left:20px; padding-right:20px;}
#page-feedback #maincontent .subheadline 	{ color:#CCC; font-family:"Arial"; font-weight:normal; font-size:14px; padding-left:20px; padding-right:20px;}
#page-feedback #maincontent #pagecontent 	{ font-family:"Arial"; font-size:12px;  padding-left:40px; padding-right:20px;}
#page-feedback .formhead { color:#333; font-weight:bold; padding-left:20px; margin-top:15px;}
#page-feedback form { margin-left:25px;margin-bottom:20px;}
#page-feedback .summary { margin-left:25px; margin-right:25px;}

#page-feedback .alert { margin-left:25px; margin-right:25px; color:#F00; font-weight:bold;}
#pagehome { background-image:url(/images/misc/whitebackground.png);}

#pagefooter a { color:#FFF; }
#pagefooter a:visited { color:#FFF; }

#page-slideshow {font-size:9px;}
.slideshow-headline		{font-weight:bold; color:#FFF; font-size:18px; color:#FF3}
.slideshow-numbers		{font-size:9px; color:#FFF;font-family:verdana; font-weight:bold; color:#FF3}
.slideshow-numbers a	{font-size:9px; color:#FFF;font-family:verdana; font-weight:bold; margin-top:10px;margin-bottom:10px}
.slideshow-numbers a:visited	{font-size:9px; color:#666;font-family:verdana; font-weight:bold; margin-top:10px;margin-bottom:10px}
.slideshow-numberhighlight		{font-size:13px; margin-top:3px; color:#FF3;font-family:verdana;}
.slideshow label		{font-size:9px; font-weight:bold; color:#FFF;font-family:verdana; margin-top:10px;margin-bottom:10px}
.slideshow-caption		{font-size:11px; margin-top:3px; color:#FFF;font-family:verdana;}
.slideshow-thumb {margin-bottom:10px;}
.slideshow-thumb a	{font-size:9px; color:#FFF;font-family:verdana; font-weight:bold; margin-top:10px;margin-bottom:10px}
.slideshow-thumb a:visited	{font-size:9px; color:#666;font-family:verdana; font-weight:bold; margin-top:10px;margin-bottom:10px}

#include-photo .thumbnails {margin-left:20px;margin-bottom:5px;}
.thumbnails img {margin-right:10px; margin-bottom:10px;}

#include-photo .headline { color: #0CC; }

#bottompromos 	{ height:200px; background-image:url(/images/misc/background-rulesforms.png);}
#bottompromosleft {float:left; height:200px; width:375px;}
#bottompromosleft .headline 	{font-family:"Lucida Grande"; text-align:center; padding-right:0px; font-weight:bold; font-size:16px; color:#666; padding-top:15px; padding-bottom:8px;}
#bottompromosleft .summary	{ text-align:left; font-family:arial; margin-left:20px;margin-right:20px; line-height:120%; font-size:11px; }
#bottompromosleft .footer 	{text-align:right; padding-right:10px; font-weight:bold;}

#bottompromosright {float:left; height:200px; width:125px;}
#bottompromosright .headline 	{font-family:"Lucida Grande"; text-align:center; padding-right:0px; font-weight:bold; font-size:16px; color:#666; padding-top:15px; padding-bottom:8px;}
#bottompromosright .summary	{ text-align:left; font-family:arial; margin-left:20px;margin-right:20px; line-height:120%; font-size:11px; }
#bottompromosright .footer 	{text-align:right; padding-right:10px; font-weight:bold;}




#sidebar-calendar	{ background-image:url(/images/misc/background-rightrailtop.png); }
#sidebar-calendar .headline { color: #9F3; padding-bottom:0px;}
#sidebar-calendar .summary	{padding-bottom:10px;}
#sidebar-calendar .footer	{ background-image:url(/images/misc/background-rightrailbottom.png); background-repeat:no-repeat; }

#staff { 
	text-align: left; 
	padding: 20px;
}

#staff h1 { 
	color: #036cb9;
	font-size: 20px;
}

#staff h2 { 
	color: #3a3a3a; 
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	margin-top: 12px;
}

#staff p { 
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
}

#staff img { 
	float: right; 
	padding-left: 10px;
}

#stafflist { 
	 margin: 10px;
}

#stafflist .item { 
	float: left;
	padding-left: 10px;
}

#stafflist .item h2 {
	font-size: 14px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	padding-bottom: 5px;
}


#socialmediabuttons { 
	 position: relative;
	 top:10px;
}

#socialmediabuttons #facebook {
	position: absolute;
	top: 10px;
	right: -65px;
}
 
#socialmediabuttons #facebook a {
	background-image: none;
	background-color:transparent;
}


#socialmediabuttons #facebook:hover .tip {
	display: block;
}


#socialmediabuttons #facebook .tip {
	position: absolute;
	top: 20px;
	right: -150px;
	font-weight: bold;
	color: white;
	width: 140px;
	text-align: left;
	display: none;
}

#socialmediabuttons #facebook .box {
	position: absolute;
	z-index: 10;
	display: none;
}

#socialmediabuttons #facebook:hover .box {
	background-color: white;
	right:65px;
	top:0px;
	opacity: 0.5;
	display: block;
	opacity: 1;
}




#socialmediabuttons #usagymnastics {
	position: absolute;
	top: 100px;
	right: -65px;
}
 
#socialmediabuttons #usagymnastics a {
	background-image: none;
	background-color:transparent;
}


#socialmediabuttons #usagymnastics:hover .tip {
	display: block;
}


#socialmediabuttons #usagymnastics .tip {
	position: absolute;
	top: 30px;
	right: -150px;
	font-weight: bold;
	color: white;
	width: 140px;
	text-align: left;
	display: none;
}

#socialmediabuttons #aau {
	position: absolute;
	top: 190px;
	right: -65px;
}
 
#socialmediabuttons #aau a {
	background-image: none;
	background-color:transparent;
}



#socialmediabuttons #aau:hover .tip {
	display: block;
}


#socialmediabuttons #aau .tip {
	position: absolute;
	top: 35px;
	right: -150px;
	font-weight: bold;
	color: white;
	width: 140px;
	text-align: left;
	display: none;
}

.promo .thumbnail img, .thumbnails img {
	border-radius:15px;
}