/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	}

h1 {
	font-size: 16px;
	}

h1 a, h1 a:hover {text-decoration:none;}

h2 {
	font-size: 14px;
	}

h3 {
	font-size: 12px;
	}

h4 {
	font-size: 11px;
	}

p {
	margin-top: 6px;
	font-size: 12px;
	}

#maincontainer {
width: 1003px;
border: 1px solid #000;
margin-left:auto; 
margin-right:auto;
}

#pageheader {
position: relative;
height: 165px;
background: #f1f1f1 url(http://media.philly.com/designimages/header_philly_bg.gif) top left repeat-x;
}

#navholder {
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
}

#logophilly, #logoinq, #logophilly_monster {
position: absolute;
top: 21px;
left: 27px;
}

#logodn {
position: absolute;
top: 0;
left: 0;
}

#headerbanner {
position: absolute;
top: 29px;
right: 6px;
}

#weather {
text-align:left;
width: 215px;
height:77px;
position: absolute;
top: 20px;
right: 235px;
font:10px verdana,arial,helvetica,sans-serif;
}

.traffic {
border-top:1px solid #eee;
margin-top:5px;
padding-top:5px;
text-align:center;
}


.searchbar_h, .searchbar_hh {
font: 12px Arial, Helvetica, sans-serif;
height: 29px;
background:url(http://media.philly.com/designimages/searchbar_h_bg.gif) repeat-x;
padding: 0 8px;
border-top: 1px solid #959595;
display: block;
}

.searchbar_h form, .searchbar_hh form {
display: inline;
float: left;
}

.searchbar_h input , .searchbar_hh input{
margin-top: 3px;
}

.searchbar_h input.keyword {
width: 206px;
}

.searchbar_h select, .searchbar_hh select {
width: 116px;
}

.searchbar_h .searchbutton,.searchbar_hh .searchbutton {
margin-top: 4px;
}

.searchbar_h ul {
list-style: none;
padding: 6px 0;
margin:  0;
float: left;
}

.searchbar_h a:link, .searchbar_h a:active, .searchbar_h a:visited, .searchbar_h a:hover, .searchbar_hh a:link, .searchbar_hh a:active, .searchbar_hh a:visited, .searchbar_hh a:hover  {
color: #000;
}

.searchbar_h ul.subscriber {
padding-left: 1px;
}

.searchbar_h ul.register {
float: none;
}

.searchbar_h li {
display: inline;
margin: 0;
padding: 0;
}


/* ------------------------------------------------------------------------- 
                    PHILLY NAVIGATION SYSTEM v 1.0
---------------------------------------------------------------------------- */


/* Main (tab) Navigation
---------------------------------------------------------------------------- */

/*  global navigation menu */
#navcontainer {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	width: 1003px;
	background: transparent url(http://media.philly.com/designimages/bg_tabcontainer.gif) repeat-x 0 0;
	position: relative;
	height: 57px; /* <- important: height= topnav height + subnav height + borders
	 */
	}

/* ie box model hack (old doctype) 
*html #navcontainer {
	}*/

#navcontainer a {
	}

/* main nav bar */
#p7TBM {
	/*background: transparent url(http://media.philly.com/designimages/flyover_bg_tabs_main.gif) repeat-x 0 0px;*/
	}

/* main navigation */
#p7TBMroot {
	background-color: transparent;
	border: none;
	font-size: 11px;
	padding-left: 10px;
	}

/* "rootbox" container */
#p7TBMrootbox {
	background-color: transparent;
	}

#p7TBMroot ul {
	background-color: transparent;
	margin: 0;
	padding: 0;
	}

#p7TBMroot li {
	list-style-type: none;
	display: inline;
	}

#p7TBMroot li a {
	float: left;
}

#p7TBMroot .p7TBMtext li.first a {
	}


/* CLASSIFIED NAV - similar to .p7TBMtext */
.classifiedsnav {
	position: absolute;
	top: 0;
	right: 6px;
	font-family: Arial, Helvetica, sans-serif;
	}


#p7TBMroot .p7TBMtext li a,
#p7TBMroot .classifiedsnav li a {
	text-decoration: none;
	padding: 0;
	height: 30px; /*<- establishes height. Note - not always necessary - works with padding on spans below */
	background: transparent url( http://media.philly.com/designimages/bg_right_both.gif) no-repeat right top;
	outline: none;
	}
	
#p7TBMroot .p7TBMtext li.philly a,
#p7TBMroot .p7TBMtext li.inquirer a,
#p7TBMroot .p7TBMtext li.dailynews a
{
	padding: 0;
	height: 34px; /*<- establishes height. Note - not always necessary - works with padding on spans below */
	background: transparent url( http://media.philly.com/designimages/big_right_both.gif) no-repeat right top;
	}	
	
#p7TBMroot .p7TBMtext li a,
#p7TBMroot .classifiedsnav li a {
	text-decoration: none;
	padding: 0;
	height: 34px; /*<- establishes height. Note - not always necessary - works with padding on spans below */
	background: transparent url( http://media.philly.com/designimages/bg_right_both.gif) no-repeat right top;
	}
	

#p7TBMroot .p7TBMtext li a span,
#p7TBMroot .classifiedsnav li a span {
	padding: 12px 4px 8px 4px;/*<- This establishes the height of the main nav. NOTE - update in 3 places */
	display: block;
	color: #313131;
	background: transparent url(http://media.philly.com/designimages/bg_left_both.gif) no-repeat left top;
	}

#p7TBMroot .p7TBMtext li.philly a span {
	padding: 8px 6px;/*<- This establishes the height of the main nav. NOTE - update in 3 places */
	background: transparent url(http://media.philly.com/designimages/big_left_both_first.gif) no-repeat left top;
	font-weight:bold;
	}
	
#p7TBMroot .p7TBMtext li.inquirer a span,
#p7TBMroot .p7TBMtext li.dailynews a span  {
	padding: 8px 6px;/*<- This establishes the height of the main nav. NOTE - update in 3 places */
	background: transparent url(http://media.philly.com/designimages/big_left_both.gif) no-repeat left top;
	font-weight:bold;
	}

	
	
#p7TBMroot .classifiedsnav li.first a span {
	background: transparent url(http://media.philly.com/designimages/bg_left_both_first.gif) no-repeat left top;
	}	

#p7TBMroot .classifiedsnav li a {
	background: transparent url(  http://media.philly.com/designimages/bg_right_both.gif) no-repeat right top;
	color: #313131;
	}

#p7TBMroot .classifiedsnav li a span {
	background: transparent url( http://media.philly.com/designimages/bg_left_both.gif) no-repeat left top;
	color: #313131;
	}

/* --- Selected/Active State NOTE: this class gets added to the <a> tag "on-the-fly"--- */
#p7TBMroot .p7TBMtext .p7TBMdown, 
#p7TBMroot .p7TBMtext .p7TBMdown:hover,
#p7TBMroot .classifiedsnav .p7TBMdown, 
#p7TBMroot .classifiedsnav .p7TBMdown:hover {
	color: #313131!important;
	background-color: transparent!important;
	padding: 0;
	background: transparent url( http://media.philly.com/designimages/active_right_both.gif) no-repeat right top;
	}


#p7TBMroot .p7TBMtext li.philly .p7TBMdown, 
#p7TBMroot .p7TBMtext li.philly .p7TBMdown:hover {
	background: transparent url( http://media.philly.com/designimages/philly_active_right_both.gif) no-repeat right top;
	}	
	
#p7TBMroot .p7TBMtext li.inquirer .p7TBMdown, 
#p7TBMroot .p7TBMtext li.inquirer .p7TBMdown:hover{
	background: transparent url( http://media.philly.com/designimages/inq_active_right_both.gif) no-repeat right top;
	}
	
#p7TBMroot .p7TBMtext li.dailynews .p7TBMdown, 
#p7TBMroot .p7TBMtext li.dailynews .p7TBMdown:hover {
	background: transparent url( http://media.philly.com/designimages/daily_active_right_both.gif) no-repeat right top;
	}		


.p7TBMtext {font-family: Arial, Helvetica, sans-serif;}


#p7TBMroot .p7TBMtext .p7TBMdown span, 
#p7TBMroot .p7TBMtext .p7TBMdown:hover span,
#p7TBMroot .classifiedsnav .p7TBMdown span, 
#p7TBMroot .classifiedsnav .p7TBMdown:hover span {
	padding: 12px 4px 8px 4px;/*<- This establishes the height of the nav container. NOTE - update in 3 places */
	display: block;
	color: #313131;
	background: transparent url( http://media.philly.com/designimages/active_left_both.gif) no-repeat left top;
	}
	
#p7TBMroot .p7TBMtext li.philly .p7TBMdown span, 
#p7TBMroot .p7TBMtext li.philly .p7TBMdown:hover span {
	padding: 8px 6px;/*<- This establishes the height of the nav container. NOTE - update in 3 places */
	color: #313131;
	background: transparent url( http://media.philly.com/designimages/philly_active_left_both.gif) no-repeat left top;
	}	
	
#p7TBMroot .p7TBMtext li.inquirer .p7TBMdown span, 
#p7TBMroot .p7TBMtext li.inquirer .p7TBMdown:hover span {
	padding: 8px 6px;/*<- This establishes the height of the nav container. NOTE - update in 3 places */
	color: #fff;
	background: transparent url( http://media.philly.com/designimages/inq_active_left_both.gif) no-repeat left top;
	}	
	
#p7TBMroot .p7TBMtext li.dailynews .p7TBMdown span, 
#p7TBMroot .p7TBMtext li.dailynews .p7TBMdown:hover span {
	padding: 8px 6px;/*<- This establishes the height of the nav container. NOTE - update in 3 places */
	color: #fff;
	background: transparent url( http://media.philly.com/designimages/daily_active_left_both.gif) no-repeat left top;
	}			

/*
The Root Level Hover. This also locks the Hover state while 
the root item's associated sub-menu is visible.
DO NOT CHANGE SELECTOR NAMES*/
.p7ie6Fix:active, 
#p7TBMroot .p7TBMtext .p7TBMon,
#p7TBMroot .p7TBMtext li a:focus, 
#p7TBMroot .p7TBMtext li a:active,
#p7TBMroot .classifiedsnav .p7TBMon,
#p7TBMroot .classifiedsnav li a:focus, 
#p7TBMroot .classifiedsnav li a:active {
	color: #313131;
	padding: 0;
	margin: 0;
	background: transparent url( http://media.philly.com/designimages/active_right_both.gif) no-repeat right top;
	}
	
.p7ie6Fix:active, 
#p7TBMroot .p7TBMtext li.philly .p7TBMon,
#p7TBMroot .p7TBMtext li.philly a:focus, 
#p7TBMroot .p7TBMtext li.philly a:active {
	background: transparent url( http://media.philly.com/designimages/philly_active_right_both.gif) no-repeat right top;
	}
	
.p7ie6Fix:active, 
#p7TBMroot .p7TBMtext li.inquirer .p7TBMon,
#p7TBMroot .p7TBMtext li.inquirer a:focus, 
#p7TBMroot .p7TBMtext li.inquirer a:active {
	color: #fff;
	background: transparent url( http://media.philly.com/designimages/inq_active_right_both.gif) no-repeat right top;
	}
	
.p7ie6Fix:active, 
#p7TBMroot .p7TBMtext li.dailynews .p7TBMon,
#p7TBMroot .p7TBMtext li.dailynews a:focus, 
#p7TBMroot .p7TBMtext li.dailynews a:active {
	color: #fff;
	background: transparent url( http://media.philly.com/designimages/daily_active_right_both.gif) no-repeat right top;
	}	
	
			

#p7TBMroot .p7TBMtext li.first a:focus,
#p7TBMroot .p7TBMtext li.first a:active
 {}

.p7ie6Fix:active, 
#p7TBMroot .p7TBMtext .p7TBMon span,
#p7TBMroot .p7TBMtext li a:focus span, 
#p7TBMroot .p7TBMtext li a:active span,
#p7TBMroot .classifiedsnav .p7TBMon span,
#p7TBMroot .classifiedsnav li a:focus span, 
#p7TBMroot .classifiedsnav li a:active span {
	padding: 12px 4px;/*<- This establishes the height of the nav container. NOTE - update in 3 places */
	display: block;
	color: #313131;
	background: transparent url( http://media.philly.com/designimages/active_left_both.gif) no-repeat left top;
	}
	
.p7ie6Fix:active, 
#p7TBMroot .p7TBMtext li.philly .p7TBMon span,
#p7TBMroot .p7TBMtext li.philly  a:focus span, 
#p7TBMroot .p7TBMtext li.philly  a:active span {
	padding: 8px 6px;/*<- This establishes the height of the nav container. NOTE - update in 3 places */
	background: transparent url( http://media.philly.com/designimages/philly_active_left_both.gif) no-repeat left top;
	}
	
.p7ie6Fix:active, 
#p7TBMroot .p7TBMtext li.inquirer .p7TBMon span,
#p7TBMroot .p7TBMtext li.inquirer  a:focus span, 
#p7TBMroot .p7TBMtext li.inquirer  a:active span {
	padding: 8px 6px;/*<- This establishes the height of the nav container. NOTE - update in 3 places */
	color: #fff;
	background: transparent url( http://media.philly.com/designimages/inq_active_left_both.gif) no-repeat left top;
	}
	
.p7ie6Fix:active, 
#p7TBMroot .p7TBMtext li.dailynews .p7TBMon span,
#p7TBMroot .p7TBMtext li.dailynews  a:focus span, 
#p7TBMroot .p7TBMtext li.dailynews  a:active span {
	padding: 8px 6px;/*<- This establishes the height of the nav container. NOTE - update in 3 places */
	color: #fff;
	background: transparent url( http://media.philly.com/designimages/daily_active_left_both.gif) no-repeat left top;
	}	
	
	


#p7TBMroot .classifiedsnav li.first a {
	margin-left: 20px;
	}

#p7TBMroot .classifiedsnav .p7TBMon span,
#p7TBMroot .classifiedsnav li a:focus span, 
#p7TBMroot .classifiedsnav li a:active span {
	color: #313131;
	}

#p7TBMroot .classifiedsnav li.first a:hover span,
#p7TBMroot .classifiedsnav li.first a.p7TBMon span,
#p7TBMroot .classifiedsnav li.first a:hover.p7TBMon span,
#p7TBMroot .classifiedsnav li.first a.p7TBMdown span
#p7TBMroot .classifiedsnav li.first a:hover.p7TBMdown span {
	background: transparent url(http://media.philly.com/designimages/bg_left_both_first.gif) no-repeat left top;
	}



/* SubNavigation
---------------------------------------------------------------------------- */

/* main subnav wrapper */
#p7TBMsubwrap {
	position: absolute;
	left:0px;
	top:34px;
	height: auto;
	/* width:1003px; */
	font: 11px arial, helvetica, sans-serif;
	}

/* subnav wrapper */
#p7TBM .p7TBMsub {
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	left: 0px;
	top: 0px;
	width:1003px; 
	height: 23px;
	margin:0;
	background-color: #e5e4e2;
	}


/* Start background color */
#p7TBM #p7TBMsub15 {
	background-color: #e9e8c5!important;
	}
#p7TBM #p7TBMsub14 {
	background-color: #e9e8c5!important;
	}
#p7TBM #p7TBMsub13 {
	background-color: #e9e8c5!important;
	}
#p7TBM #p7TBMsub12 {
	background-color: #e9e8c5!important;
	}
#p7TBM #p7TBMsub11 {
	background-color: #e9e8c5!important;
	}
#p7TBM #p7TBMsub10 {
	background-color: #e9e8c5!important;
	}
#p7TBM #p7TBMsub09 {
	background-color: #e9e8c5!important;
	}
#p7TBM #p7TBMsub08 {
	background-color: #e9e8c5!important;
	}
#p7TBM #p7TBMsub07 {
	background-color: #e9e8c5!important;
	}
#p7TBM #p7TBMsub06 {
	background-color: #e9e8c5!important;
	}
#p7TBM #p7TBMsub05 {
	background-color: #e9e8c5!important;
	}
#p7TBM #p7TBMsub04 {
	background-color: #e9e8c5!important;
	}
	
#p7TBM #p7TBMsub03 {
	background-color: #cb212a!important;
	}
#p7TBM #p7TBMsub02 {
	background-color: #4385b7!important;
	}		
#p7TBM #p7TBMsub01 {
	background-color: #e9e8c5!important;
	}	

.p7TBMsubbox {
	padding: 3px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	}

.alwaysBold:link, .alwaysBold:visited {
    font-weight: bold;
}

/*SUBMENU BAACKGROUNDS and BORDERS HERE*/
.p7TBMsub ul {
	margin: 0 0 0 3px;
	padding: 0;
	background-image: url(http://media.philly.com/designimages/iebfix.gif);
	background-color: transparent;
	border: 0;
	}

.p7TBMsub li {
	list-style-type: none;
	display: inline;
	}

/* ---  BOTH submenu links and non-links
 NOTE: When there is no link - always use a span as a replacement: */
.p7TBMsub li a:link, .p7TBMsub li a:visited 
 {
   background:transparent url(http://media.philly.com/designimages/nav_bullet.gif) no-repeat 0% 50%;
   }
   
 .p7TBMsub li.first a:visited 
 .p7TBMsub li.first a:hover
 {
   background:none;
   }  
   
 #p7TBMsub02 li a:link, #p7TBMsub02 li a:visited,
 #p7TBMsub03 li a:link, #p7TBMsub03 li a:visited
  {
   background:transparent url(http://media.philly.com/designimages/nav_bullet_white.gif) no-repeat 0% 50%!important;
   } 

 #p7TBMsub01 li.first  a:link, #p7TBMsub01 li.first a:visited,   
 #p7TBMsub02 li.first  a:link, #p7TBMsub02 li.first a:visited,
 #p7TBMsub03 li.first  a:link, #p7TBMsub03 li.first a:visited
  {
   background:none!important;
   }     


 #p7TBMsub02 li a:hover, 
 #p7TBMsub02 li a:focus,
 #p7TBMsub03 li a:hover,
 #p7TBMsub03 li a:focus {
   background: #FFF url(http://media.philly.com/designimages/nav_bullet_white.gif) no-repeat 0% 50%!important;
   color: #000!important;
   }


 #p7TBMsub01 li.first a:active, 
 #p7TBMsub01 li.first a:visited,
 #p7TBMsub02 li.first a:active, 
 #p7TBMsub02 li.first a:visited,
 #p7TBMsub03 li.first a:active,  
 #p7TBMsub03 li.first a:visited {
   background: none!important;
   }

 #p7TBMsub01 li.first a:hover,
 #p7TBMsub02 li.first a:hover,
 #p7TBMsub03 li.first a:hover {
   background: #FFF none!important;
   }


 #p7TBMsub01 li.first a:focus,
 #p7TBMsub02 li.first a:focus,
 #p7TBMsub03 li.first a:focus {
 background: none!important;
 }

   
.p7TBMsub li a, .p7TBMsub li span { 
	color: #313131;
   display: block;
   float: left;
   border: none;
   text-decoration: none; 
   padding: 1px 6px 1px 7px;
   }
   
 #p7TBMsub02 li a,
 #p7TBMsub03 li a {
 color:#FFF!important;
 }
    


.p7TBMsub li.first a {
	/*margin-left: 5px;*/
	display: inline-block;
	background: none;
	}

.p7TBMsub li.last a,
.p7TBMsub li.last span {
	border-color: #000;
	text-decoration: none;
	}

.p7TBMsub li a:hover,
.p7TBMsub li a:focus {
	color: #313131;
	border: 1px solid #666;
	margin-right: -1px;
	margin-left: -1px;
	background:#fff none;
	text-decoration: none;
	padding: 0 6px 1px 7px;
	}

.p7TBMsub li.first a:hover,
.p7TBMsub li.first a:active,
.p7TBMsub li.first a:focus {
background-image:none;
text-decoration: none;
	}

/* ---  non-link submenu items
 When there is no link - always use a span as a replacement: */
.p7TBMsub li span {
	margin: 0;
	}


/* current state marker style */
.p7TBMsub .p7TBMmark,
.p7TBMsub .p7TBMmark:hover,
.p7TBMsub .p7TBMmark:active,
.p7TBMsub .p7TBMmark:focus {
	font-weight:bold;
	color: #313131;
	cursor: default;
	text-decoration: none;
	}


/* ------ HOME TAB SPECIFIC*/

.rightSub ul {
	float:right;
	padding-right: 10px;
	}

/* subnav - optional class */
.p7TBMsub li.right,
.p7TBMsub2 li.right {
	float: right;
	}



#p7TBMsub04 ul {

	}

#p7TBMsub05 ul {
	
	}
	
#p7TBMsub06 ul {

	}	

#p7TBMsub07 ul {

	}

#p7TBMsub08 ul {

	}

/*html #p7TBMsub07 ul {
	
	}*/

/*classifieds*/
#p7TBMsub08 ul {
	
	}

/*jobs*/
#p7TBMsub09 ul {

	}

/*cars*/
#p7TBMsub10 ul {

	}

/*homes*/
#p7TBMsub11 ul {

	}
	
	/*autos*/
#p7TBMsub12 ul {

	
	}
	
	/*obits*/
#p7TBMsub13 ul {
	
	}





/* ------ misc additional styles */

/*this tells firefox not to display the " dotted border " when you click - do not change */
#p7TBMroot .p7TBMtext a,
#p7TBMroot .p7TBMtext .p7TBMdown, 
#p7TBMroot .p7TBMtext .p7TBMdown:hover,
#p7TBMroot .p7TBMtext .p7TBMdown:focus,
.p7TBMsub li a,
.p7TBMsub li a:hover,
.p7TBMsub li a:focus,
#p7TBMroot .classifiedsnav li a,
#p7TBMroot .classifiedsnav li a:hover,
#p7TBMroot .classifiedsnav li a:focus {
/*
	outline: none;
	-moz-outline: none !important;
*/
	}

#p7TBM br {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 1px;
}


/*code to remove outlines from links in firefox */

a:active {
	/*outline: none;*/
	/*-moz-outline: none !important;*/
	}



/* layout.css */

#contentcontainer {
margin: 0pt;
padding: 0pt;
border: medium none;
text-align:left;
background:url(http://media.philly.com/designimages/col_divider.gif) 652px 0 repeat-y #fff;
}

#lCol {
float: left;
clear: left;
width: 652px;
background:#fff;
}


#contentinside {
/* float: left;
clear: left;
width: 627px; */
padding: 10px;
margin: 0 0 0 0;
}

#contentrightside {
padding-left: 10px;
}


#sectiontop {
	border-bottom: 1px solid #999;
	background-color: #e0e0e0;
	/* height: 30px; */
	}

#sectiontop h1 {
	margin: 0;
	padding: 4px 8px 0 8px;
	font-size: 20px;
	text-transform: uppercase;
	}

#sectiontop h1 img {
	margin-left: 10px;
	}

#sectiontop .sponsor {
	float: right;
	width: 165px;
	}

#sectiontop .sponsor p {
	font-size: 10px;
	margin: 0;
	padding: 8px 0 0 0;
	}

#sectiontop .sponsor .logo {
	float: right;
	border-left: 1px solid #000;
	background-color: #f5f5f5;
	height: 30px;
	}

#sectiontop .sponsor .logo img {
	padding: 0px 0px 0 0px;
	}

#sectiontop h1 {
	margin: 0;
	padding: 4px 8px 3px 8px;
	font-size: 20px;
	}

#pageNav {
	border-bottom: 1px solid #aaa;
	clear: both;
	padding: 3px 0 2px 0;
	margin: 0;
	list-style: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	background: #fff url(http://media.philly.com/designimages/bg_carouselViewer.gif) repeat-x 0px 50%;
	}

#pageNav li {
	background: transparent url(http://media.philly.com/designimages/spacer.gif) no-repeat 0 6px;
	line-height: 14px;
	margin: 0 0 3px 0px;
	float: left;
	border-left: 1px solid #ccc;
	}

#pageNav li.first {
	border: none;
	}

#pageNav li a:link,
#pageNav li a:visited,
#pageNav li a:active {
	color: #252525;
	display: block;
	padding: 1px 9px 1px 10px;
	float: left;
	}

#pageNav li a:hover {
	text-decoration: none;
	}

#article {
width: 627px;
padding: 10px;
margin: 0 0 10px 0;
}

#article .photoholder {
float: right;
width: 302px;
border: 1px solid #000;
margin: 0 0 10px 10px;
}

#article p.byline {
	margin: 0;
	padding: 0;
	}

#article p.lastline {
	margin: 0 0 12px 0;
	}

#topcontent {
clear: left;
background: url(http://media.philly.com/designimages/col_divider2.gif) 342px 0 repeat-y;
margin: 0 0 10px 0;
}

#topcontent .left { 
float: left;
display: inline;
width: 322px;
padding: 10px;
}

#topcontent .right {
float: none;
width: auto;
padding: 10px;
margin: 0 0 0 344px;
}

#featuremiddle {
float: left;
padding: 10px;
width: 627px;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
}

#bottomcontent {
clear: left;
width: 647px;
}

#bottomcontent .left {
float: left;
padding: 10px;
width: 402px;
}

#bottomcontent .right {
float: none;
padding: 10px;
width: 204px;
margin: 0 0 0 423px;
} 

#rCol {
float: right;
width: 349px;
vertical-align:top;
}

#adholder {
background: #e9e7e8 url(http://media.philly.com/designimages/col_divider3.gif) 175px 0 repeat-y;
border-bottom: 1px solid #000;
}

#article_adholder {
background-color: #e9e7e8;
border-bottom: 1px solid #000;
padding: 10px;
text-align: center;
}

#section_rectangle {
background-color: #e9e7e8;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 10px;
text-align: center;
}

#rightcontent .container_ad {
position:relative;left:-10px;width:329px;
background-color: #e9e7e8;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 10px;
text-align: center;
}

#adholder .left {
float: left;
padding: 5px;
width: 162px;
overflow:hidden;
}

#adholder .cl_image {
	width:160px;
	}

#topjobs .cl_image {
	width:135px;
	background-color: #e9e7e8;
	}

#flashcontent {
	}

#adholder .right {
float: right;
padding: 5px;
width: 160px;
margin: 0;
}

#adholder .container_ad {
margin-bottom:10px;
}

#rightcontent {
padding: 10px;
}


#footer {
	background: #FFF url(http://media.philly.com/designimages/footer_bg.gif) bottom left repeat-x;
	border-top: 1px solid #000;
	float: left;
	width: 983px;
	padding: 10px;
	}


#footer .footercenter {
	width:983px;
	text-align:center;
	padding: 10px;
}

#footer .footercenter a {
	color:#000;
}
	

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*  ******** CONTAINER STYLES ****** */

#leaderboard {width:728px;float:right;padding:5px 5px 5px 0;border-bottom:0px solid #333;} 

.containertitle {
font-weight: bold;
font-size: 13px;
margin: 0;
padding: 5px 0 5px;
color: #c9191b;
border-bottom:0px;
}

.topstory-headline {
	margin: 0;
	padding: 5px 0 3px 0;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	background: none;
	height: auto;
}

.subfeature-headline {
	margin: 0;
	padding: 5px 0 3px 0;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	background: none;
	height: auto;
}


dl.headlines-digest a, dl.relatedlist a {
	text-decoration:underline;
}

dl.headlines-digest a:hover, dl.relatedlist a:hover {
	text-decoration:none;
}

/* no text-decoration */

.relatedlist .containertitle a, .headlines-digest .containertitle a, .containertitle a, .relatedlist .topstory-headline a, .relatedlist .subfeature-headline a, #footer a, .relatedlist .digest-headline2 a, .relatedlist .digest-headline a, container_headlines-digest .digest-headline a {
	text-decoration:none;
}




.relatedlist .b_sq, .headlines-digest .b_sq, .headlineonly .b_sq {width:10px;float:left;margin:4px 0px -4px 0;padding:0px 0 0 0;background:url('http://media.philly.com/designimages/mini_sq.gif') top left no-repeat;}

.carousel-component { 
	background:#fff;
	padding:10px 0px 6px 0px;
	-moz-border-radius:0px;
	color:#000;
	width:100%;
}

#mycarousel {
	/* position:relative; */
	/*margin-left:-10px;*/
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	padding:5px 0px 10px 0px;
	background: url('http://media.philly.com/designimages/bg_carouselViewer.gif') repeat-x;
}

.carousel-component .carousel-clip-region { 
	overflow:hidden;
	margin:0 30px 0 40px;
 	padding: 5px 0 0 0;
}

.carousel-component ul.carousel-list { 
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.carousel-component .carousel-list li { 
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#000;
}


/* Alternate CSS for tabbed content */

.container_tabone {
margin-left:auto; 
margin-right:auto;
}


.container_tabone .shadetabs{

padding: 3px 0;
margin-left: 0;
margin-top: 10px;
margin-bottom: 0;
font: bold 11px arial,helvetica,sans-serif;
list-style-type: none;
text-align: left;
}

.container_tabone .shadetabs li{
display: inline;
margin: 0;
}

.container_tabone .shadetabs li a{
text-decoration: none;
padding: 3px 7px 3px 7px;
margin: 10px 0 -10px 0px;
border: 1px solid #555;
color: #000;
background: white url(http://media.philly.com/designimages/tab_dormant_bg2.gif) repeat-x;
}

.container_tabone .shadetabs li a:visited{
color: #000;
}

.container_tabone .shadetabs li a:hover{
text-decoration: underline;
color: #000;
}

.container_tabone .shadetabs li.selected{
position: relative;
top: 1px;
font-weight: bold;
font-size: 13px;
}

.container_tabone .shadetabs li.selected a{ /*selected main tab style */
background: white url(http://media.philly.com/designimages/tab_active_bg2.gif) top left repeat-x;
border-bottom-color: #ebebeb;
padding: 10px 10px 2px 10px;
font-weight: bold;
font-size: 13px;
color:#000;
}

.container_tabone .shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}


.container_tabone .tabcontentstyle{ /*style of tab content container*/
border: 1px solid #555;
background: #ebebeb;
padding: 5px;
}

.container_tabone .inner_container
{
border:2px solid #666;
padding:0 6px 0 6px;
background:#fff;
}

/* ARTICLE / DETAIL PAGE STYLES */
#article_sidebar .photo_area {
background-color: #eaeaea;
padding-bottom:15px;
border-bottom:1px solid #000;
}

#rightcontent .container_tabone {
margin-left:0px; 
margin-right:0px;
}

.ht_description {margin:10px 0 15px 0; padding:10px 20px 15px 20px;border-left:0px;border-right:0px;}

#article_sidebar .linkssubhead {background-color:#fff; font-weight:bold; color:#c9191b; font-size:11px; margin:10px 0 0 0;padding:3px 6px 2px 6px; border-top:0px solid #ddd;}


/* Calendar Container styles */

	.calWeek td {text-align:center;padding:2px 8px 2px 8px;border:1px solid #ccc;margin:0 2px 0 2px;}
	.calDisplay {text-align:center;padding:4px 8px 2px 8px;border:1px solid #ccc;margin:0 2px 10px 2px;}
	.calCube .thisDate, .calDisplay .thisDate {font-size:20px;font-weight:bold;color:#eeeeee;}
	.calCube .thisDay, .calDisplay .thisDay {text-transform:uppercase;font-size:8px;margin-top:-3px;color:#eeeeee;}
	a.calCube, a.calCube:visited, a.calDisplay:visited, a.calDisplay  {color:#CD8B3E;}
	a.calCube .thisDate, .calDisplay .thisDate {font-size:20px;font-weight:bold;color:#CD8B3E;}
	a.calCube .thisDay, .calDisplay .thisDay {text-transform:uppercase;font-size:8px;margin-top:-3px;color:#CD8B3E;}
	a.calCube:hover {text-decoration:none;}
	a.calDisplay:hover {text-decoration:none;}
	td.calCube {padding:6px 3px 0 3px;text-align:center;}


/* balloon help tip - dynamic drive */

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid #999;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

.helptip {padding:1px 6px 1px 6px; background: #651B23;color:#D2C54B;font-weight:bold;font-size:11px;}
a.helptip, a.helptip:visited, a.helptip:hover {color:#D2C54B;}
input.sbt {border:1px solid #D2C54B;height:18px;font-size:9px;font-weight:bold;padding:0 4px 0 4px;color:#E6CD7A;background:#837A21;}

/* WELCOME SCREEN IN RIGHT RAIL */

#user_register {
background-color: #e9e7e8;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 10px;
}


#user_register ul {
list-style: none;
padding: 3px 0;
margin:  0;
}


#user_register  li {
display: inline;
margin: 0;
padding: 0;
}

/* New search bar with search aligned right */

.searchbar_hh input.keyword {
width: 185px;
}

.searchbar_hh select {
width: 100px;
}

.searchbar_hh ul.subscriber {
padding-left: 0px;
float:left;
}

.searchbar_hh li {
display: inline;
margin: 0;
padding: 0;
}

.searchbar_hh ul {
list-style: none;
padding: 6px 0;
margin:  0;
float: left;
}
