/* Start of CMSMS style sheet 'HOME WTP' */
/*
-----------------------------------------------------------------------------
RESET
-----------------------------------------------------------------------------
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, embed, object
{
	margin:0;
	padding:0;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
}

h1, h2, h3, h4, h5, h6, strong
{
	font-style:normal;
 	font-weight: bold;
}


/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Arial, Verdana, Helvetica, sans-serif ;
   font-size: 75.01%;

   background:url(uploads/main/bkgrnd.gif) repeat-x top left #9ebedc;
   color:#151515;
padding:0;margin:0;
}
#master-container
{
	margin:0px;
	padding:0px;

}

#header-container h1
{
display:block;
	width:210px;
}

a#logo
{
	display:block;
	width:210px;
	height:94px;
	background:url(uploads/logos/welcome-logo.gif) bottom left no-repeat;
	text-indent:-5000px;
	margin:8px 0px 5px 12px;
	padding:8px 0px 0px 0px;
	
}

#header-container
{
	width:983px;
	
	 line-height: 1.5em;
	margin:0 auto;
	padding:0;
position:relative;
}


#leaderboard
{
position:absolute; top:8px; left: 245px;
 width:728px;
height:90px;
border:1px solid black;
}

a#logo:hover
{
	background-position:left 8px;
}

#container
{
	width:983px;
	margin:0 auto;
	background:url(uploads/main/bckgrnd-shadow.png) repeat ;
	

	
}

#content-container
{
	width:975px;
	margin:0 auto;
	   line-height: 1.5em;
	position:relative;

}

.heading
{
	width:960px;
	height:34px;
	padding:13px 0 5px 15px;
margin:0px;
	
}

.hdng-communities
{
	background:url(../images/headers/communities.gif) no-repeat top left ;
}

.hdng-life
{
	background:url(../images/headers/life.gif) no-repeat top left ;
}

.hdng-business
{
	background:url(../images/headers/biz.gif) no-repeat top left ;
}

.hdng-transportation
{
	background:url(../images/headers/trans.gif) no-repeat top left ;
}

.hdng-education
{
	background:url(../images/headers/edu.gif) no-repeat top left ;
}

.hdng-seniors
{
	background:url(../images/headers/senior.gif) no-repeat top left ;
}

.hdng-resources, .hdng-about
{
	background:url(../images/headers/facts.gif) no-repeat top left ;
}
.hdng-medical-health
{
	background:url(../images/headers/health.gif) no-repeat top left ;
}

.hdng-child-care
{
	background:url(../images/headers/child.gif) no-repeat top left ;
}

.hdng-communities h2
{
	color:#FFFFFF;
}

#left-col
{
width:220px;
float:left;
padding:0px 8px 0px 8px; 
margin:0px;
}

#local-nav
{
	width:220px;
	padding:0px;
	font: 85% Arial, Helvetica, sans-serif;
	font-weight:bold;
margin:0;

}



a#gpcc-under
{
	
	height:80px;
	background:url(images/wgp/images/logos/gpcc-under-lnav.gif) top left no-repeat;
	display:block;
	text-indent:-5000px;
	padding:25px 0px;
}

a:hover#gpcc-under
{
background-position: 0 -149px ;
}

a#select-under
{
	
	height:25px;
	background:url(images/wgp/images/logos/select-under-lnav.gif) top left no-repeat;
	display:block;
	text-indent:-5000px;
	padding:25px 0px;
}

a:hover#select-under
{
background-position: 0 -107px ;
}

#rt-col
{
	float:left;
	width:739px;
}

.headings
{
	border-bottom:1px solid black;
	padding:5px 0;
margin:0 0 10px 0;
}

#content
{
	width:511px;	
/*	border-right:1px solid #d0d0d0; */
	padding: 0 10px 0 5px;
float:left;
margin:0;
overflow:hidden;
font-size:1.1em; line-height:1.2em;
}

#resources-col
{
	width:200px;
	float:left;
	font-size:88%;
	line-height:1.2em;
	margin:0;
	padding:0;
}

#lphoto
{
padding:0px;
margin:0 0 10px 0px;
height:200px;
}

.content-image
{
	float:left;
	padding:0 10px 0px 0;
}

#resources-top
{
		background:url(../images/communities/resources.gif) top left no-repeat;
		width:200px;
		height:15px;
		display:block;
}

#resources-btm
{
		background:url(../images/communities/resources.gif) bottom left no-repeat;
		width:200px;
		height:15px;
		display:block;
		margin:0 0 15px 0;
}

#resources-content
{
padding: 0 8px ;
	background:url(../images/communities/resources-mid.gif) repeat-y bottom left; 

}

#resources-content p
{
padding:10px 0 0 0;
margin:0 ;
}

.order
{
	padding:0 0 10px 0;
	display:block;
	width:200px;
	height:100px;
}

ul.nav-communities li
{
	list-style:none;
/*	display:block; */
}

ul.nav-communities li a
{
	height:25px;
	width:212px;
	
	background:url(../images/nav/nav-com.gif) bottom left no-repeat;
	padding:0 0 0 8px;
	margin: 0;
	color:#003366;
	display:block;
	
}

ul.nav-communities li a:hover
{
	background-position:top left;
	color:#FFFFFF;
}

#under-lnav
{
	background:url(../images/nav/uder-lnav.gif) bottom left;
	width:220px;
	padding: 0px;
	margin:0 0 0 0px;
		
}

#under-lnav p
{
	margin:0px;
}

#search
{

padding:10px 10px 25px 10px;

}
#search form input[type="submit"]
{
display:block;
}

#search form input
{
float:left;
}

.lcol-top
{
	width:220px;
	padding:4px 0 0 0;
	margin:10px 0;
	background:url(images/wgp/images/nav/uder-lnav.gif) top left no-repeat;

}

.lcol-btm
{
	width:220px;
	background:url(images/wgp/images/nav/uder-lnav.gif) bottom left no-repeat;
	text-align:center;
	padding:14px 0 14px 0;
	
}

.banner
{
background:transparent url(images/wgp/images/banners/468x60bkgrnd.gif) no-repeat scroll 16px 10px;
padding:18px 24px 18px 24px;
overflow:hidden;
height:61px;
width:468px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.resource-ss
{
	margin:20px;
	width:160px;
	display:block;
	border:1px solid #cccccc;
height:600px;
width:160px;

}

#footer-container
{
	width:983px;
	
	margin:0 auto;
	position:relative;
	
}

#footer
{
		background:url(images/main/footer.gif) 1px 0 no-repeat;
		display:block;
		height:47px;
	width:983px;
		

}

#footer ul
{
	height: 27px;
	padding:10px 0px;
	list-style:none;
}

#footer ul li
{
	float:left;
	padding: 0 15px ;
}

#footer ul li a
{
	color:#ffffff;
}


#footer ul li a:hover
{
	color:#FFCC00;
}

#footer ul li.last
{
	background:none;
}

#footer ul li.top
{
float:right;
display:block;
}

#footer-nav ul
{
padding:0;
}

#footer-nav p
{
padding:0px 0px 0px 15px;
margin:0;
}


#lphoto
{
padding:0px;
margin:0 0 10px 0px;
height:auto;
}

.body-sub-nav li
{
	list-style:none;
}
#content ul
{
padding:5px 0 10px 0;
}

#content ul, #content-chart ul
{
margin:0 0 15px 15px;
padding:0 0 0 15px;
}

.fields
{
	behavior: url('http://welcometophila.com/scripts/IEFixes.htc');
}
  
.fields:active, fields.active 
{
  	background-color:#ffffcc;
}

.fields:hover, .fields.hover
{
  	background-color:#ffffcc;
}

label
{
	font-weight:bold;
}

.comment-table
{
	border:1px solid #382e1c;width:500px;
	padding:0 0 0 20px;
}

#content td
{
	padding:10px 20px 10px 20px;
	vertical-align:top;
	margin:10px 0 0 0;
}

table.fill td, table.fill td table td
{
padding:0px;
margin:0px;
}

#recaptcha_table
{
background-color:#fff;
}

.txt-filed
{
width:320px;
padding:2px;
font-size:100%;
}

 .required
{
	font-size: 12px !important;
	color: red !important;
background:none;
border:none;
display:inline;
float:none;}
table.charts {width:705px;}
table.charts th	{padding:5px;width:81px; border-collapse:collapse;
border:solid #000000 1px; background-color:#336600;color:#fff;}
table.charts td {padding:5px; border-collapse:collapse; text-align:center;border:solid #000000 1px;}

#content-chart
{
width:717px;
padding: 0 10px 15px 5px;
float:left;
margin:0;
}
table.cccf tr td, table.cccf tr th
{
font-size:9px;
}

.clear {
  display: block;
  clear: both;
  font-size: 1px;
}




.breadcrumbs
{

border-bottom:1px solid #cccccc;

display:block;

margin:0 0 10px 0px;

width:506px;	

padding: 8px 10px 8px 5px;
}

#resources-content h3
{
padding:12px 0 0 0;
border-bottom:1px solid black;
}

/*
set font size for all divs,
this overrides some body rules

div {
   font-size: 1em;
}*/

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
  /* color: #18507C; */
color:#B60C06
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  /* color: #18507C; */
color:#B60C06            /* a different color can be used for visited links */
}


/* remove underline on hover and change color
a:hover {
   text-decoration: none;
   background-color: #C3D4DF;
   color: #840000;
} */

/*****************
basic layout 
*****************/
#pagewrapper
{

width:100%;
position:relative;
margin:0 auto;
}

/* center wrapper, min max width */
/* div#pagewrapper {*/
/*    border: 1px solid #840000;*/
 /*   margin: 0 auto; */   /* this centers wrapper */
 /*   max-width: 95em; */ /* IE wont understand these, so we will use javascript magick */
/*    min-width: 60em;*/
/*    background-color: #fff;;*/
/*    color: black;*/
/* }*/


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   height: 116px; /* adjust according your image size */
   background: #fff;           
}

div#header h1 a {
/* you can set your own image here */
   background: #840000 url(uploads/Clean_Maroon/logo.gif) no-repeat 0 1px; 
   display: block; 
   height: 116px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

/*div#search {
   float: right;
   width: 23em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
} */

div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}



div#main {
   margin-left: 1%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 2%; /* and some air on the right */
}


div#sidebar {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 1%;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   padding: 0 1%;
   width: 1%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}


/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}




/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}

div#content h3 {
   color: #840000; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 1em 0 0.5em 0;
padding:10px 0 3px 0;
}
div#content h4 {
   color: #840000; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px clear #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}

#wow_box
{
margin:0;
margin: 0 20px 0 20px;
text-align:left;background-color:#ffffff;
}



}
/* END LISTS */
/* End of 'HOME WTP' */