/* CSS Document */
/************ Global *******************************/
body
{
top:3px;
margin:0;
padding:0;
border:0;
min-width:968px;
text-align:center;
background-color: #A3927C;
background-image:url('../images/bkbr4.jpg');
background-repeat:repeat-x;
}

.Wrapper
{
	width:968px;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px auto;
	text-align:left;
	min-height:900px;
	background-color:#FFFFFF;
	background-image: url('../images/content_BG.jpg');
	background-repeat:repeat-y;
	
}

.floatLeft{	float:left;}
.floatRight{float:right;}
.clear{clear: both;}
.bold{	font-weight:bold;}
.LtBlueBg /* Slate Blue background */{ background-color:#E4ECEF; }
.DkBlueTxt /* Dark blue text */{ color:#013668; }
.gTxtBlue{color: #0072BC;}
.gTxtBlue a:hover
{
	color: #0072BC;
	text-decoration:underline;
}
.gTxtLt a:hover, .gTxtMd a:hover, .DkBlueTxt a:hover, .DkBlueTxtHover, .gTxtGray a:hover
{
	color: #e7e2d9;
}

.inline
{
	display:inline;
	margin:0px;
	padding:0px;
}

.gNoShowList
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

/* add this class to a div that contains floats
/* to prevent ie6 related display bugs
/* \*/
* html .borderFix {height: 1%;}
/* */

.cPointer
{
	cursor:pointer;
}

/************ Header ******************************/
#Header
{
	width:960px;
	margin-left:6px;
}

#HeaderLogo
{
	float:left;
	margin-left:4px;
	width:850px;
	height:100px;
	display:inline;
	/*background-color: #99CCFF;*/
}

#HeaderPromo
{
	float: left;
	text-align:center;
	height: 100px;
	width: 400px;
	#width: 380px;
	margin-left:10px;
	#margin-left:15px;
	display:inline;
	/*background-color:#99CCCC;*/
}

#HeaderLinks
{
	float:right;
	text-transform:uppercase;
	margin: 10px 3px 0 0;
	line-height: 15px;
	padding: 0px 12px 0 0;
	font-size:10px;
	text-align: right;
	width: 125px;
	#width: 141px;
	display: inline;
	border-left:1px dotted #56829D;
	position:relative;
	/*background-color:#CCCCFF;*/

}

#HeaderLinks a
{
	color: #56829D;
	text-decoration:none;
}

#HeaderLinks a:hover
{
	color: #0072BC;
	text-decoration:underline;
}

 #HeaderBar
{
	color:#FFFFFF;
	margin-left:2px;
	margin-right:6px;
	background-color: #013668;
	padding: 0px;
}

#HeaderBar a
{
	color: #FFFFFF;
	text-decoration:none;
}

#HeaderBar a:hover, #HeaderBar .advSearch
{
	color: #FFFFFF;
	text-decoration:underline;
}

.pipe
{
	font-size:10px;
	padding: 0 .5em 0 .5em;	
	
}

.HeaderMenu
{
    padding: 10px 12px 0 0;
    #padding: 10px 12px 9px 0;
    display: block;
    height: 22px;
    float: right;
    background-color: #013668;
    color: #E6DED5;
 }
.HeaderMenuLink
{
    padding-top: 10px;
    padding-bottom: 9px;
    padding-left: 7px;
    padding-right: 7px;
}
.pipe1
{
	margin-left: -6.9px;
	margin-right: -6.1px;
}
/********** END Header *************************/

/********** Global Left Nav ********************/

#LeftColumn
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	/*min-width:147px;
	width: 13.36em;*/
	width:163px;
	margin-left:8px;
	#margin-left:4px;
	margin-top:4px;
	float:left;
	position:relative;
	height: 760px;
}


#LeftColumn ul
{
	list-style-type:none;
	padding:4px 0px 16px 0px;
	#padding:7px 0px 16px 0px;
	margin:0px;
}

#LeftColumn li
{
	margin: 0px 0px 0px 13px;
	padding:0px;
	line-height:167%;
	#line-height: 162%;
	#margin-top:1px;
	#margin-bottom:1px;
}

#LeftColumn a
{
	color:#013668;
	text-decoration:none;
}

#LeftColumn a:hover
{
	color: #B94500;
	text-decoration:underline;
}

.LeftColumnHeader
{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 2px 0px 10px;
	line-height: 23px;
	/*background: #E4ECEF url('http://www.tribunephotos.com/images/SideNavTab.jpg') repeat-x;*/
}

.Left
{
	margin-right: 3px;
}
#filHelp {
	position:absolute;
	top:inherit;
	left:170px;
	border:2px solid red;
	background-color:white;
	width:200px;
	height: 100px;
	display:none;
	padding:4px;
	z-index:99;
}
div.catTree {
	height:650px;
	width:163px;
	overflow:scroll;
}
div.catTree td{
    font-size: 9pt; 
    font-family: Arial, Helvetica, sans-serif;
    color: #013668;
}
div.catTree A {
	font-size: 9pt; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #013668;
}
div.catTree A:hover {color: #B94500;}
div.catTree A:visited {
	font-size: 9pt; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #013668;
}	 
#filterTip {
	padding:4px;
	font-size:11px;
	visibility:hidden;
	color: red;
}
/************* Flyout Menus *****************
Important style definition is 'position:absolute'. Means the element can
be placed at an arbitrary position without affecting the flow of surrounding
elements*/
.popup
{
    position: absolute;
    border-left: solid 1px #BBB;
    border-right: solid 1px #BBB;
    border-bottom: solid 1px #BBB;
    padding: 12px;
    background-color: #E4ECEF;
    opacity: .95;
    -moz-opacity: .95;
    filter:alpha(opacity=95);
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #013668;
    z-index: 1000;
    display: none;
    
    
}

.sub_popup_parentClass, .sub_popup_parentClass a 
{
	font-weight:bold;
	color: #013668;
	line-height:18px;
	text-decoration:none;
}
	
.sub_popup_parentClass a:visited
{
	font-weight:bold;
	color: #013668;
	line-height:18px;
	text-decoration:none;
}
.sub_popup_childClass
{
    font-weight: normal;
	cursor:pointer;
    line-height:16px;
}

.sub_popup_childClass a
{
	color: #013668;
	text-decoration:none;
}

.sub_popup_childClass a:visited
{
	color: #013668;
	text-decoration:none;
}
.sub_popup_childClass a:hover, .sub_popup_parentClass a:hover
{
	color: #B94500;
	text-decoration:underline;
}
.popupMenuMargin
{
    margin-left: 22px;
    margin-right: 22px;
}
#menuPeople
{
    left: 339px;
    #left: 346px;
    width: 339px;
    #width: 373px;
}
#menuPlaces
{
    left: 308px;
    #left: 315px;
	margin-left:150px;
	width: 366px;
    #width: 410px;
}
#menuSports
{
    left: 472px;
    #left: 479px;
    width: 356px;
    #width: 390px;
}
#menuOtherSubjects
{
  	left: 308px;
    #left: 315px;
	margin-left:100px;
    width: 408px;
    #width: 452px;
}
#mnuCollections
{
    left: 378px;
    #left: 385px;
	margin-left:120px;
    width: 370px;
    #width: 404px;
}
.HeaderMenu
{
    padding: 10px 12px 0 0;
    #padding: 10px 12px 9px 0;
    display: block;
    height: 22px;
    float: right;
    background-color:#013668;
    color: #fff;
 }
.HeaderMenuLink
{
    padding-top: 10px;
    padding-bottom: 9px;
    padding-left: 7px;
    padding-right: 7px;
}
.pipe1
{
	margin-left: -6.9px;
	margin-right: -6.1px;
}
.sub_popup_space
{
	height: 10px;
	#height: 1px;
	min-height: 1px;
}
/************ END Flyout Menus **************/

/*********** Main Page Content **************/
#Content
{
	margin-left:183px;
	#margin-left:179px;
	margin-top:3px;
	#margin-top:4px;
	width:779px;
	position:relative;
}
#ContentAlert {
	border:2px solid red;
	color:black;
	margin-bottom:15px;
	margin-top:15px;
	padding:15px;
	width:704px;
}

#ContentTop
{
	/*background-color:#FF9966;*/
	width:776px;
	height:140px;
	#width:778px;
	#height:142px;
	/*border:1px solid #013668;*/
}

#ContentRight
{
	border-left: 1px dotted #56829D;
	width:209px;
	height:571px;
	float:right;
	position:relative;
	margin-top: 16px;
	#margin-right: -4px;
	/*background-color:#00FFCC;*/
}

#SocialTop
{
	position:relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #20868F;
	margin-left: 8px;
}

#EbayFeed
{
	height:500px;
	position:relative;
	margin-left: 8px;
	/*border-top: 1px solid #20868F;*/
	margin-right: 8px;
}
#AuctionImage {
	margin:8px 0 0 8px;
	#margin-left:6px;
}
#eBayRss {
	height:500px;
	width:193px;
	#width:193px;
	border:1px solid #20868F;
	overflow:auto;
	overflow-x:hidden;
	background-color: #fff;
	position: relative;
	font-size:11px;
}
#Subscribe
{
	height:150px;
	position:relative;
}
#ContentIntro {
	color:#013668;
	text-align:justify;
	width:561px;
	/*height:300px;
	background-color: #97C6D5;*/
	float:right;
	margin-top:16px;
	margin-right:8px;
	position:relative;
	#display:inline;
}
#preLoad {
	width:561px;
	float:right;
	height:300px;
	text-align:center;
}
#ContentSlider
{
	text-align:left;
	width:561px;
	/*height:300px;
	background-color: #97C6D5;*/
	float:right;
	margin-top:16px;
	margin-right:8px;
	position:relative;
	
}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid white;
overflow: scroll; /*leave this value alone*/
width: 517px; /*Width of Carousel Viewer itself*/
height: 175px; /*Height should enough to fit largest content's height*/
margin:0px auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 123px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:center;
}
.stepcarousel .panel a {
	color: #013668;
	text-decoration:none;
}

.stepcarousel .panel a:visited
{
	color: #013668;
	text-decoration:none;
}
.stepcarousel .panel a:hover
{
	color: #B94500;
	text-decoration:underline;
}
ul#tabs { 
	list-style-type: none; 
	margin: 4px 0 0 0px; 
	padding: 0 0 0.3em 0; 
}
ul#tabs li { display: inline; }

ul#tabs li a { 
	color: #013668; 
	background-color: #E4ECEF; 
	border: 1px solid #013668; 
	border-bottom: none; 
	padding: 0.3em; 
	text-decoration: none; 
}
ul#tabs li a:hover { background-color: #fff; }
ul#tabs li a.selected { 
	color: #013668; 
	background-color: #fff; 
	font-weight: bold; 
	padding: 0.3em 0.3em 0.38em 0.3em; 
}
div.tabContent { 
	border: 1px solid #013668; 
	padding: 0.5em 0 0.5em 0; 
	background-color: #fff; 
	text-align:center; 
}
div.tabContent.hide { display: none; }

.slidernav {
	width:240px; 
	margin:0px auto;
}
.navbutton {
	width:50px; 
	height:30px; 
	float:left;
}
.hottopic {
	margin-top:6px;
	height:24px; 
	float:left; 
	color:#013668; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:14px;
} 
.ContentBox
{
	width:274px;
	#width:276px;
	height:181px;
	border: 1px solid #013668;
	background-color:white;
	margin-top: 8px;
	margin-right:8px;
	position:relative;
	float:right;
	color:#013668;
	#display:inline;
	
}

.ContentBoxTitle {
	font-family: "Times New Roman", Times, serif; 
	font-size:16px;
	font-weight:bold; 
	background-color:#E4ECEF;
	text-align:center;
	height:28px;
}
.ContentBoxText {
	/*float:left;*/
	width:119px;
	margin:8px 0 0 8px;
	height: 134px;
	overflow: visible;
	font-size:11px;
	text-align:left;
}
.ContentBoxText a {
	color: #013668;
	text-decoration:none;
}
.ContentBoxText a:hover {
	color: #013668;
	text-decoration:underline;
}
.ContentBoxText a:visited {
	color: #013668;
	text-decoration:none;
}

.ContentBoxMain ul {
	padding:0px 0px 0px 10px;
	#padding:0px 0px 0px 13px;
	margin-left:0px;
	list-style-type: none;
}

.ContentBoxMain li {
	line-height:167%;
	#line-height: 162%;
	#margin-top:1px;
	#margin-bottom:1px;
}

.ContentBoxImage {
	float:right;
	/*margin:8px 4px 0px 0;*/
	height:134px;
	width:134px;
}


/************* Footer *****************/
#footermain {
	background-image:url('../images/content_BG.jpg');
	background-repeat:repeat-y;
	background-color:fff;
	clear:both;
	color:#000;
	font-size:12px;
	width:968px;
	margin: -15px auto 0 auto;
	position:relative;
}
.footbox {
	float:left;
	width:153px;
	#width:178px;
	position:relative;
	text-align:left;
	font-size:10px;
	color:#56829D;
	display: inline;
	border-left:1px dotted #56829D;
	padding-left:25px;
	
}

#footbox1 {
	color:#A6A7AB;
	width:158px;
	#width:188px;
	height:75px;
	text-align:center;
	padding-left:30px;
	border-left:none;	
}
.Footphone
{
	float:left;
	color:#464646;
	text-align:center;
	width: 10em;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
}


.Footphone_Top
{
	border-bottom: 1px solid #464646;
	padding-bottom: 3px;
	white-space: nowrap;
}

.Footphone_Bottom
{
	margin-top: 3px;
	white-space: nowrap;	
	font-weight:bold;
	font-size:12px;
}

#footbox4 {
	/*border-left:1px dotted #56829D;*/
	width:207px;
	#width:235px;
	/*height:75px;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-left:20px;
	margin-right: 8px;
}
	
.footbox a {
	color: #56829D;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.footbox a:hover {
	color:#B94500;
	text-decoration:underline;
}
#footerbottom {
	background-image:url('../images/footer_bg1.jpg');
	background-position: center top;
	background-repeat:no-repeat;
	clear:both;
	width:968px;
	margin: -15px auto 0 auto;
	position:relative;
	height:20px;
}

/************* END Footer *****************/



