@import url(color.css);
@import url(typography.css);

/* ============== Normalize =====================================================*/
/* margin, padding */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, 
	h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
/* table border */ table { border-collapse:collapse; border-spacing:0;}
/* remove border */ fieldset, img { border:0; margin:0; padding:0; }
/* left-align text */ caption, th {text-align:left;}

/*====== general ============*/
html { text-align:center;}	
body{
	width:775px;
	position:relative;
	text-align:left;
	margin:0 auto;
	}
#container { width:810px;}

/*====== heading ============*/
#branding {
	position:relative;
	height: 186px;	
	text-align:right;
	}
/* --- top nav --- */
#branding ul {
	position:relative;
	top:4px;
	padding-right:15px;
	}
#branding ul li{ 
	padding:0 9px 0 9px;
	display:inline;	
	}
.has_border {
	border-right:1px solid #d2e748;
	}
.hide_title {
	position:absolute; 
	text-indent:-9999px;
	top:-900px;
	left:-900px;
	}
/*====== Navigation ===========*/
#content {
	position:relative;
	left:20px;
	}
#nav {
	position:relative;
	float:left;
	padding-top:90px;
	width:185px;
	}
.mod {padding:15px 0 0 13px;} /* phone number */
	
#nav_bg { padding-top:10px;}
#nav ul {
	padding-bottom:20px;
	padding-left:18px;
	}
#nav_bg_bottom {
	padding-top: 30px;
	height:200px;
	}
#nav a:link, #nav a:visited {}
#nav a:hover, #nav a:active {padding-left: 5px;}

#nav .main_nav_sub { padding: 2px 0 4px 3px;}

/*==========Content===========*/
#content_main {
	position:relative;
	width:545px;
	padding-left:30px;
	float:left;
	}
#content_main ul { padding:5px 0 7px 30px;}
#content_main p  { padding-bottom:7px;}

#content_main h2 { padding: 20px 0 7px 0;}
#content_main h3 { padding: 20px 0 5px 0;}
#content_main h4 { padding: 15px 0 5px 0;}
#content_main h5 { padding: 15px 0 5px 0;}

#content_main #circle_images { padding-top:13px;}

#site_credits_content { padding: 100px 0 0 0;}

/* ------- LESSONS: sub-nav ------- */
#content_main .sub-nav li { display:inline;}
#content_main .sub-nav a { padding: 6px 8px 6px 8px;}

#content_main ul.sub-nav {
	text-align:left;
	padding: 11px 7px 12px 4px;
	margin-top: 0; /*space above and below*/
	width:528px;
	}
#content_main .sub-nav ol, 
#content_main .sub-nav ul, 
#content_main .sub-nav li { list-style:none;}

/* ----images----------------------------- */
.program_logo img { 
	float: left;
	margin: 0 14px 5px 0;
	}
.home_join_us img { 
	float: left;
	margin: 2px 8px 2px 0;
	}
/* ------- tables ----- */	
#home .home_join_us,
#home table,
#home_join_us table,
#baby_massage table,
#cheer table,
#dance table,
#martial_arts table,
#gymnastics table,
#swimming table,
.news, 
.classes,
.photos { 
	width: 559px; 
	}
#home table td,
#baby_massage table td,
#cheer table td,
#dance table td,
#martial_arts table td,
#gymnastics table td,
#swimming table td { padding: 8px 16px 20px 16px;}

#home table tr, 
#baby_massage table tr, 
#cheer table tr,
#dance table tr,
#martial_arts table tr,
#gymnastics table tr,
#swimming table tr { padding-top: 8px;}

#home table th,
#baby_massage table th, 
#cheer table th,
#dance table th,
#martial_arts table th,
#gymnastics table th,
#swimming table th { padding: 7px 14px 23px 14px;}


/* photos*/
#home .photos td,
#baby_massage .photos td,
#cheer .photos td,
#dance .photos td,
#martial_arts .photos td,
#gymnastics .photos td,
#swimming .photos td { padding: 0;}

#home .photos img,
#baby_massage .photos img,
#cheer .photos img,
#dance .photos img,
#martial_arts .photos img, 
#gymnastics .photos img,
#swimming .photos img { padding-top: 19px;}

/* classes*/
.classes td,
.classes th  { padding: 7px 12px 12px 12px;}

#cheer .classes th,
#baby_massage .classes th,
#dance .classes th,
#martial_arts .classes th,
#gymnastics .classes th,
#swimming .classes th { padding-bottom: 5px;}

#cheer .classes th+th,
#cheer .classes td+td,
#baby_massage .classes th+th,
#baby_massage .classes td+td,
#dance .classes th+th,
#dance .classes td+td,
#martial_arts .classes th+th,
#martial_arts .classes td+td,
#gymnastics .classes th+th,
#gymnastics .classes td+td,
#swimming .classes th+th,
#swimming .classes td+td {padding: 5px 4px 15px 4px;}/* middle col width  */


.news th,
.photos { text-align: center;}

.join_us_options h6 {padding-top: 0;}

/* -- divs -- */
.join,
.attire,
.testimonials,
.faq { 
	width: 536px; 
	padding: 10px 10px 16px 10px;
	}
	
#content_main .classes p,
#content_main .join p,
#content_main .attire p,
#content_main .testimonials p,
#content_main .faq p { padding-bottom: 15px;}

#content_main .classes td+td,
#content_main .classes th+th,
#content_main .classes th+th+th { text-align: center;}

/* ========== Forms ============= */
form {
	margin-top:15px;
	}
fieldset legend {
	position:relative;
	left:-6px;
	padding:0 0 10px 0;
	}
form li { margin: 5px 0 15px 0;}
label { padding-right: 4px;}

/*==========Footer===========*/
#footer {
	position:relative;	
	clear:both;
	text-align:right;
	left:20px;
	padding-bottom:10px;
	width:775px;
	}
#footer_top_text {
	padding:100px 0 5px 0;
	}
#footer ul li {
	padding-left:8px;
	display:inline;
	}
#footer ul {
	margin-right:15px;
	}