/* CSS Document */
body{
	text-align:left;}

 
/*Layout wrapper IDs  these set the width for columns based on the wrapperid----------------------------------------------- */
.LayoutWrapper{}
#MainIndexLayout{}
#SectionIndexLayout{}
#ColumnistIndexLayout{}
#ResultsLayout{}
#InnerTwoColLayout{}
#InnerThreeColLayout{}
#ArticleLayout{}
#ColumnistLayout{}
#LaunchPadLayout{}

.LeftCol{}
.CenterCol{}
.RightCol{}

/*main index*/
#MainIndexLayout .LeftCol{
	width: 310px;
	margin: 0 0 0 2px;

}
#MainIndexLayout .CenterCol{
	width: 460px;
	margin: 0 20px 0 20px;

	}
#MainIndexLayout .RightCol{
	width: 160px;
	}
/*main Index*/


/*Section index*/
#SectionIndexLayout .LeftCol{
	width: 315px;
}
#SectionIndexLayout .CenterCol{
	width: 280px;
	margin: 0 20px 0 20px;

	}
#SectionIndexLayout .RightCol{
	width: 335px;
	}
/*section Index*/


/*ColumnistIndexLayout*/
#ColumnistIndexLayout .LeftCol{
	width: 610px;
	margin: 0 20px 0 0;
}
#ColumnistIndexLayout .CenterCol{
	display: none;
	}
#ColumnistIndexLayout .RightCol{
	width: 335px;
	}
/*ColumnistIndexLayout*/

/*ResultsLayout*/
#ResultsLayout .LeftCol{
	width: 765px;
	margin: 0 20px 0 0;
}
#ResultsLayout .CenterCol{
	display: none;
	}
#ResultsLayout .RightCol{
	width: 160px;
	}
/*ResultsLayout*/

/*InnerTwoColLayout*/
#InnerTwoColLayout .LeftCol{
	width: 610px;
	margin: 0 20px 0 0;
}
#InnerTwoColLayout .CenterCol{
	display: none;
	}
#InnerTwoColLayout .RightCol{
	width: 335px;
	}
/*InnerTwoColLayout*/

/*InnerThreeColLayout*/
#InnerThreeColLayout .LeftCol{
	width: 158px;
}
#InnerThreeColLayout .CenterCol{
	width: 428px;
	margin: 0 20px 0 20px;
	}
#InnerThreeColLayout .RightCol{
	width: 335px;
	}
/*InnerThreeColLayout*/

/*ArticleLayout*/
#ArticleLayout .LeftCol{
	width: 415px;

}
#ArticleLayout .CenterCol{
	width: 158px;
	margin: 0 20px 0 20px;
	overflow:hidden;
	}
#ArticleLayout .RightCol{
	width: 335px;
	}
/*ArticleLayout*/

/*ColumnistLayout*/
#ColumnistLayout .LeftCol{
	width: 158px;
}
#ColumnistLayout .CenterCol{
	width: 440px;
	margin: 0 20px 0 20px;
	}
#ColumnistLayout .RightCol{
	width: 310px;
	}
/*ColumnistLayout*/

/*LaunchPadLayout*/
#LaunchPadLayout .LeftCol{
	width: 310px;
}
#LaunchPadLayout .CenterCol{
	width: 301px;
	margin: 0 20px 0 20px;
	}
#LaunchPadLayout .RightCol{
	width: 310px;
	}
/*LaunchPadLayout*/

/* Sub Columns ----------------------------------------------- */

.InnerColLeft{
margin: 0 15px 0 0;}
.InnerColLeftRightSide{

margin: 0 15px 0 0;}

/* Sub Columns ----------------------------------------------- */
/*Layout wrapper IDs  these set the width for columns based on the wrapperid----------------------------------------------- */
/*layouts ----------------------------------------------- */

.OneHundred{
	width: 100px;}
.OneSixty{
	width: 160px;}
.OneNinety{
	width: 190px;}
.ThreeTen{
	width: 310px;}
.TwoHundred{
	width: 200px;}
.TwoEighty{
	width: 280px;}

.ThreeForty{
	width: 340px;}
.MaxThreeForty{
	max-width: 340px;}
.MinThreeTen{
	min-width: 310px;
	*width: 310px;}

.FourForty{
	width: 440px;}
.FiveHundred{
	width: 500px;}


.HideOverflow{
overflow: hidden;}
.MinHeightTwoHundred{
  min-height:200px;
  height:auto !important;
  height:200px;

}
.MinHeightOneHundred{
  min-height:100px;
  height:auto !important;
  height:100px;

}
.WidthHalf{
	width:50%;
}
.WidthNinetyPercent{
	width:90%;
}

/*layouts ----------------------------------------------- */
/*general classes for use anywhere----------------------------------------------- */
.BackgroundPaleGray{
	 background-color:#cccccc;}
.BackgroundPalestGray{
background-color: #f3f3f3;}
 .Block{
	display: block;}
.RelatedLinks a{
	display:block;
	padding: 5px 0 0 0;}
.UnderlineLinks a{
	text-decoration:underline;}
.UnderlineLinks H2 a{
	text-decoration:none;}
#Notice{
	min-height: 110px;
	height: auto !important;
	height: 110px;}
.GrayStripeBackground{
	background:url(http://media.suntimes.com/images/cds/searchchicago/site1.1/bgltgry.gif);
	background-repeat:repeat-y;}

 .BackgroundYellow{
	 background-color:#ffffcc;}
.PoweredBy{
	/*background-image:url(http://media.suntimes.com/images/cds/searchchicago/site1.1/stngsmall.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	*/border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
	height: 33px;
	text-align:left;
	vertical-align:middle;
	font-size: 85%;
	color: #999999;

}
.PowerdByLink{
	display: block; 
	padding: 15px 0 0 2px;}
.PoweredBy img{ float:right;}
.LinkList{
	padding: 0 0 20px 0;}
.LinkList a{
	display: block;
	line-height: 125%;
	font-size: 85%;
	margin:0px 0 0 0;
	padding: 4px 0 4px 0;
}
.LinkList h2 a{
	font-size: 12px;
 		margin:0px 0 0 0;
	padding: 0;

	
}

.Strong{
	font-weight: bold;}
.Icon{
	display: block;
	float: left;
	height: 16px;
	width: 18px;
	background-repeat:no-repeat;}
.IconOnTag{
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	}
.IconOnTagRight{
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:20px;
	}


.FloatLeft{
	float:left;}
.FloatRight{
	float: right;}
.ClearRow{
	clear:both;}
.Block{
	display:block;
}
.Padder{
/*override the padder class with the container ID ex hd padder, also padder divs should always be a seperate div inside a container*/
	padding:0px 0 0 0;
}
.NoPadding, .PaddingNone{
	padding:0px 0 0 0;
}
.NoMargin, MarginNone{
	margin:0px 0 0 0;
}

.PaddingTwo{
padding: 2px;}

.PaddingFive{
padding: 5px;}
.PaddingLeftFive{
	padding-left: 5px;}
.PaddingTopFive{
	padding-top: 5px;}

.PaddingBottomFive{
	padding-bottom: 5px;}

.PaddingRightFive{
	padding-right: 5px;}



.PaddingTen{
	padding: 10px;}
.PaddingLeftTen{
	padding-left: 10px;}
.PaddingTopTen{
	padding-top: 10px;}

.PaddingBottomTen{
	padding-bottom: 10px;}

.PaddingRightTen{
	padding-right: 10px;}

.PaddingFifteen{
	padding: 15px;}

.PaddingLeftFifteen{
	padding-left: 15px;}
.PaddingTopFifteen{
	padding-top: 15px;}

.PaddingBottomFifteen{
	padding-bottom: 15px;}

.PaddingRightFifteen{
	padding-right: 15px;}


.PaddingTwenty{
	padding: 20px;}
.PaddingLeftTwenty{
	padding-left: 20px;}
.PaddingTopTwenty{
	padding-top: 20px;}

.PaddingBottomTwenty{
	padding-bottom: 20px;}

.PaddingRightTwenty{
	padding-right: 20px;}

.PaddingTwentyFive{
	padding: 25px;}
.PaddingLeftTwentyFive{
	padding-left: 25px;}
.PaddingTopTwentyFive{
	padding-top: 25px;}

.PaddingBottomTwentyFive{
	padding-bottom: 25px;}

.PaddingRightTwentyFive{
	padding-right: 25px;}
	

.MarginTwo{
padding: 2px;}

.MarginRightTwo{
padding: 2px;}

.MarginFive{
	margin: 5px;}
.MarginLeftFive{
	margin-left: 5px;}
.MarginTopFive{
	margin-top: 5px;}

.MarginBottomFive{
	margin-bottom: 5px;}

.MarginRightFive{
	margin-right: 5px;}
	
.MarginTen{
	margin: 10px;}
.MarginLeftTen{
	margin-left: 10px;}
.MarginTopTen{
	margin-top: 10px;}

.MarginBottomTen{
	margin-bottom: 10px;}

.MarginRightTen{
	margin-right: 10px;}

.MarginFifteen{
	margin: 15px;}
.MarginLeftFifteen{
	margin-left: 15px;}
.MarginTopFifteen{
	margin-top: 15px;}

.MarginBottomFifteen{
	margin-bottom: 15px;}

.MarginRightFifteen{
	margin-right: 15px;}

	
	
.MarginTwenty{
	margin: 20px;}
.MarginLeftTwenty{
	margin-left: 20px;}
.MarginTopTwenty{
	margin-top: 20px;}

.MarginBottomTwenty{
	margin-bottom: 20px;}

.MarginRightTwenty{
	margin-right: 20px;}
	
	
.MarginTwentyFive{
	margin: 25px;}
.MarginLeftTwentyFive{
	margin-left: 25px;}
.MarginTopTwentyFive{
	margin-top: 25px;}

.MarginBottomTwentyFive{
	margin-bottom: 25px;}

.MarginRightTwentyFive{
	margin-right: 25px;}


/*general classes for use anywhere----------------------------------------------- */

/*header   ----------------------------------------------- */

#hd{
	height: 160px;}
#hd .Padder{
	padding: 13px 0 0 2px;}
#LeaderBoard{
	width: 728px;
	height: 95px;
	overflow-x: hidden;
	overflow-y: hidden;
/*	border:1px solid #cccccc;
*/}
#logo{
	padding: 0 8px 0 0;}
#searches{
	height: 40px;
}
#SearchPadder{
	padding: 8px 0 0 6px;}
#ticker{
	border: 1px solid #bdb7bd;
	background: #ffffff;
	height:18px;
	width: 600px;
	font-size: 11px;
 
	}
#ticker .Padder{
 	padding: 2px 8px 2px 8px;}
#SiteSearch{
	*margin-top: -1px;
	font-size: 11px;
 }
.searchline{
	padding:0px 0 0 0;
	margin:0px 0 0 0;

}
#SiteSearch .Padder{
 	padding: 0 0 0 5px;}
#SearchBox{
	width: 193px;
	height: 16px;
	border: 1px solid #bdb7bd;
	margin:0px 0 0 0;
	padding:2px 0 0 2px;
 

}
#SearchPick{
	width: 65px;
	height: 17px;
	*height: 18px;
	border: 1px solid #bdb7bd;
 	padding:0px 0 0 0;
 
}
.go{
}
 /*header ----------------------------------------------- */
 
/*classifieds in header----------------------------------------------- */
div.top-classifieds{
	float:left;
	margin: 0;
	margin-top: 0;
	padding: 0;
	height: 24px;
}
.top-classifieds ul{
	list-style:none;
	margin: 0;
	padding: 0 0 7px 0;
}
#classifieds-list li{
	float: left;}
#classifieds-list li img{
	border: none;}

/*classifieds in header----------------------------------------------- */
 /*footer----------------------------------------------- */
 #FooterPadder{
	 padding: 5px 0 5px 0;

 }
 #PostFooter{
 	 border-top: 1px dotted #999999;
	 clear:both;}
 .SiteMapCol{
	 padding: 0 20px 5px 5px;
	 border-right: 1px dotted #999999;
 
 }
/*footer----------------------------------------------- */
/*Sitemap ----------------------------------------------- */
/* .SiteMap{
 }
.SiteMap ul li{
 float: left;
padding-right: 5px;
border: 1px solid green;
 }
.SiteMap ul li ul{
 }
.SiteMap ul li ul li{
border: 1px solid red;
float:none;
}
*/
.SiteMap li{
 	float: left;
	margin: 0;
	min-width: 130px;
	 border-right: 1px dotted #999999;
 }
 .SiteMap li li{
 	float:none;
	 border-right: none;

}
.SiteMap{
 	font-size: 85%;
 
 }
.SiteMap ul {
	padding: 0;
}
.SiteMap ul li {
	margin: 0;
	padding: 0 17px 0 17px;
	width: 103px;
	line-height: 175%;
}
.SiteMap ul li a {
	color: #003366;
 	padding: 0;
	text-decoration: none;
 }
.SiteMap ul li a:hover {
	color: #003366;
 	padding: 0;
	text-decoration: underline;
 }

.SiteMap ul ul {
 }
.SiteMap ul ul li {
 	padding: 0 0 0 15px;
	width: 103px;
	 border-right: none;


}
 
.SiteMap ul ul ul li {
 	padding: 0 0 0 12px;
}

/*sitemap ----------------------------------------------- */


/*Navigation ----------------------------------------------- */
#subnav{
/*subnav height should actually be set on the actual menu, not on the container so that it can collapse when there is no nav present.*/
	height: 50px;
	clear:both;
}

.SectionName{
 }
.MenuHighlight{
 height: 25px;
 background-image:url(http://media.suntimes.com/images/cds/searchchicago/site1.1/menuhighlight.png);
   
 }
 .NavLinks{
 padding: 3px 0 0 0;}
 .NavLinks a{
  padding: 0em 10px 0 10px;}
/*navigation ----------------------------------------------- */




/* Second Tier Navigation - Breadcrumbs
========================================================================================= */
div#LevelTwoNav{
	line-height:normal;
	background-image:url(http://media.suntimes.com/images/cds/site1.1/nav/LevelTwoNav_bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;	
	height:36px;
	padding:10px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:10px;
}
div#LevelTwoNav a{

	border-right:1px solid #d5d5d5;
	color:#336699;
	text-decoration:none;
	padding:5px 8px 6px 8px;
}
div#LevelTwoNav a:hover{
	text-decoration:underline;}
div#LevelTwoNav a.YourSeason{
	background-image:url(http://media.suntimes.com/images/cds/site1.1/nav/YourSeasonIcon.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:5px;
}


/*Image Sizes----------------------------------------------- */
.AImage img, .AImage{
	height: 320px;
	width: 455px;}
.BImage img, .BImage{
	height: 170px;
	width: 278px;
	border: 1px solid #000000;}
.CImage img, .CImage{
	height: 77px;
	width: 110px;
	border: 1px solid #000000;}
.DImage img, .DImage{
	height: 63px;
	width: 92px;
	border: 2px solid #a9a9a9;
	 }
.EImage{
	margin: 15px 0 15px 15px;
	overflow:hidden;
	}
.EImage img{
	border: 2px solid #a9a9a9;}
.FImage img, .FImage{
	width: 152px;
	height: 152px;
	border: 3px solid #a9a9a9;
}

/*Image Sizes----------------------------------------------- */
/*borders----------------------------------------------- */
.BorderLightGrayDotted{
	border: 1px dotted #cccccc;
}
.BorderLightGraySolid{
	border: 1px solid #cccccc;
}

.BorderLightGraySolidThree{
	border: 3px solid #cccccc;
}
	
.BorderLightGrayDottedBottom{
	border-bottom: 1px dotted #cccccc;}
.BorderLightGrayDottedTop{
	border-top: 1px dotted #cccccc;}
.BorderLightGrayDottedLeft{
	border-left: 1px dotted #cccccc;}
.BorderLightGrayDottedRight{
	border-right: 1px dotted #cccccc;}
	
.BorderBorderLightGrayDottedBottomLinks a{
	border-bottom: 1px dotted #cccccc;}
	
.BorderWhiteSolidRight{
	border-right: 1px solid #ffffff;}
	
.BorderPurpleSolidBottom{
	border-bottom: 1px solid #330033;
}

/*borders----------------------------------------------- */
/*Ad regions -------------------------------------------*/
noscript img{
	border:none;}
#Position1{
	float: left;
	/*Position1 span wrapper had to float in IE so as to avoid a space at the top of the page which bumped the header down*/}
.Top{}
.Cube{
	padding: 0 0 20px 0;}
.SkyScraper{
	padding: 0 0 20px 0;
	text-align:center;
}
.AdButtonsHZ{
	padding: 0 0 20px 0;
}
	.AdButtonLeft{
	margin: 0 15px 0 0; 
	width: 80px;}
.AdButtonCenter{
	margin: 0 15px 0 0;
	width: 80px;
 }

.AdButtonRight{
	margin: 0 15px 0 0;
	width: 80px;
 }

/*Ad regions -------------------------------------------*/
/*photo galleries-------------------------------------------*/
.GallerySmall,
.GalleryHome {
	font-size: 77%;
	line-height: 150%;
}
.GallerySmall li,
.GalleryHome li {
	display: block;
	float: left;
	overflow: hidden;
  text-align:center;
}

.GallerySmall li {
	padding: 0 0 10px 0;
	width: 33%;
	height: 91px;
}
.GallerySmall img {
	border: 1px solid #000;}
.GallerySmall .galthumb {
	display: block;
  height: 65px;
	overflow: hidden;
}

.GalleryHome{
  font-size: 77%;
	line-height: 150%;
}
.GalleryHome li{
	padding: 0 0 10px 0;
	width: 14.25%;
	height: 110px;
}
.GalleryHome img{
}
.GalleryHome .galthumb{
	display: block;
	border: 1px solid black;
	width: 88px;
	height: 66px;
	overflow: hidden;}


/*photo galleries-------------------------------------------*/

/*lists----------------------------------------------- */
.Bullets{
	list-style:disc;
	padding-left: 20px;
}
.Bullets li{
	list-style:disc;

}

/*lists----------------------------------------------- */
/*Articles----------------------------------------------- */
 .LeadImage{
	 text-align:center;}
 
 .ArticleHeadline{
	font-weight: bold;
	background-color: #343434;
	background-repeat:repeat-x;
	color: #ffffff;
	padding: 5px 10px 10px 10px;
	margin: 0 0 10px 0;
}
.ArticleHeadline a{
	color: #ffffff;}
.Caption{
	background-image:url(http://media.suntimes.com/images/cds/searchchicago/articles/HomesCaptionBack.png);
}
.Caption .Padder{
 	padding: 10px 10px 10px 10px;
}
.Caption a{
	color: #ffffff;}
.CaptionText{
	color:#FFFFFF;
	font-size: 93%;
	display:none;}
.CaptionText a{
	color: #FFFFFF;}
.CaptionLink{
	display:none;
	font-size: 93%;
	text-transform:uppercase;
	height: 20px;
	padding: 0 0 0 20px;}
.CaptionPosition{
	margin-top: -80px;}
.ArticleTools{
	font-size: 93%;}
	
.boxscore_size{clear:both;width:330px;}
.text p{
padding: 0 0 18px 0;
}
.FactBox p{
padding: 5px 5px 5px 5px;
}
/*Articles----------------------------------------------- */
