/* general info */
body {
	background: #eef0f1 /*light blue*/;
	color:#003c5f /*dark blue*/;
	font-family: "Trebuchet MS", Lucida Grande, Verdana, sans-serif;
	font-size: small;
	}
* html body {
	font-size: x-small; /* for IE5/Win */
	f/ont-size: small; /* for other IE versions */
	margin: 0;
	padding: 0;
}
a:link{
	color: #004268; /*dark blue*/
	}
a:visited {
	color: #8a9196; /*bluish grey*/}
a:hover {
	color: #f15a22; /*orange*/}
a:active {
	color:#004268 /*dark blue*/}
h1 {
	font-size: 140%;
	font-weight:bold;
	padding: 15px 0 5px 0;
	margin: 0;
	}
h2 {
	font-size: 120%;
	font-weight:bold;
	padding: 5px 0;}
#center h2 {
	margin: 10px 0 0 0;
	clear:both;}	
h3 {
	font-size: 110%;
	font-weight:bold;
	padding: 5px 0 2px 0;}	
		
/* white background with rounded corners */	
#wrapper {
	width: 910px;
	margin: 10px auto 0 auto;
	padding: 0;
	background:url(images/site-bg-white.gif) top left repeat-y;}

#head{
	background:url(images/site-bg-white-top.gif) top left no-repeat;
	float:left;
	width: 910px;
	padding: 0;
	margin: 0;
	}
/*top right navigation */
#topnav	{
	float:right;
	margin: 2px 5px 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight:bold;
	}
#topnav ul {
	float:right;
	margin: 0 5px;}
#topnav a {
	text-decoration:none;
	}	
#topnav li {
	list-style: none;
	float:left;
	margin: 2px 5px 3px 5px;
	padding: 0 10px;
	border-right: 2px solid #355481;
	}	
#topnav #noborder {
	border: none;
	padding-left: 0;
}
#home #topnav .home a{
	color: #f15a22; /*orange*/
	 }

/*logo positioning and padding */
#logo {
	float:left;
	margin: 2px 5px 0 5px;
	padding: 2px 2px 0 2px;}

/* top pictures */
#toppic {
	margin-right: 5px;
	padding: 1px 6px 4px 4px;}
/* main navigation */
#main-nav {
	clear:both;
	float:left;
	cursor:default;
	position: relative;
	top:0;
	left: 3px;
	margin: -8px 0 0 0;
	width: 900px;
	background:#f15a22 url(images/nav-bg.jpg) top left repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	border:none;
	}
#main-nav ul {
	float:left;
	list-style: none;
	padding: 0; 
	margin:0;
	width: 900px;
	background:url(images/mainnav-sub-bottom.jpg) bottom left repeat-x;}
#main-nav li {
	float:left;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align:center;
	font-size: 110%;
	width: 140px;
	}	
#main-nav a {
	display:block;
	color: #fff;
	padding: 2px;
	margin-left: 1px;
	line-height: 28px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

#main-nav a:visited {
	color: #fff;
	text-decoration:none;
}	
#main-nav a:hover {
	background:url(images/tab-selected.gif) top left no-repeat;
	color:#f15a22; /*orange*/
	}

/* current page highlight */
#about #main-nav .about a,
#whoweare #main-nav .whoweare a,
#program #main-nav .program a,
#center #main-nav .center a,
#success #main-nav .success a,
#resources #main-nav .resources a {
	background:url(images/tab-selected.gif) top left no-repeat;
	color: #004268; /*dark blue*/ 
	font-weight:bold;}
	
/*subnav*/	
#sub-nav {
	clear:both;
	background:#fff url(images/subnav-bg.jpg) top left repeat-x;
	border-bottom: 1px solid #fac5b3; /*light orange*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	padding: 0;
	margin: 0;
	width: 900px;
	position: relative;
	top:0;
	left: 3px;
	}
#sub-nav ul {
	list-style: none;
	float:left;
	padding: 0; margin:0;}	
#sub-nav li {
	float:left;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	text-align:center;
	font-size: 100%;
	line-height: 24px;
	}
#sub-nav a {
	padding-left: 20px;
	text-decoration:none;
	}
#sub-nav a#selected {
	background:url(images/arrow-blue.gif) top left no-repeat;
	font-weight:bold;
	}
#sub-nav a:link {
	text-decoration:none;}	
#sub-nav a:visited {
	color:#004268;
	text-decoration:none;}
#sub-nav a:hover {
	text-decoration:underline;
	color:#f15a22;}
#sub-nav a:active {
	text-decoration:none;
	color: #000;
	}
/*  area */
.content {
	margin: 0 3px;
	padding: 0;
	clear: both;
	width: 900px;
	}	
.centertop {
	margin: 0 5px 0 0;
	width: 900px;
	}	
.centertop img{
	margin: 0 10px 5px 0;
}
.centertop-right {
	margin: 5px 10px 20px 0;
	padding: 5px;}
/* two column design */
.twocolumn-left {
	clear:both;
	margin: 5px 10px;
	padding: 0 10px 10px 10px;
	line-height: 1.5em;
	}
.twocolumn-left h1 {
	padding: 20px 0 0 0;
}
.twocolumn-left img {
	float:left;
	padding:1px;
	margin:0 15px 8px 0;
	}
.twocolumn-left h2, .twocolumn-left h3, .twocolumn-left p {
	padding-left: 40px;
	padding-right: 15px;
	}
.wide li {
	margin: 0 0 10px 0;}	
.twocolumn-right {
	width: 194px;
	margin: 0 8px 0 10px;
	}
td.twocolumn-right  {
	background:#446693 url(images/twocolumn-right-blue.jpg) top left repeat-y;
	padding-top: 10px;
	}
.rightcolumn-block {
	background:#9dadc3 url(images/rightbox-corner-bottom.gif) bottom right no-repeat;
	margin: 15px 0;
	padding: 0;
	width: 194px;
	}
.rightcolumn-white {
	background:#edf0f4 url(images/rightbox-corner-bottom.gif) bottom right no-repeat;
	margin: 15px 0;
	padding: 0;
	width: 194px;
	}	
#rightcolumn-topcurve {
	background:url(images/rightbox-corner-top.gif) top left no-repeat;
	margin: 0;
	padding: 5px 10px;
	font-size: 90%;
	color: #000;
	}

.rightcolumn-block h3 {
	font-size: 110%;
	padding: 5px 0;
	margin: 0;}
.rightcolumn-bottom {
	background:url(images/rightbox-corner-bottom.gif) bottom right no-repeat;
	}	
.twocolumn-right img {
	padding: 0;
	margin: 5px 0 10px 0;
	}
/* content area design rules */
.content ul {
	list-style: none;}
.content li{
	list-style:none;
	background:url(images/arrow-orange.gif) top left no-repeat;
	padding: 0 0 0 20px;}
.content ol {
	list-style-type:decimal;}
.content ol li {
	list-style:decimal;
	background: none;
	padding: 0 0 5px 5px;
	margin: 0 0 5px 20px;}	
#rightcolumn-topcurve ul{
	padding: 0;
	margin: 0;
	}
#rightcolumn-topcurve li{
	background:none;
	list-style-type: disc;
	margin: 0 0 0 10px;
	padding: 0;
	}
.quote {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 90%;}
#topcontent {
	width: 900px;}	
.quote-program {
	margin: 0 0 70px 0;
	font-size: 90%;}	
.right-small {
	text-align: right;
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 90%;}	
.orange {
	color: #f15a22; /*orange*/}
.white {
	color:#FFF;
}
.bigger {
	font-size: 110%;
	}
#keyvisual-bg {
	width: 595px;
	height: 220px;
	background:url(images/keyvisual-emprograms.jpg) top left no-repeat;
	margin: 0 10px 10px 10px;
	padding: 0;
	}
#keyvisual-bg p {
	padding: 50px 120px 10px 120px;
	margin: 0;
	font-size: 120%;
	color: #fff;
	font-weight:bold;}	
#keyvisual-bg ul {
	color: #fff;
	list-style: none;
	margin: 0;
	padding: 45px 5px 45px 15px;
	}
#keyvisual-bg li {
	display:block;
	font-size: 130%;
	margin: 10px 0 10px 120px;
	list-style: none;
	background:none;
	}
#keyvisual-bg .over {
	padding-left: 80px;}
#keyvisual-bg .over2 {
	padding-left: 110px;}
#keyvisual-bg .over3 {
	padding-left: 140px;}
.program {
	width:570px;
	margin: 5px 10px;
	padding: 0 10px;
	}
.program h2, .program h3, .program p {
	padding-left: 40px;
	}		
.centertop-right ul{
	padding: 0;
	margin: 0 0 5px 0;
	font-size:110%;}	
.centertop-right li{
	margin: 0 0 5px 0;}	
.centerbottom {
	clear:both;
	display:block;
	margin: 0 7px 0 3px;
	line-height: 1.5em;
	}
.centerbottom td {
	margin: 0 5px;
	padding: 0 5px;}	
.centerbottom h1 {
	background:url(images/headline-blue-bg.jpg) top left repeat-x;
	font-size: 130%;
	color: #004268; /*dark blue*/
	padding: 10px 10px 8px 10px;
	margin:0;
	}
.centerbottom img {
	float:right;
	padding: 2px;
	margin: 0 0 5px 5px;
	background-color:#fff;
	border: 1px solid #004268; /*dark blue*/}
.centerbottom ul {
	list-style-image:url(images/list-dash.gif);
	margin: 0 0 0 20px;
	padding: 0;
}
.centerbottom li {
	list-style-image:url(images/list-dash.gif);
	background-image:none;
	padding: 3px;
	line-height: normal;}
.centerbottom p {
	padding: 0 0 4px 10px;
	margin: 0;} 
	
ul.dash {
	margin: 0 0 5px 20px;
	padding: 5px 0 5px 40px;
	background: none;
}
.dash li {
	background: none;
	list-style-image:url(images/list-dash.gif);
	padding: 0;
	margin: 0;
	}
ul.simple {
	margin: 0 0 5px 20px;
	padding: 0 0 0 40px;}	
.simple li {
	background:none;
	list-style: none;
	padding: 0;
	margin: 0;}	
.right-small-orange {
	text-align: right;
	padding: 0;
	margin: -10px 0 0 0;
	color: #f15a22; /*orange*/}	
.table {
	margin: 0 10px 0 40px;
	width: 630px;
	padding: 0;
	border:1px solid #004268; /*dark blue*/ 
	}
.table th {
	width: 14%;
	background:url(images/headline-blue-bg.jpg) top left repeat-x;
	padding: 2px;
	border-bottom: 1px solid #004268; /*dark blue*/
	}	
.table td {
	text-align:center;
	padding: 2px;
	}
.table #bg {
	border-left: 1px solid #004268; /*dark blue*/
	background-color: #eef0f1 /*light blue*/;
	border-right: 1px solid #004268; /*dark blue*/}
p.right {
	text-align:right;
	padding-top: 0;
	margin-top: 0;
	line-height:normal;}
/* center box */
.centerbox {
	background:url(images/insidebox-bottom-bg.gif) bottom left no-repeat;
	margin: 15px 50px 10px 50px;
	padding: 0;
	width: 570px;
	}
#centerbox-top {
	background:url(images/insidebox-bg-top.gif) top left no-repeat;
	padding: 5px 0;
	margin:  0;
	width: 570px;
	vertical-align:middle;
	}
.centerbox p {
	padding: 0 10px;
	margin: 10px 5px;
	line-height:normal;}
.centerbox ul {
	padding: 6px 10px;
	margin-bottom: 6px;
	margin-top: 6px;}
#map {
	float:right;
	margin: 0 5px 5px 10px;
	padding: 2px;
	border:1px solid #003c5f; /*dark blue*/
}
#map img {
	margin:2px 5px;
	padding: 2px;}
.tight {
	padding-bottom: 0;
	margin-bottom: 0;}
.whoweare {
	padding: 2px;
	margin: 0 10px 5px 0;
	text-align:center;
	font-size: 90%;
	display:inline;
	}
.whoweare img {	
	padding: 2px 15px;
	margin:0;
	}	
.form {
	padding: 0 20px 0 50px;
	}
/* --------------------------fit 4 fun special----------------------------- */
#fit4fun {
	background: url(images/kids_fit_4_fun-bg.jpg) center no-repeat;
	height: 1147px;
	line-height: 1.5em;
	}
.fit4fun-center	{
	margin: 200px auto 0 310px;
	width: 350px; 
	text-align:center;
	font-size: 130%;
	line-height: 160%;}
.fit4fun-center .smaller {
	font-size: 80%;
	line-height: 120%;
	}	
.orange {color: #f15a22; /*orange*/}	
#fit4fun h1 {
	padding: 20px 0 0 10px;
}	

/* foot area */	
#footer {
	margin: 0;
	padding: 0;
	font-size: 75%;
	text-align:right;
	background:#f15a22 url(images/footer-bg.jpg) bottom left no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#footer ul{
	margin: 0;
	padding: 2px 20px 9px 2px;}	
#footer li {
	display: inline;
	list-style:none;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
	color: #fff;
	}
#footer a{
	color: #fff;
	text-decoration:none;
	margin: 0;
	padding-right: 8px;
	border-right: 1px solid #fff;
	}
#footer a:visited {
	color: #f2c1af;}
#footer a:hover {
	text-decoration:underline;}
#footer a:active {
	text-decoration: none;
	color:#004268; /*dark blue*/
	}
#subfoot {
	clear:both;
	width: 890px;
	margin: 0 auto;
	padding: 0 10px;
	text-align:right;
	font-size: 85%;}