/*
Author:Tribal DDB Chicago
Developer:R Pryor, R O'Donnell, D Scott Boyce
Client:Gatorade
*/

/* HISTORY general */

#hist_top01, #hist_top02, #hist_top03, #hist_top04, #hist_top05, #hist_top06, #hist_top07 {
	width:940px; height:400px;
	background:#000 url("../images/history/bg_hist_01.jpg") no-repeat 0 0;
}

#hist_top01 {background:url("../images/history/bg_hist_01.jpg");}
#hist_top02 {background-image:url("../images/history/bg_hist_02.jpg");}
#hist_top03 {background-image:url("../images/history/bg_hist_03.jpg");}
#hist_top04 {background-image:url("../images/history/bg_hist_04.jpg");}
#hist_top05 {background-image:url("../images/history/bg_hist_05.jpg");}
#hist_top06 {background-image:url("../images/history/bg_hist_06.jpg");}
#hist_top07 {background-image:url("../images/history/bg_hist_07.jpg");}

#history_years01 {background-image:url("../images/history/history_years01.gif");}
#history_years02 {background-image:url("../images/history/history_years02.gif");}
#history_years03 {background-image:url("../images/history/history_years03.gif");}
#history_years04 {background-image:url("../images/history/history_years04.gif");}
#history_years05 {background-image:url("../images/history/history_years05.gif");}
#history_years06 {background-image:url("../images/history/history_years06.gif");}
#history_years07 {background-image:url("../images/history/history_years07.gif");}

.history #flash_wrapper h1 {
	width:886px; height:33px;
	overflow:hidden;
	position:absolute; z-index:1;
	bottom:320px; left:34px;
	border:0;
	font-size:1.5em;
	color:#d2e92c;
}
.history #flash_wrapper h1 span,
.history #flash_wrapper h2 {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
.history #flash_wrapper p {
	color:#fff;
	font-size:.9em;
	line-height:1.1em;
	margin:0 0 1em 0;
}

#hist_text {
    margin:0; padding:100px 0 0 250px;
	width:400px; height:280px; overflow:hidden;
	border-top:0;
}

.history #flash_wrapper .callout {
	font-weight:bold;
	font-size:.9em;
}

.history #flash_wrapper #callout {
	font-weight:bold;
	font-size:.8em;
	margin:.5em 0;
	text-transform:uppercase;	
}
.history #callout a:link, .history #callout a:visited, .history #callout a:active {
    padding:0 0 0 7px;
	color:#fff; background:transparent url("../images/hydration/bg_bullet_r.gif") no-repeat 0 3px;
	font-weight:bold;
	text-decoration:none;
}
.history #callout a:hover {
    padding:0 0 0 7px;
	color:#d2e92c; background:transparent url("../images/hydration/bg_bullet_r.gif") no-repeat 0 3px;
	font-weight:bold;
	text-decoration:none;
}

/* history side nav bar UL*/

#hist_sidenav {
	margin:93px 0 0 36px; padding:0;
	position:absolute;
	top:0; left:0;
	width:150px; height:220px; overflow:hidden;
	background:transparent url("../images/history/spr_history.gif") no-repeat 0 0;
	list-style:none;
}
#hist_sidenav li {
	margin:0; padding:0;
	list-style:none;
}
#hist_sidenav li span {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
#hist_sidenav li,
#hist_sidenav a {
	display:block;
	width:150px;
	position:absolute;
	left:0;
	background:transparent url("../images/history/spr_history.gif") no-repeat 0 0;
	text-decoration:none;
}
#hist_sidenav_01 a {
	top:0;
	height:23px;
	background-position:0 0;
}
#hist_sidenav_02 a {
	top:23px;
	height:23px;
	background-position:0 -23px;
}
#hist_sidenav_03 a {
	top:45px;
	height:36px;
	background-position:0 -45px;
}
#hist_sidenav_04 a {
	top:81px;
	height:35px;
	background-position:0 -81px;
}
#hist_sidenav_05 a {
	top:116px;
	height:24px;
	background-position:0 -116px;
}
#hist_sidenav_06 a {
	top:141px;
	height:25px;
	background-position:0 -141px;
}
#hist_sidenav_07 a {
	top:165px;
	height:25px;
	background-position:0 -165px;
}
#hist_sidenav_01 a:hover {
	background-position:-195px 0;
}
#hist_sidenav_02 a:hover {
	background-position:-195px -23px;
}
#hist_sidenav_03 a:hover {
	background-position:-195px -45px;
}
#hist_sidenav_04 a:hover {
	background-position:-195px -81px;
}
#hist_sidenav_05 a:hover {
	background-position:-195px -116px;
}
#hist_sidenav_06 a:hover {
	background-position:-195px -141px;
}
#hist_sidenav_07 a:hover {
	background-position:-195px -165px;
}

#hist_sidenav_01 a.selected,
#hist_sidenav_01 a.selected:hover {
	background-position:-390px 0;
}
#hist_sidenav_02 a.selected,
#hist_sidenav_02 a.selected:hover {
	background-position:-390px -23px;
}
#hist_sidenav_03 a.selected,
#hist_sidenav_03 a.selected:hover {
	background-position:-390px -45px;
}
#hist_sidenav_04 a.selected,
#hist_sidenav_04 a.selected:hover {
	background-position:-390px -81px;
}
#hist_sidenav_05 a.selected,
#hist_sidenav_05 a.selected:hover {
	background-position:-390px -116px;
}
#hist_sidenav_06 a.selected,
#hist_sidenav_06 a.selected:hover {
	background-position:-390px -141px;
}
#hist_sidenav_07 a.selected,
#hist_sidenav_07 a.selected:hover {
	background-position:-390px -165px;
}

#footnote {
	font-size:7pt;
	color:#666666;
	font-style:italic;
	padding-top:10px;
}

#footnote_box {
	padding-top:10px;
	position:relative; z-index:1;
	width:300px;
	overflow:auto;
	float:left;
}

.footnote_2 {
	font-size:7pt;
	color:#666666;
	font-style:italic;
	padding-top:10px;
}

.reference {
	color:#666666;
}

#list_1 li {
	text-decoration:none;
	color:#fff;
	font-size:9pt;
	line-height:11pt;
}