/* CSS Document */

body {
	margin-top: 0px;
	margin-left: 0px;
	background: #01274E;
}
p { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #000000;	
	padding-left: 10px; 
	padding-right: 10px; 
}
.paraText {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
ol { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #000000;	
}
.bulletList {
	margin-top: 0px; 
	list-style-type: disc; 
	color: #D5E5F5;
	font-size: 16px;	
}
.searchField {
	width: 209px;
	font-size: 10px;
}
.bodyText {
	font-size: 15px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
a.bodyText {
	color: #333333;
	border: 0px;
}
a.calaText {
	color: #333333;
	border: 0px;
	font-size: 14px;
	text-decoration: none;
}
.calDate {
	color: 336699;
	font-weight: bold;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
}
.calaDetails {
	border: 0px;
	font-size: 12px;
	text-decoration: none;
}
.drop {
	vertical-align:bottom;
}
.disclaimer {
	font-size: 10px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	vertical-align:bottom;
}
.subHdrText {
	font-size: 15px;
	font-weight: 600;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
}
.subtleText {
	font-size: 16px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}
.mapBorder {
	border: 2px solid #333333; 
}
.footerBold {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: middle;
	background-image: url(images/tp_bg.gif);
}
.footerLinks {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0066CC;
	font-weight: 600;
	line-height: 12px;
}
a.footerLinks {
	color: #0066CC;
}
a.footerLinks:hover {
	color: #0099FF;
}
.hRuleFooter {
	border-top: 2px solid #333333;
	border-right: 0px; 
	border-left: 0px;
	border-bottom: 0px;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC6600;
}
.notation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #01274E; 
}
.navLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC00;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}
.navSubLinks {
	font-family: "Arial Rounded MT Bold";
	color: #0156C3;
	font-size: 18px;
}
a.navSubLinks:hover {
	color: #FF9900;
}
.subNavLinks {
	font-family: "Arial Rounded MT Bold";
	color: #0156C3;
	font-size: 18px;
	padding: 4px;
	line-height: 125%;
}
a.subNavLinks {
	font-family: "Arial Rounded MT Bold";
	color: #0156C3;
	font-size: 18px;
	text-decoration: none;
}
a.subNavLinks:hover {
	color: #FF9900;
}

#dhtmltooltip{
	position: absolute;
	border: 1px solid #333333;
	padding: 2px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	visibility: hidden;
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.show {
	display: block; 
	visibility: visible; 
}
.hide {
	display: none;
	visibility: hidden;  
}

.centerText {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: 600;
	color: #131311;
}
a.centerText {
	color: #131311;
}
a.greyLink {
	color: #131311;
	line-height: 150%; 
}
a.navyLink {
	color: #01274E; 
	padding: 6px;
}
a.navyLink: hover {
	color: #4B93D0; 
}
.subText {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #131311;
}
.followText {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #131311;
}
.searchTitle {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: 600;
	color: #000000;
	margin-bottom: 2px;
	margin-top: 6px;
}
.searchText {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 11px; 
	color: #26272C;
}
td.searchText {
	text-align: left; 
}
.searchInput {
	font-size: 11px; 
	border: 1px solid #26272C;
	width: 60px; 
}
.searchCheckbox {
	border: 1px solid #26272C;
}
.searchTable {
	width: 150px; 
	height: 250px;
	border: 1px solid #EEEEEE; 
}
.searchOptions {
	padding: 2px;
	line-height: 110%; 
	text-align: left;
}
p.searchOptions {
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: left;
}
.title {
	text-align: right; 
	padding-top: 10px; 
	padding-bottom: -10px; 
	top: 0px; 
}
.bodyLink {
	color: #2F7CCA; 
	vertical-align: bottom; 
}
.bodyLink:hover {
	color: #01274E;
}
/*
.citySeal {
	position: absolute;
	left: auto; 
	right: auto; 
	width: 100%; 
	height: 195px; 
	vertical-align: middle; 
	text-align: center; 
	z-index: 200;
}
*/

.parkImage {
	border: solid 2px #CCCCCC; 
}

.contactInfo {
	margin-top: 4px; 
	margin-bottom: 4px; 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000; 
}

.subheader { 	
	font-size: 12px; 
	color: #339900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin-top: 12px;
}

/* start of dropdown classes 
///////////////////////////////////////////////////////////////////////////////////////////////// */

  .navLinks {
	padding:0px; 
	color: #0061CE; 
	text-decoration:none; 
	text-align: center;
	width: inherit;
	height: inherit; 
  }
  a.navLinks:active {
	color: #fffff; 
	text-decoration:none; 
  }
  a.navLinks:visited {
	color: #0061CE;
	text-decoration: none; 
  }
  a.navLinks:hover {
	color: #ffffff; 
	text-decoration:none; 
  }
  a.underline {
    display: block; 
	padding: 5px; 
	color: #0065CE;
	text-decoration: none; 
	background: #E8F3FD; 
  }
  a.underline:active {
	color: #333; 
  }
  a.underline:hover {
    background: #d9e1e4; 
	color: #666666;
  }
  .dropdown {
    float:left;
	margin: 0px; 
	padding: 0px;
  }
  .dropdown dt {
	/*border:2px solid #7AABCC;*/ 
	border-bottom: none; 
	padding-top:3px; 
	padding-bottom:3px; 
	padding-left:8px; 
	padding-right:8px;
	cursor:pointer; 
	text-align: center;
  }  
  
  /* add 7px to actual size of type */
  .home {
    width: 56px; 
	background: url(images/dividerNav.jpg) right no-repeat; 
  }
  .home: hover {
  	color: #FFFFFF; 
  }	
  .programs {
    width: 91px; 
	background: url(images/dividerNav.jpg) right no-repeat; 
  }
  .athletics {
    width: 79px; 
	background: url(images/dividerNav.jpg) right no-repeat; 
  }
  .program {
    width: 194px; 
	background: url(images/dividerNav.jpg) right no-repeat; 
  }
  .permits {
    width: 162px; 
	background: url(images/dividerNav.jpg) right no-repeat; 
  }
  .calendarLink {
    width: 85px; 
	background: url(images/dividerNav.jpg) right no-repeat; 
  }  
  .contact {
    width: 100px; 
  }  
  .centers {
	width: 177px; 
	background: url(images/dividerNav.jpg) right no-repeat; 	
  }
  .parks {
	width: 55px; 
	background: url(images/dividerNav.jpg) right no-repeat; 	
  }
  .parksA {
	width: 189px; 
	background: url(images/dividerNav.jpg) right no-repeat; 	
  }
  .parksJ {
	width: 187px; 
	background: url(images/dividerNav.jpg) right no-repeat; 	
  }
  .aquatics {
	width: 79px; 
	background: url(images/dividerNav.jpg) right no-repeat; 	
  }
  .parksR {
	width: 188px; 
	background: url(images/dividerNav.jpg) right no-repeat; 	
  }
  .youth {
	width: 257px; 	
	background: url(images/dividerNav.jpg) right no-repeat; 	
  } 
  .skate {
	width: 101px; 	
	background: url(images/dividerNav.jpg) right no-repeat; 	
  } 
  .how {
	width: 97px; 	
  }  
  
  .subCenters {
	width: 193px; 
  }
  .subParks {
	width: 71px; 
  }  
  .subParksA {
	width: 205px; 
  }
  .subParksJ {
	width: 203px; 
  }
  .subParksR {
	width: 204px; 
  }
  .subHow{
	width: 103px; 
  }
  
  .dropdown dt:hover {
    background: none #0065CE;
	/*border:2px solid #0065CE;*/ 
	border-bottom: none; 
	color: #ffffff;	
  }
  .dropdown dd {
    position: absolute; 
	overflow: hidden; 
	display: none; 
	background: #fff; 
	z-index: 200; 
	opacity: 0;
	margin-left: 0px; 
	padding: 0px; 
  }
  .dropdown div {
	border:2px solid #0065CE;
	margin: 0px; 
	padding: 0px; 
  }
  .dropdown p {
	margin: 0px;
	padding: 0px; 
	text-align: left; 
  }
  .dropdown .underline {
	padding:5px; 
    border-bottom:1px solid #b9d6dc;
	color: #0065CE;
	text-decoration: none;
	font-weight: normal;
  }

/* end of dropdown classes 
///////////////////////////////////////////////////////////////////////////////////////////////// */

a.navText {
	padding-top: 1px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold;
	vertical-align: middle;  
	color: #0568CD; 
	height: 36px; 
}

/* start of iframe (General Information) classes ///////////////////////////////////////////////////////////////////////////////////////////////// */

p.title {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 16px; 
	color: #000000;
	margin-bottom: 2px;
	margin-top: 6px;
	text-align: left; 
	padding-top: 0px; 
	padding-bottom: 0px; 
}
.blueTitle {
	padding-left: 6px;
	padding-right: 6px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #000000;
	font-size: 13px; 
	background-color: #D5E5F5;
	line-height: 150%;
}
.blue {
	border: 1px solid #5898DA;
}
.orangeTitle {
	padding-left: 6px;
	padding-right: 6px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #000000;
	font-size: 13px; 
	background-color: #FEE7C2;
	line-height: 150%;
}
.orange {
	border: 1px solid #F7941D;
}

table.gray {
	border: 1px solid #EAE7E2;
	padding: 6px; 
	line-height: 150%; 
}
table.plain {
	border-top: 1px solid #EAE7E2;
	border-left: 1px solid #EAE7E2;
	padding-left: 0px;
	color: #302F34;
}
.gray {
	padding: 6px;
	background-color: #F8F8F6;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000000;
	height: 16px;
}
a.gray {
	padding: 0px;
	border: 0px; 
	color: #000000; 
}
.info {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	border-bottom: 1px solid #EAE7E2;
	height: 21px;
}
.infoa {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	border-bottom: 1px solid #EAE7E2;
	border-right: 1px solid #EAE7E2;
	height: 21px;
	text-indent: 6px; 
}
.infob {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	border-bottom: 1px solid #EAE7E2;
	height: 21px;
	text-indent: 6px; 
}
.info a {
	color: #2F7CCA; 
	vertical-align: bottom; 
}
.infoa a:hover {
	color: #01274E;
}
.infoa a {
	line-height: 200%; 
	color: #2F7CCA; 
	vertical-align: bottom; 
}
.infoa a:hover {
	color: #01274E;
}
.infob a {
	line-height: 200%; 
	color: #2F7CCA; 
	vertical-align: bottom; 
}
.infob a:hover {
	color: #01274E;
}
/* end of iframe classes ///////////////////////////////////////////////////////////////////////////////////////////////// */
a.amenities {
	line-height: 200%; 
	color: #2F7CCA; 
	vertical-align: middle; 
}
.grayTitle {
	height: 47px;
	font-weight: bold;
	color: #8E7747; 
	background-color: #F8F8F4;
	line-height: 150%;
}
.graySubTitle {
	font-weight: bold;
	color: #8E7747; 
	background-color: #F8F8F4;
}
table.blueListing {
	background-color: #D5E5F5; 
	border-right: 0px solid #EAE7E2;
	border-left: 0px solid #EAE7E2;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
}
table.purpleListing {
	background-color: #E2C4E2; 
	border-right: 0px solid #EAE7E2;
	border-left: 0px solid #EAE7E2;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
}
td.purpleListing {
	padding-left: 6px;
	padding-right: 6px; 
	height: 21px;
}
td.blueListing {
	padding-left: 6px;
	padding-right: 6px; 
	height: 21px;
}
table.whiteListing {
	background-color: #ffffff;
	border: 1px solid #EAE7E2;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
}
td.whiteListing {
	padding-left: 6px;
	padding-right: 6px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	height: 21px;
}
.centerPage {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 200%; 
	color: #2F7CCA; 
	font-weight: bold; 
	vertical-align: bottom; 
	text-decoration: none; 
	border: 1px solid #999999;  
	padding: 2px; 
}
.centerPage:hover {
	background-color: #CCCCCC; 
}
.centerPageSelected {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 200%; 
	color: #2F7CCA; 
	font-weight: bold; 
	vertical-align: bottom; 
	text-decoration: none; 
	border: 1px solid #999999;  
	padding: 2px; 
	background-color: #D5E5F5; 
}
a.sitemap {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	line-height: 200%; 
	color: #000000;  
}
.blueDivider {
	border-top: 0px;
	border-top: solid 1px #A4D1E8;
	border-left: 0px; 
	border-right: 0px; 
	margin-top: 12px;
	margin-bottom: 4px;
}
.greenTable {
	border: 1px solid #12A54A;
	background-color: #C5F9D8;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
}
.orangeTable {
	border: 1px solid #F7941D;
	background-color: #FEE7C2;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
}
.searchField {
	border: inset 1px #6699FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	width: 100px; 
	color: #666666;
}
.searchButton {
	background: url(images/bg.jpg);
	border: outset 1px #6699FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666666;
	font-weight: 700;
}
p.closer {
	margin-top: -10px; 
}