/*
Yahoo! reset
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
* { outline:none; }
html{color:#fff;background:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}





/*
Yahoo! fonts
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;}
input,textarea,select{*font:100% arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}





/*
Yahoo! base
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/* base.css, part of YUI's CSS Foundation */
strong {
	/*bringing boldness back to the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote {
	/*giving blockquotes room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2.5em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


/**
 * typography
 */

#wrapper {
	font-size: 93%; /* 12px */
    height: 925px;
    min-height:925px;
	overflow:auto;
	text-align:center;
    width: 100%;
}
#wrapper h1, h1 {
	font-size: 138.5%; /* 18px */
}
#wrapper h2 {
	font-size: 116%; /* 15px */
}
#wrapper h3 {
	font-size: 100%; /* 13px */
}

/* structure */
 
html {
	height: 100%;
    width: 100%;
	overflow-x: auto;
	overflow-y: scroll;
}

body {
	height: 100%;
    width: 100%;
	margin: 0px;
	padding: 0px;
	background: #000;
}

#note-coppa {
	clear: both;
}

/* top nav */

.include-nav #wrapper {
	position: relative;
	top: -225px;
	height: 825px;
}

.include-nav #footer {
	margin:0 auto;
	position:relative;
	top:-315px;
	width:930px;
}

#nav {
	background: url(/images/bg_topnav.jpg) no-repeat;
	height: 225px;
	position: relative;
	width: 970px;
}

#nav a, #nav h2 {
	display: block;
	overflow: hidden;
	text-indent: -500em;
}

#nav ul {
	margin: 0;
	padding: 0;
	position: absolute;
}

#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav-close {
	background: url(/images/bt_nav_close.jpg) 0 0 no-repeat;
	height: 25px;
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
}

#nav-close:hover {
	background-position: 0 -25px;
}

#nav-hd-games {
	background: url(/images/hd_nav_games.jpg) no-repeat;
	height: 29px;
	left: 141px;
	position: absolute;
	top: 38px;
	width: 70px;
}

#nav-games1 {
	left: 121px;
	top: 75px;
}

#nav-games2 {
	left: 266px;
	top: 75px;
}

#nav-games1 a, #nav-games1 li {
	background-image: url(/images/bt_nav_games1.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 120px;
}

#nav-games2 a, #nav-games2 li {
	background-image: url(/images/bt_nav_games2.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 170px;
}

#nav-games1 a:hover, #nav-games2 a:hover {
	background-image: none;
}

#nav-game-boat a {
	background-position: 0 0;
}

#nav-game-boat {
	background-position: -120px 0;
}

#nav-game-strike a {
	background-position: 0 -22px;
}

#nav-game-strike {
	background-position: -120px -22px;
}

#nav-game-shell a {
	background-position: 0 -44px;
}

#nav-game-shell {
	background-position: -120px -44px;
}

#nav-game-arcade a {
	background-position: 0 -66px;
}

#nav-game-arcade {
	background-position: -120px -66px;
}

#nav-game-news a {
	background-position: 0 -88px;
}

#nav-game-news {
	background-position: -120px -88px;
}

#nav-game-slider a {
	background-position: 0 0;
}

#nav-game-slider {
	background-position: -170px 0;
}

#nav-game-cereal a {
	background-position: 0 -22px;
}

#nav-game-cereal {
	background-position: -170px -22px;
}

#nav-game-race a {
	background-position: 0 -44px;
}

#nav-game-race {
	background-position: -170px -44px;
}

#nav-game-stair a {
	background-position: 0 -66px;
}

#nav-game-stair {
	background-position: -170px -66px;
}

#nav-game-gliders a {
	background-position: 0 -88px;
}

#nav-game-gliders {
	background-position: -170px -88px;
}

#nav-hd-videos {
	background: url(/images/hd_nav_videos.jpg) no-repeat;
	height: 29px;
	left: 510px;
	position: absolute;
	top: 38px;
	width: 70px;
}

#nav-vid {
	left: 491px;
	top: 75px;
}

#nav-vid a, #nav-vid li {
	background-image: url(/images/bt_nav_videos.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 225px;
}

#nav-vid a:hover {
	background-image: none;
}

#nav-vid-apple a {
	background-position: 0 0;
}

#nav-vid-apple {
	background-position: -225px 0;
}

#nav-vid-cin a {
	background-position: 0 -22px;
}

#nav-vid-cin {
	background-position: -225px -22px;
}

#nav-vid-run a {
	background-position: 0 -44px;
}

#nav-vid-run {
	background-position: -225px -44px;
}

#nav-vid-home a {
	background-position: 0 -66px;
}

#nav-vid-home {
	background-position: -225px -66px;
}

#nav-vid-rc a {
	background-position: 0 -88px;
}

#nav-vid-rc {
	background-position: -225px -88px;
}

#nav-survey {
	background: url(/images/bt_nav_survey.jpg) no-repeat;
	height: 90px;
	left: 776px;
	position: absolute;
	top: 82px;
	width: 83px;
}

#nav-survey:hover {
	background-position: 0 -90px;
}

/* critical communication module */

	#CritCommWrapper {
		background: #000
		url(http://library.kelloggs.com/critcomm/assets/alert_red.png) no-repeat;
		height: 55px;
		margin: 20px auto;
		padding: 0 0 0 70px;
		width: 970px;
	}
	
	#CritCommWrapper p {
		height: 25px;
		padding: 10px 0;
	}
	
	
	#CritCommWrapper a {
		color: #fff;
		font-size: 18px;
	}
	
	#CritCommWrapper a:hover {
		color: #cf000d;
	}