/* ############################################################## tag styles and clearers */
body {
	font-size:14px;
	background:#FFF;
	margin:0;
}
body, td, th{
	font-family:Arial, Helvetica, sans-serif;
}
p, ul, li, h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0;
	line-height:1.2em;
}
img{
	border:none;
}
/* ############################################################## navigation styles */
.menuBar{
	background:#3D3E3D;
	color:#FFF;
	height:29px;
	padding-top:9px;
	letter-spacing:0.5px;
	font-size:0.85em;
}
.menuBar ul li, .menuBar p, .menuBar h3, .menuBar ul{
	list-style:none;
	display:inline;
}
.menuBar ul li{
	color:#A1A1A1;
}

.menuBar ul li a{
	margin:0 0.2em;
}
.menuBar h3{
	margin:0 0.2em 0 38px;
	color:#A1A1A1;
	font-size:1.1em;
}
.menuBar .backLink{
	float:right;
	margin:3px 38px 0 0 ;
	color:#A1A1A1;
	text-transform:uppercase;
	font-size:0.8em;
}

#bottomNav {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

#longbottomNav {
    bottom: -550px;
    position: absolute;
    width: 100%;
}

/* ################### IE6 hack */
* html .menuBar .backLink{
	margin:3px 19px 0 0;
}

/* ############################################################## link styles */
a, a:link, a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a.selected{
	text-decoration:underline;
}
#selectionPage #inner a, #selectionPage #inner a:link, #selectionPage #inner a:visited,
.menuBar a, .menuBar a:link, .menuBar a:visited{
	color:#FFF;
}
/* ############################################################## general styles */
#outter{
	width:900px;
	/*height:auto !important;*/
	height: 660px;
	min-height:660px;
	margin:0 auto;
	font-size:0.9em;
	position:relative;
}
.workArea{
	background:#EDEEEF;
}

.centerer{
	margin-left:auto;
	margin-right:auto;
}
.vertCenterer{
	position:absolute;
	top:50%;
	width:100%;
	/*using this class requires a negative top margin 1/2 the height of the element being centered*/
}
#vertCenterer{
	position:relative;
	top:0;
}
.clearer{
	clear:both;
	height:0;
	overflow:hidden;
}
.cta{
	font-weight:bold;
}
.instruction{
	display:none;
	font-size:0.95em;
	padding:4px 6px;
}
 a.instruction:link, a.instruction:visited, a.instruction{
	color:#3D3E3D;
}

/* ############################################################## selectionPage Styles */
#selectionPage #inner{
	color:#A1A1A1;
	background:#3D3E3D;
	width:600px;
	height:auto !important;
	height:114px;
	min-height:114px;
	padding:20px 40px 60px 0;
	vertical-align:middle;
	margin: auto;
}

#selectionPage #inner h2, #selectionPage #inner h3{
	
	width:138px;
	margin-left:42px;
	font-size:0.95em;
}
#selectionPage #inner h3{
	width:auto;
	margin:0 40px;
	font-size:1.5em;
	font-weight:normal;
}
#selectionPage #inner h3.sublist{
	margin:0;
	font-size:14px;
	font-weight:bold;
}
#selectionPage #inner ul li{
	list-style:none;
}

#selectionPage #inner ul ul li{
	display:inline;
	vertical-align:top;
}
#selectionPage #inner ul, #selectionPage #inner h2{
	float:left;
	padding-top:20px;
}
 #selectionPage #inner ul{
	width:420px;
}
#selectionPage #inner ul ul{
	float:none;
	padding-top:0;
	margin-bottom:5px;
	width:auto;
}
/* ############################################################## selectionPage IE hacks */
*:first-child+html #selectionPage #inner ul li{
	font-size:14px;
}
*:first-child+html #selectionPage #inner ul{
	font-size:0;
}  
* html #selectionPage #inner ul li{
	font-size:14px;
}
* html #selectionPage #inner ul{
	font-size:0;
}
* html #selectionPage #inner h2{
	margin-left:21px;
}
/* ############################################################## interiorPage Styles */
#interiorPage #inner{
	height:auto !important;
	height:574px;
	min-height:584px;
	padding:0 38px 30px !important;
	position:relative;
	width:824px;
}
#interiorPage #inner .centerer{
	width:824px;
}
#message{
	color:#3D3E3D;
}
#interiorPage #inner #one, 
#interiorPage #inner #two, 
#interiorPage #inner #three, 
#interiorPage #inner #four, 
#interiorPage #inner #five{
	background:#BABABB;
	margin:0;
}
/* ################################# banner Styles */
#interiorPage.banner #inner #one{
	height:110px;
	width:100%;
	margin:10px auto;
}
#interiorPage.banner #inner #two{
	float:left;
	width:514px;
	height:464px;
	margin-right:10px;
}

#interiorPage.banner #inner #three{
	width:300px;
	height:250px;
	float:left;
}
#interiorPage.banner #inner #four{
	width:300px;
	height:204px;
	margin-top:10px;
	float:left;
}
#interiorPage.banner #inner #four .instruction{
	display:block;
}
#interiorPage.banner #inner #five{
	clear:both;
	height:0;
	overflow:hidden;
}
/* ################################# bannerB Styles */
#interiorPage.bannerB #inner #one{
	height:110px;
	width:100%;
	margin:10px auto;
}
#interiorPage.bannerB #inner #two{
	float:left;
	width:478px;
	height:464px;
	margin-right:10px;
}
#interiorPage.bannerB #inner #three{
	width:336px;
	height:280px;
	float:left;
}
#interiorPage.bannerB #inner #four{
	width:336px;
	height:174px;
	margin-top:10px;
	float:left;
}
#interiorPage.bannerB #inner #four .instruction{
	display:block;
}
#interiorPage.bannerB #inner #five{
	clear:both;
	height:0;
	overflow:hidden;
}

/* ################################# bannerC Styles */
#interiorPage.bannerC #inner #one{
	height:110px;
	width:100%;
	margin:10px auto;
}

#interiorPage.bannerC #inner #two{
	float:left;
	width:514px;
	height:464px;
	margin-right:10px;
}
#interiorPage.bannerC #inner #three{
	width:300px;
	height:250px;
	float:left;
}
#interiorPage.bannerC #inner #four{
	width:300px;
	height:204px;
	margin-top:10px;
	float:left;
}
#interiorPage.bannerC #inner #four .instruction{
	display:block;
}
#interiorPage.bannerC #inner #five{
	clear:both;
	height:0;
	overflow:hidden;
}


/* ################################# leaderboard Styles */
#interiorPage.leaderboard #inner #one{
	height:90px;
	width:728px;
	margin:20px auto 10px;
}
#interiorPage.leaderboard #inner #two, #interiorPage.leaderboard #inner #three{
	float:left;
	width:514px;
	height:484px;
	margin-right:10px;
}
#interiorPage.leaderboard #inner #two .instruction{
	display:block;
}
#interiorPage.leaderboard #inner #three{
	width:300px;
	margin-right:0;
}
#interiorPage.leaderboard #inner #four, #interiorPage.leaderboard #inner #five, #interiorPage.leaderboard #inner #six{
	clear:both;
	height:0;
	overflow:hidden;
}
/* ################################# skyscraper Styles */

#interiorPage.skyscraper #inner #one, #interiorPage.skyscraper #inner #two{
	margin:10px 10px 0 0;
	float:left;
	width:694px;
	height:600px;
}
#interiorPage.skyscraper #inner #one .instruction{
	display:block;
	text-align:right;
}
#interiorPage.skyscraper #inner #two{
	width:120px;
	margin-right:0;
}
#interiorPage.skyscraper #inner #three, #interiorPage.skyscraper #inner #four, #interiorPage.skyscraper #inner #five,  #interiorPage.skyscraper #inner #six{
	clear:both;
	height:0;
	overflow:hidden;
}
/* ################################# skyscraperB Styles */

#interiorPage.skyscraperB #inner #one, #interiorPage.skyscraperB #inner #two{
	margin:10px 10px 0 0;
	float:left;
	width:654px;
	height:600px;
}
#interiorPage.skyscraperB #inner #one .instruction{
	display:block;
	text-align:right;
}
#interiorPage.skyscraperB #inner #two{
	width:160px;
	margin-right:0;
}
#interiorPage.skyscraperB #inner #three, #interiorPage.skyscraperB #inner #four, #interiorPage.skyscraperB #inner #five,  #interiorPage.skyscraperB #inner #six{
	clear:both;
	height:0;
	overflow:hidden;
}
/* ################################# skyscraperC Styles */

#interiorPage.skyscraperC #inner #one, #interiorPage.skyscraperC #inner #two{
	margin:10px 10px 0 0;
	float:left;
	width:514px;
	height:600px;
}
#interiorPage.skyscraperC #inner #one .instruction{
	display:block;
	text-align:right;
}
#interiorPage.skyscraperC #inner #two{
	width:300px;
	margin-right:0;
}
#interiorPage.skyscraperC #inner #three, #interiorPage.skyscraperC #inner #four, #interiorPage.skyscraperC #inner #five,  #interiorPage.skyscraperC #inner #six{
	clear:both;
	height:0;
	overflow:hidden;
}
/* ############################# popup Styles */
#interiorPage.popup #inner .centerer{
	width:640px;
	height:480px;
}
#interiorPage.popup #inner #one, 
#interiorPage.popup #inner #two{
	background:none;
}
#interiorPage.popup #inner #two{
	
	clear:both;
	height:0;
	overflow:hidden;
}
/* ################################# roadblock Styles */
#interiorPage.roadblock #inner #one{
	height:90px;
	width:728px;
	margin:20px auto 10px;
}
#interiorPage.roadblock #inner #two{
	float:left;
	width:478px;
	height:680px;
	margin-right:10px;
}
#interiorPage.roadblock #inner #two #message{
	visibility:visible;
	color:#A0A0A0;
	text-align:right;
	font-size:2em;
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
	top:345px;
	left:0;
	margin:0 43px 0 0;
}
#interiorPage.roadblock #inner #three{
	width:336px;
	height:250px;
	float:left;
}
#interiorPage.roadblock #inner #four{
	width:336px;
	height:280px;
	margin-top:10px;
	float:left;
}
#interiorPage.roadblock #inner #five{
	width:336px;
	height:130px;
	margin-top:10px;
	float:left;
}
#interiorPage.roadblock #inner #five .instruction{
	display:block;
}
#interiorPage.roadblock #inner #six{
	clear:both;
	height:0;
	overflow:hidden;
}


/* ################################# bannerExpandable Styles */

#interiorPage.bannerExpandable #inner #one{
	height:110px;
	width:100%;
	margin:10px auto;
}
#interiorPage.bannerExpandable #inner #two{
	float:left;
	width:514px;
	height:464px;
	margin-right:10px;
}
#interiorPage.bannerExpandable #inner #three{
	width:300px;
	height:250px;
	float:left;
	position:relative;
	background:#FFF;
}
#interiorPage.bannerExpandable #inner #three object,
#interiorPage.bannerExpandable #inner #three embed{
	width:440px;
	position:absolute;
	right:0;
	top:0;
}
#interiorPage.bannerExpandable #inner #four{
	width:300px;
	height:204px;
	margin-top:10px;
	float:left;
}
#interiorPage.bannerExpandable #inner #four .instruction{
	display:block;
}
#interiorPage.bannerExpandable #inner #five{
	clear:both;
	height:0;
	overflow:hidden;
}

/* ################################# peelback Styles */
#interiorPage.peelback #inner #one{
	height:90px;
	width:728px;
	margin:20px auto 10px;
}
#interiorPage.peelback #inner #two, #interiorPage.peelback #inner #three{
	float:left;
	width:514px;
	height:484px;
	margin-right:10px;
}
#interiorPage.peelback #inner #two .instruction{
	display:block;
}
#interiorPage.peelback #inner #three{
	width:300px;
	margin-right:0;
}
#interiorPage.peelback #inner #four, #interiorPage.peelback #inner #five{
	clear:both;
	height:0;
	overflow:hidden;
}
#interiorPage.peelback #inner #six{
	position:absolute;
	top:-20px; 
	right:-38px;
}
* html #interiorPage.peelback #inner #six{
	position:absolute;
	top:0; 
	right:0;
}
*:first-child+html #interiorPage.peelback #inner #six{
	position:absolute;
	top:0; 
}

/* ############################# projectintro Styles */
#interiorPage.projectintro #inner .centerer{
	width:390px;
}
#interiorPage.projectintro #inner #one{
	text-align:center;
}
/*
#interiorPage.projectintro #inner #one a img{
	border:1px solid #A1A1A1;
}
*/
#interiorPage.projectintro #inner #one, 
#interiorPage.projectintro #inner #two{
	background:none;
}
#interiorPage.projectintro #inner #two{
	margin-top:20px;
	/* font-size:1.0em; */
}
#interiorPage.projectintro #inner #two h2{
	font-size:1.1em;
}
#interiorPage.projectintro #inner #two p, #interiorPage.projectintro #inner #two h2{
	margin-bottom:8px;
}
#interiorPage.projectintro #inner #three{
	clear:both;
	height:0;
	overflow:hidden;
}
/* ############################# introcolumns Styles */
#interiorPage.introcolumns #inner .centerer{
	width:660px;
}
#interiorPage.introcolumns #inner #one a img{
	border:1px solid #A1A1A1;
	float:left;
	margin: 0 10px 10px 0;
}
#interiorPage.introcolumns #inner #one, 
#interiorPage.introcolumns #inner #two{
	background:none;
}
#interiorPage.introcolumns #inner #two{
	clear:both;
	margin-top:20px;
	font-size:1em;
}
#interiorPage.introcolumns #inner #three{
	clear:both;
	height:0;
	overflow:hidden;
}

/* ############################# game Styles */
#interiorPage.game #inner{
	padding:0 !important;
	background:#FFF;
	width:100%;
}
 #interiorPage.game #inner .centerer{
 	width:896px;
 }
#interiorPage.game #inner #message{
	display:none;
}

#interiorPage.game #inner #one, 
#interiorPage.game #inner #two{
	background:none;
	height:565px;
	overflow:none;
	float:left;
}
#interiorPage.game #inner #three{
	clear:both;
	height:40px;
}

#interiorPage.game #inner #four{
	clear:both;
	height:0;
	overflow:hidden;
}

/*peelback links*/
#peelback1 {
	position: absolute;
	top:0;
	right:0;
	width: 138px;
	height: 138px;
	text-indent: -1000em;
	z-index: 10;
	outline: none;
}