/* GLOBAL RESET */
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr {
  margin:0px;  
  padding:0px;  
  border:0px;  
  border-collapse:separate;  
  border-spacing:0px;
}

html, body { height: 100%; }

/* BEGIN STYLING */
body {
  background: #fff url(../images/global/header_grad.jpg) repeat-x left top;
  font: 100.1% Helvetica, Arial, Verdana, Tahoma, Sans-Serif;
  color: #000;
}

#wrapper {
	width: 825px;
  margin: 0 auto;
  min-height: 100%;
}

* html #wrapper
{
height: 100%;
}
/**********************
HEADER
**********************/
h1 {
	text-indent: -9009em;
  background: url(../images/global/fcfymca_logo.jpg) no-repeat left top;
  height: 176px;
}

/**********************
TOP NAVIGATION
**********************/
#topNav {
	overflow: auto;
  margin: -39px 0 0 190px;
}





#topNav li {
	list-style: none;
  display: inline;
}

#topNav li a {
	display: block;
  float: left;
  height: 30px;
  text-indent: -9009em;
  margin-left: 10px;
}

#topNav li a.caring {
	background: url(../images/global/but_caring.jpg) no-repeat left top;
  width: 137px;
}

#topNav li a.honesty {
	background: url(../images/global/but_honesty.jpg) no-repeat left top;
  width: 139px;
}

#topNav li a.respect {
	background: url(../images/global/but_respect.jpg) no-repeat left top;
  width: 145px;
}

#topNav li a.responsibility {
	background: url(../images/global/but_responsibility.jpg) no-repeat left top;
  width: 145px;
}

/**********************
LEFT COLUMN
**********************/
#leftCol {
	float: left;
  width: 200px;
  text-align: center;
  margin-top: 10px;
}

* html #leftCol { margin-top: 40px; } /* IE6 Hack To Position the Left Column Below The Header */

#leftNav {
	text-align: left;
}

#leftNav li {
	list-style: none;
  border-bottom: 1px solid #cfcfcf;
}

#leftNav li a {
	display: block;
  text-decoration: none;
  padding: 5px 0 5px 15px;
  text-transform: uppercase;
  color: #681c77;
  font-size: .7em;
  font-weight: bold;
}

#leftNav li a:hover {
	background: url(../images/global/arrow.jpg) no-repeat left center;
}

#leftCol img {
	margin-top: 50px;
}

#home .home, #mission .mission, #donate .donate, #locations .locations,
#membership .membership, #childcare .childcare, #programs .programs, #aquatics .aquatics,
#fitness .fitness, #facilityUse .facilityUse, #employment .employment, #contactUs .contactUs,
#communityLinks .communityLinks {
	background: url(../images/global/arrow.jpg) no-repeat left center;
}

/**********************
CONTENT
**********************/
#content {
	margin: 10px 0 0 200px;
	padding: 0 10px 2em;
}

* html #content { margin-top: 40px; } /* IE6 Hack To Position the Content Column Below The Header */

img.right {
	float: right;
  margin: 10px;
}

#content h2 {
	color: #6e1971;
  font-size: 1em;
  margin-top: 15px;
}

#content p {
	text-align: justify;
  font-size: .7em;
  line-height: 2em;
  padding-top: 1em;
}

#content ul {
	margin-left: 20px;
  margin-top: 10px;
}

#content ul li {
	padding-top: .5em;
  font-size: .7em;
}

#content ul li a {
	color: #6e1971;
}

#content ul li a:hover {
	text-decoration: none;
}

/**********************
LOCATIONS PAGE
**********************/

#locations table p {
	line-height: 1em;
  padding: 0;
}

#locations table td {
	padding: .1em;
}

/**********************
FOOTER
**********************/
#footer {
	clear: both;
  height: 25px;
  margin-top: -25px;
  background: url(../images/global/footer_grad.jpg) repeat-x left bottom;
}



/* tool tip styles*/

/* Style spec's for tooltip  */
/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#f2e3f4; border:1px solid #60106c; 
  width:250px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
}
/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 { font-size:12px; color:#60106c; font-style:italic }
div.tp2 { font-weight:bolder; color:#60106c; padding-top:4px }