BODY {
	BACKGROUND-COLOR: #ffffff; COLOR: #333333; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: normal
}
.title {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-WEIGHT: bold
}
.body_text {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal
}
TD {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal
}
DIV {
	COLOR: #333333; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: normal
}

A {
	COLOR: #333399; FONT-FAMILY: verdana, arial, Helvetica, sans-serif
}
A:visited {
	COLOR: #6666CC; FONT-FAMILY: verdana, arial, Helvetica, sans-serif
}
A:active {
	COLOR: #339933; FONT-FAMILY: verdana, arial, Helvetica, sans-serif
}
A:hover {
	COLOR: #339933; FONT-FAMILY: verdana, arial, Helvetica, sans-serif
}

/* The data table header links (non sorted column) have these properties*/
A.headerText {
	COLOR: #c3cff5; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: underline
}
A.headerText:visited {
	COLOR: #c3cff5; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: underline
}
A.headerText:active {
	COLOR: #339933; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: underline
}
A.headerText:hover {
	COLOR: #339933; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: underline
}

/* The column of the data table that is sorted takes these */
A.activeHeaderText {
	COLOR: #FFFF66; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.activeHeaderText:visited {
	COLOR: #FFFF66; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.activeHeaderText:active {
	COLOR: #FFFF66; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.activeHeaderText:hover {
	COLOR: #FFFF66; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: none
}


/* Instructions.  */
.extraLinks {
	COLOR: #333333; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; text-align: justify; line-height: 150%; FONT-SIZE: 10pt
}


/* The anchors need to be black.  */
A.anchorLink{
	COLOR: #333333; FONT-FAMILY: verdana, arial, Helvetica, sans-serif
}
A.anchorLink:visited {
	COLOR: #6666CC; FONT-FAMILY: verdana, arial, Helvetica, sans-serif
}
A.anchorLink:active {
	COLOR: #339933; FONT-FAMILY: verdana, arial, Helvetica, sans-serif
}
A.anchorLink:hover {
	COLOR: #339933; FONT-FAMILY: verdana, arial, Helvetica, sans-serif
}


B {
	FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold
}

.fixed {
	TABLE-LAYOUT: fixed
}


/* ---  ------------------------   Tennis Courts of Allegheny County - Unique Styles ---------------------------  ---  */

.subPageTitle {
	BACKGROUND-COLOR: #FFFFFF; COLOR: #333399; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 14pt; text-align: left
}
.controlsTitle {
	BACKGROUND-COLOR: #FFFFFF; COLOR: #333399; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 9pt; text-align: left
}

/*  ---  ------------------------   Header & Forms Styles  ---------------------------  ---  */

.searchButton { 
	font-size: 8pt;  FONT-FAMILY: verdana, arial, Helvetica, sans-serif; font-weight:bold; border: 1px solid #ffffff; background-color:#333399; color:#FFFFFF;
}

.listBox { 
	font-size: 9pt;  FONT-FAMILY: verdana, arial, Helvetica, sans-serif; background-color:#ffffff; color:#333399;
}



INPUT {
	FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-SIZE: 9px; FONT-WEIGHT: normal
}



/* ---  Table Elements  ---  */
.verticleBorder {
	BACKGROUND-COLOR: #333399
}
.transparentBorder {
	BACKGROUND-COLOR: #FFFFFF
}
.rowBackground {
	BACKGROUND-COLOR: #ffffff
}
.horizontalBorder {
	BACKGROUND-COLOR: #333399
}
.mapBackground {
	BACKGROUND-COLOR: #c3cff5
}
.mapHeaderLine {
	BACKGROUND-COLOR: #339933; COLOR: #FFFFFF; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 18pt
}
.mapHeaderBackground {
	BACKGROUND-COLOR: #333399; COLOR: #FFFFFF; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 18pt
}
.mapSubHeaderBackground {
	BACKGROUND-COLOR: #333399; COLOR: #FFFFFF; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold
}
.headerBackground {
	BACKGROUND-COLOR: #333399
}
.dataBold {
	COLOR: #FFFFFF; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold
}
.dataNormal {
	COLOR: #333333; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: normal
}

/* Home Page links */
.homePageText {
	BACKGROUND-COLOR: #FFFFFF; COLOR: #333333; FONT-FAMILY: verdana, arial, Helvetica, sans-serif;; FONT-SIZE: 10pt; line-height: 1.3; text-align: justify
}

/* Sub Pages -- Individual Court Pages */
.metaDataLabels {
	BACKGROUND-COLOR: #FFFFFF; COLOR: #333399; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 9pt; text-align: left
}
.metaData {
	BACKGROUND-COLOR: #FFFFFF; COLOR: #333399; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-SIZE: 9pt; text-align: left; line-height: 120%; 
}
.columnSortOrder {
	COLOR: #333333; FONT-FAMILY: verdana, arial, Helvetica, sans-serif;
}
.tableHeaderBackground {
	BACKGROUND-COLOR: #333399; COLOR: #FFFFFF; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold
}
.tableSortHeaderBackground {
	BACKGROUND-COLOR: #333399; COLOR: #FFFFFF; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; FONT-WEIGHT: bold
}


/* Site Story  */
.storyRow {
	text-align: left
}

.storyBodyText {
	COLOR: #333333; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; text-align: left; line-height: 150%: FONT-WEIGHT: normal
}





/* Dynamic Menus -- ypSlideOutMenu */
.whitelink {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: white; LINE-HEIGHT: 12px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans serif; LETTER-SPACING: 1px; TEXT-DECORATION: none
}
.whitelink A {
	FONT-WEIGHT: normal; COLOR: white; TEXT-DECORATION: none
}
.whitelink A:link {
	FONT-WEIGHT: normal; COLOR: white; TEXT-DECORATION: none
}
.whitelink A:visited {
	FONT-WEIGHT: normal; COLOR: white; TEXT-DECORATION: none
}
.whitelink A:hover {
	FONT-WEIGHT: normal; COLOR: #ffff33; TEXT-DECORATION: none
}
#menubar {
	PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; PADDING-TOP: 2px; FONT-FAMILY: Verdana, Geneva, Helvetica, Arial, sans-serif
}
#menubar A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Geneva, Helvetica, Arial, sans-serif; LETTER-SPACING: 1px; TEXT-DECORATION: none
}
#menubar A:visited {
	PADDING-RIGHT: 5px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Geneva, Helvetica, Arial, sans-serif; TEXT-DECORATION: none
}
#menubar A:hover {
	COLOR: #ffff33
}
#menubar A.active {
	BORDER-LEFT-COLOR: #ffffff; BORDER-BOTTOM-COLOR: #ccc599; BORDER-TOP-COLOR: #ffffff; BORDER-RIGHT-COLOR: #ccc599
}
.menu .options {
	BORDER-RIGHT: #003366 1px solid; BORDER-TOP: #3333bb 1px solid; FONT-SIZE: 10px; MARGIN-BOTTOM: 1px; BORDER-LEFT: #9999FF 1px solid; COLOR: #ffffff; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #003366 1px solid; FONT-FAMILY: Verdana, Geneva, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #3333bb
}
.menu A {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; COLOR: #ffffff; PADDING-TOP: 2px; FONT-FAMILY: Verdana, Geneva, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
.menu A:hover {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Geneva, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #3366cc; TEXT-DECORATION: none
}
.menu A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.menu A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}