@import url(../css/home.css); /* To use the same absolute positioning of the Footer as the homepage stylesheet. Yes, that
would usually mean taking on unnecesary overhead. However, this should be acceptable because home.css is most likely cached 
from visiting the homepage first. */

/* Fan Central Homepage CSS Document */

/* Flyers logo - Override the styling from the imported home.css */  
h1#logoFlyers {
	background: transparent url(/images/logo-flyers.gif) no-repeat;
	width: 152px;
	height: 108px;
	display: block;
	top: 8px;
	left: 0;
	}

/* Global navigation - These are declared in global.css. However, the imported home.css overrides these values */ 
div#globalNav {
	background: transparent url(/images/airplane.gif) no-repeat;
	right: 0;
	}
	
/* Two main features - Fan Central Heading and news, and the slideshow */
div#twoFeatures {
	position: absolute;
	top: 122px;
	left: 0;
	width: 100%;
	}
	div#news {
		background: transparent url(/images/bkg-news.gif) 0 68px no-repeat;
		float: left;
		width: 466px;
		height: 327px;
		color: #fff;
		}
		div#newsContent {
			padding: 10px;
			}
		h1#headingFanCentral {
			background: transparent url(/images/heading-fan-central.gif) no-repeat;
			margin: 0;
			width: 466px;
			height: 68px;
			text-indent: -9999px;
			}
		#news ul.sf_newsList li {
			margin: 0;
			padding: 0;
			}
		#news h2.sf_newsTitle {
			margin: 0;
			padding: 0;
			font-size: 16px;
			font-weight: bold;
			color: #cdb97d;
			display: inline; /* Needed for IE to not have empty space before the h2 */
			}
		#news p.sf_newsDate {
			margin: 0;
			font-size: 13px;
			}
		#news img {
			margin: 0 10px 0 0;
			float: left;
			}
		#news p.sf_newsSummary {
			line-height: normal;
			margin: 9px 0 12px;
			}
		#news div.hr {
			height: 5px;
			background: transparent url(/images/bkg-hr.gif) repeat-x;
			margin: 15px 0 10px;
			}
			div.hr hr {
				display: none;
				}
		#news a {
			color: #fff;
			}
	div#slideshow {
		float: right;
		background: #fff;
		width: 452px;
		height: 313px;
		padding: 7px;
		}

/* Four featured items along the bottom. Currently Partners, Gift Shop, Bearon, and Dance Team */
div#fourFeatures {
	background: transparent url(/images/bkg-four-features-fan-central.jpg) no-repeat;
	width: 100%;
	height: 413px;
	position: absolute;
	top: 465px;
	left: 0;
	line-height: 17px;
	}
	#fourFeatures div {
		width: 189px;
		padding: 15px;
		margin-right: 28px;
		float: left;
		}
	#fourFeatures h2 {
		margin: 0 0 5px 30px;
		text-indent: -9999px; 
		height: 156px;
		width: 130px;
		}
	#fourFeatures a, #fourFeatures a:visited {
		color: #000;
		text-decoration: none;
		}
		#fourFeatures a:hover, #fourFeatures a:visited:hover {
			text-decoration: underline;
			}
	#fourFeatures p {
		margin: 0;
		}
	div#partners h2 {
		background: transparent url(/images/heading-partners.gif) 50% 100% no-repeat;
		}
	div#giftShop h2 {
		background: transparent url(/images/heading-gift-shop.gif) 50% 100% no-repeat;
		}
	div#bearon h2 {
		background: transparent url(/images/heading-bearon.gif) 50% 100% no-repeat;
		}
	div#danceTeam h2 {
		background: transparent url(/images/heading-dance-team.gif) 50% 100% no-repeat;
		}
		
/* Footer */
#alexian {
	margin-left: 50px;
	}