/* Basic browser reset  */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, button, fieldset, legend, label, input, textarea, form, .hdl1, .hdl2, .hdl3   {
    margin: 0; padding: 0; border: 0;
}
html{font-size: 100%}/*keep ie happy*/
body {
	background: #ffffff;
	color: #000000;
	font: 75%/.9175em Arial, Helvetica, sans-serif;
	width: 6.5in;
}

/* containers */

#wrapper {
	background-color:#ffffff;
	border-top: 0em solid #006FB4;
	border-bottom: 0em solid #006FB4;
	margin-left: 40px;
	margin-right: 40px;
	padding: 0;
	position: absolute; 
	/* overflow-y: auto;*/ /* this only works with relative position */
	left: 0;
	text-align: left;
	width: 6.5in;
	z-index: 1;
	}
#header{
	background: none none no-repeat fixed top left;
/*	background-position: -999px 0; */
  padding-bottom: 0;  
	border-top: 0px solid #CCE3F7;
	}
		#header h2 a {
			text-indent: 0;
			background-image: none;
			}
			#header h2 a img {
				display: inline;
				border: none;
				}
		#header p {
			display: none;
			}
	
#breadcrumbs{
   	background: none;
	background-image: none;
	height: auto;
	border-bottom: 2px solid #006FB4;
	/* width: 6.5in; */
	padding-bottom: 2em;
	padding-right: 0;
	}
#content{
	background-color: #ffffff;
	position: relative;
	float: left;
	clear: both;
	left: -210px;
	margin-top: 0px; /* to make up for the way square images are cut. */
	/* overflow: hidden; */
	width: 6.5in;
	 }

#primary {
	border-right: 0px solid #cce3f7;
	display: inline;
	float: left;
	padding-top: 30px;
	}
	#bottomimage {
		display: none;
	}

#secondary {
/*	display: none; 
	visibility: hidden; */
	width: 0px;
	height: 0px; 
	overflow: hidden;
	z-index: 0;
	left: -999px;
}

#terciary {
	display: none; 
	visibility: hidden;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

h1, h2, h3, h4, h5, h6, .hdl1, .hdl2, .hdl3  {  color: #000000; }

#footer{
	border-right: 0px solid #cce3f7;
    clear: both;
	color: #0076BF;
	font-size: .9175em;
	padding: 10px 20px;
	position: relative;
	float: left;
	clear: both;
	width: 6.5in;
}
	#footer ul {
		display: none;
		}

a#brand{
	background: transparent url(../img/css/php_logo.gif) no-repeat fixed left;
    display: block;
	float: left;
	height: 65px;
	margin: 20px 0 0 48px;
	text-indent: -9999em;
	width: 264px;
	}
	* html a#brand 	{ margin: 20px 0 0 28px; }

#utility {
	display: none;
	}

	#breadcrumbs h3 {
	    display: inline;
		color: #000000;
		font-size: .9175em;
		font-weight: bold;
	}
/*
	#breadcrumbs ol {
	    display: inline;
		color: #000000;
		margin-left: 4px;
	}
	#breadcrumbs ol a {
	    display: inline;
		color: #000000;
		margin: 0 4px;
	}
*/
#primary h2, #primary .hdl2 {
    background: none;
	padding-left: 19px;
}


p span.body{
	display: block;
    margin-bottom: 1.5em;
	margin-right: 10px;
}

#primary div table{
    margin-right: 3.5%;
	width: 96%;
}



/*  home only */

.homepage #leader{
    background: #006fb4 url(../img/squares/hp_image_leader.jpg) 0 0 no-repeat;
	height: 125px;
	margin: 55px 48px 0 -48px;
	padding: 15px 15px 15px 175px;
	}
.homepage #leader h2, .homepage #leader p {
    color: #fff;
	}
.homepage #leader h2 {
    background-image: url(../img/css/bg_heading_square_w.gif);
	}

.homepage #leader a{color: #fff; }
.homepage #leader a:hover{text-decoration: underline; }

.homepage #intro h1{
	background: url(../img/css/h1_get_to_know_php.gif) 0 0 no-repeat  ;
	height: 56px;
	width: 406px;
	text-indent: -9999em;
	}
.homepage .maincontent{ /*lower right*/
	background: url(../img/squares/HP_image3.jpg) 0 2px no-repeat  ;
	float: left;
	padding: 222px 0 0 15px;
	width: 405px;
	}
.homepage .dp_column h3{
	font-weight: bold;
	}
/* .homepage #terciary h4{
	margin: .7em 1.5em;
	} */
div#featuredlocations, div#featuredmemberships {
	background-color: #cce3f7;
	padding: 15px 20px 15px 15px;
	}
div#featuredmemberships {
	background-color: #e0eefa;
	border-bottom: 2px solid #e7f4fe;
	}







          /*
--=.._/(        Randoms/dev utility styles      )\_..=--
    	  */


.accessibility{height: 0; left: -9999em;  line-height: 0; position: absolute; text-indent: -9999em; }
.column{
    float: left;
	width: 45%;
	margin-right: 2%;
	}
ul.nav {list-style-type: none;}



.hide {display: none;}
.left {float: left; margin: 10px 5px 10px 0;}
* html .left {margin-right: 0;}
.right {float: right;}
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}
.error, .red {color: red;}

.small {width: 25%;}
.medium {width: 48%;}
.large {width: 90%;}


/*these next two are set with more specificity to help override other styles.  */
body #wrapper .noborderplease {border:none;}
body #wrapper .borderplease {border-width: 1px; border-style: solid;}


.hdl4w {font-size: 100%;  color: #FFFFFF; font-weight: bold; margin: 1.675em 0 0 0 color:#FFFFFF }
.hdl3 {color: #000000; font-size: 1.35em; }
.hdl1 {color: #000000; font-size: 2.1em; }