/* CSS Document */

/*
** HTML New Website Styles January 2013 - TKisha ///////////////////////////////////////////////////////
** Styles last modified 07 JAN 2013 ///////////////////////////////////////////////////////
*/

/* ////////////////////////////////////// GENERAL STYLES ////////////////////////////////////////////// */

body {
	background-color: #FFFFFF;
	background-image:url('http://www.wppbf.org/images/wppbf-thinblueline.jpg');
	background-repeat:repeat-x;
	margin: 0px;
}
body,td,th {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #343434;
}
#container {
	margin: 0 auto 0; 
	padding: 0 0 0 0;
	width: 1232px;
	background-color: transparent;
	vertical-align:top;
}	

	
/* ////////////////////////////////////// HEADER STYLES ////////////////////////////////////////////// */


#header {
	width: 1275px;
	height: 275px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom: 0px;
	background-color: transparent;
	/* background-image: url(/images/western-pa-police.png); */
	background-position:top;
	background-repeat: no-repeat;

}
#header img {
	margin-top: 0px;
	margin-bottom:0px;
	padding-top: 0px;
	padding-bottom:0px;
}


/* ////////////////////////////////////// LEFT NAV STYLES ////////////////////////////////////////////// */

#colNav {
	width: 225px; /*210px*/
	float:left;
	margin-top: 0px;
	margin-left: 80px;
	margin-right: 0px;
	padding-top:0px;
	padding-left: 0px;
	padding-right: 0px;
	vertical-align:top;
	clear:both;

}
#colNav a{
	font-weight: normal;
	color: #343434;
	text-decoration: none;
	text-align:left;
}
#colNav a:hover{
	font-weight: bold;
	color: #0b64c2;
	text-decoration: none;
}
#colNav a:active {
	font-weight: bold;
	color: #0b64c2;
	text-decoration: none;
}
.nav {
	padding-left:0;
	padding-right:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.2em;
}
.subnav {
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.2em;
}


/* ////////////////////////////////////// PAGE CONTENT STYLES ////////////////////////////////////////////// */

#colMain {
	width: 690px; 
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom: 0px;
	vertical-align:top;
	clear:none;
	float:left;
}	
#colRight {
	width:227px;
	margin-left:0px;
	margin-top: 0px;
	margin-right: 0px;
	padding-top:0px;
	padding-left: 0px;
	padding-right:0px;
	vertical-align:top;
	float:right;
	clear:none;
}
#colRight img {
	vertical-align:top;
	margin-top:0px;
	border:none;
}
.colRight {
	vertical-align:top;
	margin-top:0px;
	border:none;
}
.sidebar {
	padding-left:25px;
}
h1 {
	text-align:left;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:32px; /*24pt*/
	font-weight:normal;
	color:#0b64c2;
}
h2 {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color: #0b64c2;
	line-height: 1.4em;
	padding-top: 0px;
}
h3 {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color: #0b64c2;
	line-height: 1.4em;
	padding-top: 0px;
}
.introBlue {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color: #0b64c2;
	line-height: 1.4em;
}
.intro {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color: #343434;
	line-height: 1.4em;
}
p {
	line-height: 1.3em;
	margin-top:0px;
	padding-top: 0px;
	text-align:left;
	vertical-align:top;
}
ul li {
	padding-bottom:6px;
}
table {
	background-color:#FFFFFF;
	border: 0;
	vertical-align:top;
}
table tr {
	vertical-align:top;
}
table tr td h2, h3 {
	vertical-align:top;
	margin-top:0px;
	padding-top:0px;
}
.board {
	padding-top:11px;
}
table tr td p {
	padding-left:0px;
}
img.colMain {
	padding-top:20px;
}
a {
	color: #0b64c2;
	text-align:left;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a:hover{
	color: #343434;
}
















.pink {
	color: #E0004D;
}
.orange {
	color:#E35205;
}
.purple {
	color:#5C068C;
}
.green {
	color:#B5BD00;
}
.citrus {
	color:#F68D2E;
}
.aqua {
	color:#29B6BC; /* #2DCCD3; */
}
.white {
	color:#FFFFFF;
}
.footer {
	font-size:9px;
	margin-left:20px;
}
#features {
	width:100%;
	float:left;
	background-position: top right;
	background-repeat: no-repeat;
}
#features.services {
	background-color: #E0004D;
	background-image: url(http://www.adagiohealth.org/images/petalsMagenta.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
#features.nutrition {
	background-color: #5C068C;
	background-image: url(http://www.adagiohealth.org/images/petalsOrchid.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
#features.healthcare {
	background-color: #E35205;
	background-image: url(http://www.adagiohealth.org/images/petalsVermillion.jpg);
	background-position: top right;

	background-repeat: no-repeat;
}
#features.education {
	background-color: #B5BD00;
	background-image: url(http://www.adagiohealth.org/images/petalsGreen.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
#features.healthystart {
	background-color: #F68D2E;
	background-image: url(http://www.adagiohealth.org/images/petalsCitrus.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
#features.teens {
	background-color: #29B6BC; /* #2DCCD3; */
	background-image: url(http://www.adagiohealth.org/images/petalsAqua.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
#features.clear {
	background-color: #FFFFFF;
	background-position: top right;
	background-repeat: no-repeat;
}
#featuresleft {
	padding-left: 330px;
	width: 428px;
	float:left;
}
#featuresright {
	margin-top:40px;
	padding-left: 50px;
	padding-right: 0px;
	width: 460px;
	float: left;
}
#features a {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight:bold;
}
#features a:hover { 
	color: #000000;
	text-decoration: underline;
}

#features.clear a {
	color: #B5BD00;
	text-decoration: none;
	font-weight:bold;
}
#features.clear a:hover {
	color: #E0004D;
	text-decoration: none;
}

#rule {
	width:100%;
	float:left;
}



/* ////////////////////////////////////// FOOTER STYLES ////////////////////////////////////////////// */


#footer {
	width: 1232px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image:url(../images/wppbf-footer.jpg);
	background-repeat:repeat-x;
	background-color:transparent;
}
#footerleft {
	width: 463px;
	float:left;
	padding-top:25px;
	padding-left:80px;
}
#footercenter {
	padding-top:25px;
	padding-left: 0px;
	float: left;
}
.footer {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	margin-left:0px;
	padding-left:0px;
	margin-top: 0px;
	padding-top:0px;
}