/*
Company:	Kroc Center
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background: url(../images/content-bkg-1.gif) repeat-y 50% 0 #939495;}

body {
	background: url(../images/page-fade.gif) no-repeat 50% 0;
	min-height:649px;
	height:auto !important;
	height:649px;
}
a {outline:none;}
img {border:none;}
/* @end */

/* @group Layout */
div#wrap {
	/*background: url(../images/page-fade.gif) no-repeat 50% 0;
	width: 973px;
	margin-left: auto;
	margin-right: auto;*/
}

/* Head */
div#hd {
	width: 973px;
	margin-left: auto;
	margin-right: auto;
	height: 110px;
	background: url(../images/hd-bkg.gif) no-repeat 0 0;
	overflow: hidden;}


/* Body */
div#bd {
	padding-bottom: 100px;
	width: 973px;
	margin-left: auto;
	margin-right: auto;}


/* Footer */
div#ft {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 41px;}

div#ft-pop {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 41px;
	/*overflow: hidden;*/
}
div#ft-inner {
	width: 975px/*973px*/;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/ft-bkg.jpg) no-repeat 0 0;
	height: 41px;
	/*overflow: hidden;*/
}
/* @end */

/* @group Modules */
/* Head Color Bar */
div#hd-color-bar {
	width: 973px;
	height: 9px;
	background: url(../images/nav-bar.jpg) no-repeat 0 0;
	overflow: hidden;
	clear: both;
	margin-left: auto;
	margin-right: auto;}


/* Logo */
div#logo {
	width: 278px;
	height: 54px;
	background: url(../images/come-together-logo.gif) no-repeat 0 0;
	text-indent: -9000px;
	margin: 19px 0 17px 30px;
	float: left;
	display: inline;}

div#logo a {
	display: block;
	height: 100%;}


/* Home Animation */
#homeAnimationImgs {
    margin:0 0 0 19px;
}
p.homeAnimationLast {
	/* display:none; */
	line-height:20px;
	margin:8px 8px 8px 35px;
	width:400px;
}
#homeAnimationLastImage {
    position:absolute;
    top:0;
    left:0;
    margin:0;
    padding:0;
}
div#slideWrap {
	padding: 160px 60px 0 100px;
	position: relative;
}

/* Home Icons */
p.home-tv {
	width: 119px;
	text-align: center;
	margin: 20px 0 0 35px;
	float: left;
	display: inline;}

p.home-tv a {
	display: block;
	width: 119px;
	height: 123px;
	text-indent: -9000px;
	background: url(../images/tv-icon.jpg) no-repeat 0 0;}


p.home-flyover {
	width: 119px;
	text-align: center;
	margin: 20px 0 0 30px;
	float: left;
	display: inline;}

p.home-flyover a {
	display: block;
	width: 119px;
	height: 123px;
	text-indent: -9000px;
	background: url(../images/3dflyover-icon.jpg) no-repeat 0 0;}

p.home-wmc {
	width: 119px;
	text-align: center;
	margin: 20px 0 0 35px;
	float: left;
	display: inline;}

p.home-wmc a {
	display: block;
	width: 119px;
	height: 123px;
	text-indent: -9000px;
	background: url(../images/tv-spot-home.gif) no-repeat 0 0;}

/* Main */
div.main {
	width: 637px;
	float: left;
	display: inline;}

body.p-location div.main {
	width: 405px
}
div.main div.content {
	padding: 30px 70px 15px 100px;}

div.main-left {
	width: 49%;
	float: left;
	display: inline;}

div.main-right {
	width: 49%;
	float: left;
	display: inline;}


/* Side */
div.side {
	width: 336px;
	float: right;
	display: inline;}

body.p-location div.side {
	width: 568px;}


/* Tour */
div.tour {
	width: 594px;
	height: 325px;
	background: url(../images/floorplan.gif) no-repeat 0 0;
	margin: 0 0 0 25px;
}
div.fp-theater {
	width: 148px;
	height: 114px;
	background: url(../images/fp-theater.gif) no-repeat 0 0;
	position: absolute;
	margin: 65px 0 0 436px;
}
div.fp-cafeteria {
	width: 122px;
	height: 83px;
	background: url(../images/fp-cafeteria.gif) no-repeat 0 0;
	position: absolute;
	margin: 72px 0 0 320px;
}
div.fp-soccer {
	width: 43px;
	height: 67px;
	background: url(../images/fp-soccer.gif) no-repeat 0 0;
	position: absolute;
	margin: 11px 0 0 504px;
}
div.fp-aquatics {
	width: 93px;
	height: 57px;
	background: url(../images/fp-aquatics.gif) no-repeat 0 0;
	position: absolute;
	margin: 11px 0 0 303px;
}
div.fp-gym {
	width: 143px;
	height: 112px;
	background: url(../images/fp-gym.gif) no-repeat 0 0;
	position: absolute;
	margin: 37px 0 0 88px;
}
div.fp-fitness {
	width: 132px;
	height: 102px;
	background: url(../images/fp-fitness.gif) no-repeat 0 0;
	position: absolute;
	margin: 68px 0 0 236px;
}
div.fp-courtyard {
	width: 143px;
	height: 103px;
	background: url(../images/fp-courtyard.gif) no-repeat 0 0;
	position: absolute;
	margin: 107px 0 0 293px;
}
div.fp-lobby {
	width: 161px;
	height: 107px;
	background: url(../images/fp-lobby.gif) no-repeat 0 0;
	position: absolute;
	margin: 150px 0 0 296px;
}
div.fp-admin {
	width: 180px;
	height: 236px;
	background: url(../images/fp-admin.gif) no-repeat 0 0;
	position: absolute;
	margin: 85px 0 0 141px;
}
div.fp-multi-sport {
	width: 180px;
	height: 236px;
	background: url(../images/fp-multi-sport.gif) no-repeat 0 0;
	position: absolute;
	margin: 67px 0 0 -10px;
}
div.fp-multi-challenge {
	width: 109px;
	height: 86px;
	background: url(../images/fp-multi-challenge.gif) no-repeat 0 0;
	position: absolute;
	margin: 24px 0 0 177px;
}

div.fp-popup, div.tour-sidebox {
	display: none;}

div.fp-popup:hover {
	cursor: pointer;}

div.side-tour-pad {
	padding: 25px 30px;}

div.tour-initial {
	padding: 30px 0 0 0;}


/* Location Map */
div.location-map {
	padding: 60px 0 0 0;
	text-align: center;}


/* Footer Bar */
div#ft div.share {
	width: 130px;
	padding: 13px 0 0 0;
	margin: 0 0 0 43px;
	float: left;
	display: inline;}

div#ft div.social-links {
	width: 150px;
	padding: 13px 0 0 0;
	margin: 0 0 0 60px;
	color: #fff;
	font-weight: bold;
	float: left;
	display: inline;}

div#ft div.social-links p {
	margin: 0;
	font-size: 77%;
	vertical-align: middle;}

div#ft div.social-links p img {
	vertical-align: middle;
	margin: 0 6px;}

div#ft div.stats {
	width: 520px;
	padding: 5px 0 0 0;
	float: right;
	display: inline;}

div#ft div.stats table {
	width: 400px;
	float: left;
	display: inline;}

div#ft div.stats table td, div#ft div.stats table th {
	padding: 0;
	border: none;
	font-weight: normal;
	text-align: center;
	font-size: 85%;}

div#ft div.stats table td {
	font-weight: bold;}

div#ft div.stats table th.goal, div#ft div.stats table td.goal {
	width: 90px;
	font-weight: bold;}

div#ft div.stats table th.pledged {
	width: 100px;
	font-weight: bold;}

div#ft div.stats table th.needed {
	width: 210px;
	font-weight: bold;}

div#ft div.stats p.donate {
	width: 110px;
	margin: 0;
	padding: 2px 0 2px 0;
	font-weight: bold;
	border-left: 1px solid #937910;
	text-align: center;
	line-height: 100%;
	float: right;
	display: inline;}

div#ft div.stats p.donate a:link, div#ft div.stats p.donate a:visited {
	color: #000;
	text-decoration: none;}


/* Partner Logos */
div.partner-logos {
	text-align: center;
	padding: 0 0 30px 0;}

div.partner-logos img {
	margin: 0 15px;}

div.partners-initial {
	text-align: right;
	padding: 250px 0 0 0;}

div.partners-txt {
	display: none;
	padding: 0 35px 0 35px;
	text-align: center;}

div.side div.partners-txt {
	color: #000;}


/* Press List */
div.presslist {
	padding: 0 0 0 28px;}

div.presslist div {
	padding: 0 0 0 100px;
	overflow: hidden;
}
div.presslist div .linkitem {
	text-decoration: none;
	margin: 0 40px 0 0;
	color: #ec7310;}
	

div.presslist h3 {
	margin: 0;
	height: 58px;
	line-height: 58px;
	padding: 0 0 0 73px;
	font-size: 116%;
}
	
div.presslist h4 {
	margin: 0;
	height: 58px;
	line-height: 58px;
	font-size: 116%;}
	
div.presslist h6 {
	margin: 0;
	height: 58px;
	line-height: 58px;
	font-size: 90%;}

div.presslist h3 a:link, div.presslist h3 a:visited {
	text-decoration: none;}

div.presslist h3.press-video {
	background: url(../images/icon-video.gif) no-repeat 0 50%;}

div.presslist h3.press-releases {
	background: url(../images/icon-press.gif) no-repeat 0 50%;}

div.presslist h3.press-images {
	background: url(../images/icon-images.gif) no-repeat 0 50%;}

div.presslist h3.press-ads {
	background: url(../images/icon-ads.gif) no-repeat 0 50%;}

div.presslist h3.press-factsheets {
	background: url(../images/icon-fact-sheets.gif) no-repeat 0 50%;}

div.presslist h3.press-recent {
	background: url(../images/icon-recent.gif) no-repeat 0 50%;}

div.presslist h3.press-feature {
	background: url(../images/icon-feature.gif) no-repeat 0 50%;}

/* @end */

/* @group Nav */
/* Nav */
div#nav {
	clear: both;
	margin: 0 0 0 30px;
	height: 15px;
	overflow: hidden;}

div#nav ul {
	margin: 0;
	padding: 0;}

div#nav ul li {
	list-style: none;
	float: left;
	display: inline;}

div#nav ul li a {
	display: block;
	background: url(../images/nav.gif) no-repeat 0 0;
	height: 15px;}


div#nav ul li#n-mission {margin: 0 17px 0 0;}
div#nav ul li#n-mission a {
	width: 97px;
	text-indent: -9000px;}
div#nav ul li#n-mission a:hover, body.p-home div#nav ul li#n-mission a {
	background-position: 0 -15px;}


div#nav ul li#n-location {margin: 0 22px 0 0;}
div#nav ul li#n-location a {
	width: 71px;
	text-indent: -9000px;
	background-position: -113px 0;}
div#nav ul li#n-location a:hover, body.p-location div#nav ul li#n-location a {
	background-position: -113px -15px;}


div#nav ul li#n-tour {margin: 0 22px 0 0;}
div#nav ul li#n-tour a {
	width: 95px;
	text-indent: -9000px;
	background-position: -197px 0;}
div#nav ul li#n-tour a:hover, body.p-tour div#nav ul li#n-tour a {
	background-position: -197px -15px;}


div#nav ul li#n-partners {margin: 0 22px 0 0;}
div#nav ul li#n-partners a {
	width: 152px;
	text-indent: -9000px;
	background-position: -309px 0;}
div#nav ul li#n-partners a:hover, body.p-partners div#nav ul li#n-partners a {
	background-position: -309px -15px;}


div#nav ul li#n-pressroom {margin: 0 22px 0 0;}
div#nav ul li#n-pressroom a {
	width: 78px;
	text-indent: -9000px;
	background-position: -478px 0;}
div#nav ul li#n-pressroom a:hover, body.p-pressroom div#nav ul li#n-pressroom a {
	background-position: -478px -15px;}


div#nav ul li#n-involved {margin: 0 22px 0 0;}
div#nav ul li#n-involved a {
	width: 95px;
	text-indent: -9000px;
	background-position: -571px 0;}
div#nav ul li#n-involved a:hover, body.p-involved div#nav ul li#n-involved a {
	background-position: -571px -15px;}


div#nav ul li#n-about {margin: 0 22px 0 0;}
div#nav ul li#n-about a {
	width: 196px;
	text-indent: -9000px;
	background-position: -683px 0;}
div#nav ul li#n-about a:hover, body.p-about div#nav ul li#n-about a {
	background-position: -683px -15px;}


div#nav ul li#n-pressroom a:hover, body.p-pressroom div#nav ul li#n-pressroom a {
	background-position: -478px -15px;}


/* Util Nav */
div#util-nav {
	width: 252px;
	padding: 17px 0 0 0;
	height: 12px;
	overflow: hidden;
	float: right;
	display: inline;}

div#util-nav ul {
	margin: 0;
	padding: 0;}

div#util-nav ul li {
	list-style: none;
	float: left;
	display: inline;}

div#util-nav ul li a {
	display: block;
	background: url(../images/util-nav.gif) no-repeat 0 0;
	height: 12px;}


div#util-nav ul li#un-donate {
	margin: 0 18px 0 0;}

div#util-nav ul li#un-donate a {
	width: 51px;
	text-indent: -9000px;}

div#util-nav ul li#un-donate a:hover {
	background-position: 0 -12px;}


div#util-nav ul li#un-contact {
	margin: 0 18px 0 0;}

div#util-nav ul li#un-contact a {
	width: 79px;
	text-indent: -9000px;
	background-position: -69px 0;}

div#util-nav ul li#un-contact a:hover {
	background-position: -69px -12px;}


div#util-nav ul li#un-involved a {
	width: 86px;
	text-indent: -9000px;
	background-position: -165px 0;}

div#util-nav ul li#un-involved a:hover {
	background-position: -165px -12px;}

/* @end */

/* @group Default Headings */
h1.hd-virtual-tour {
	margin: 0 0 15px 0;
	background: url(../images/hd-virtual.gif) no-repeat 0 0;
	height: 24px;
	text-indent: -9000px;}

h1.hd-partners {
	margin: 0 0 15px 0;
	background: url(../images/hd-partners.gif) no-repeat 0 0;
	height: 24px;
	text-indent: -9000px;}

h1.hd-supporters {
	margin: 0 0 15px 0;
	background: url(../images/hd-supporters.gif) no-repeat 0 0;
	height: 24px;
	text-indent: -9000px;}

h1.hd-partners-supporters {
	margin: 0 0 15px 0;
	background: url(../images/hd-partners-supporters.gif) no-repeat 0 0;
	height: 24px;
	text-indent: -9000px;}

h1.hd-pressroom {
	margin: 0 0 15px 0;
	background: url(../images/hd-pressroom.gif) no-repeat 0 0;
	height: 24px;
	text-indent: -9000px;}

h1.hd-about {
	margin: 0 0 15px 0;
	background: url(../images/hd-about.gif) no-repeat 0 0;
	height: 24px;
	text-indent: -9000px;}

h1.hd-contact {
	margin: 0 0 15px 0;
	background: url(../images/hd-contact.gif) no-repeat 0 0;
	height: 24px;
	text-indent: -9000px;}

h1.hd-donate {
	margin: 0 0 15px 0;
	background: url(../images/hd-donate.gif) no-repeat 0 0;
	height: 24px;
	text-indent: -9000px;}
	
h1.hd-involved {
	margin: 0 0 15px 0;
	background: url(../images/hd-involved.png) no-repeat 0 0;
	height: 24px;
	text-indent: -9000px;}
	
h1.hd-get-involved {
	margin: 0 0 15px 0;
	background: url(../images/hd-get-involved.png) no-repeat 0 0;
	height: 24px;
	text-indent: -9000px;}

h1.hd-crossroads {
	margin: 0 0 15px 0;
	background: url(../images/hd-crossroads-city.gif) no-repeat 0 0;
	height: 24px;
	text-indent: -9000px;}


h2.hd-theater {
	background: url(../images/hd-theater.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	text-indent: -9000px;
	height: 18px;}

h2.hd-cafeteria {
	background: url(../images/hd-cafeteria.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	text-indent: -9000px;
	height: 18px;}

h2.hd-soccer {
	background: url(../images/hd-soccer.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	text-indent: -9000px;
	height: 18px;}

h2.hd-aquatics {
	background: url(../images/hd-aquatics.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	text-indent: -9000px;
	height: 18px;}

h2.hd-gym {
	background: url(../images/hd-gym.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	text-indent: -9000px;
	height: 18px;}

h2.hd-fitness {
	background: url(../images/hd-fitness.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	text-indent: -9000px;
	height: 18px;}

h2.hd-courtyard {
	background: url(../images/hd-courtyard.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	text-indent: -9000px;
	height: 18px;}

h2.hd-lobby {
	background: url(../images/hd-lobby.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	text-indent: -9000px;
	height: 18px;}
	
h2.hd-admin {
	background: url(../images/hd-admin-offices.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	text-indent: -9000px;
	height: 18px;}

h2.hd-multi-challenge {
	background: url(../images/hd-multi-challenge.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	text-indent: -9000px;
	height: 18px;
}

div.side h3 {
	margin: 0 0 2px 0;
	font-size: 85%;
	font-weight: bold;}

/* @end */

/* @group Common Text Styles */
div.main p,div.main table {
	font-size: 85%;
	line-height: 140%;}

div.main p.big {
	font-size: 100%;}

div.main p.learn-more {
	font-weight: bold;}

div.main p.learn-more a:link, div.main p.learn-more a:visited {
	color: #787878;
	text-decoration: none;}

div.main p.learn-more a:hover {
	color: #dc291e;}

div.contact-us a:link, div.contact-us a:visited {
	color: #dc291e;}


div.side {
	color: #555;}

div.side p {
	font-size: 85%;
	line-height: 140%;}


.red {
	color: #dc291e!important;}

.italic {
	font-style: italic!important;}

.center {
	text-align: center;}

/* @end */

/* @group Default Lists */
div.main li {
	font-size: 85%;
	line-height: 140%;}

div.main li li {
	font-size: 100%;}

div.main ul.supporters-list li {
	font-weight: bold;
	color: #000;}

div.main ul.supporters-list li a:link, div.main ul.supporters-list li a:visited {
	text-decoration: none;}


div.side li {
	font-size: 85%;
	line-height: 140%;}

div.side li li {
	font-size: 100%;}

/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a {outline:none;}

a:link, a:visited {
	color: #dc291e;
}

a:hover {
	color: #dc291e;
	text-decoration: underline;
}

/* @end */

/* @group Misc */
.clear {
	clear: both;}

.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 */
/* @end */

p.attribution
{
	font-weight: bold;
}