@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
	background-color: #FFCC66;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	/*min-height: 768px; 
	width: 1024px;
	height:auto;
	top: 0px;
	left: 50%;
	margin-left: -512px;*/
	/*background-image:url(../images/background.gif);
	background-position:center;
	background-repeat:no-repeat;
	z-index: 1;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #c5eaf1;
}
#orangeback {
	position: relative;
	background-color: #FFCC66;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 1024px;
	height:800px;
	top: 0px;
	left: 50%;
	margin-left: -512px;
	background-color: #FFCC66;
	background-image:url(../images/background.gif);
	background-position:top;
	background-repeat:no-repeat;
}
subscribers_body {
	position: absolute;
	background-color: #FFCC66;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	/*min-height: 768px; */
	width: 1024px;
	height:auto;
	top: 0px;
	left: 50%;
	margin-left: -512px;
	background-image:url(../images/background.gif);
	background-position:center;
	background-repeat:no-repeat;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #c5eaf1;
	/*float:left;*/
}
#rays  {
	visibility: visible;
	position: absolute;
	left: 50%;
	margin-left: -512px;
	top: 0px;
	width: 372px;
	height: 355px;
	z-index: 2;
}
#homelink {
	position: absolute;
	left: 50%;
	margin-left: -512px;
	top: -2px;
	width: 215px;
	height: 175px;
	visibility: visible;
	border:hidden;
	z-index: 200;
}
#homelink a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	border:hidden;
}
#clouds {
	position: absolute;
	width: 1024px;
	left: 50%;
	margin-left: -512px;
	top: 112px;
	background-image:url(../images/clouds2.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 161px;
	z-index: 2;
	color: #c5eaf1;
}
#tchockis {
	position: absolute;
	top: 0px;
	width: 800px;
	left: 50%;
	margin-left: -290px;
	height: 160px;
	z-index: 3;
	/* border: .2em dotted #900; */
}
#menu {
	position: absolute;
	top: 0px;
	width: 800px;
	left: 50%;
	margin-left: -290px;
	height: 160px;
	z-index: 4;
	/* border: .2em dotted #900; */
}
#subscribersmenu {
	position: absolute;
	top: 0px;
	width: 800px;
	left: 825px;
	margin-left: -300px;
	height: 160px;
	z-index: 4;
	/*float:left;*/
}
#studentmenu {
	position: absolute;
	top: 0px;
	width: 350px;
	left: 1275px;
	margin-left: -70px;
	height: 160px;
	z-index: 4;
display:inline;zoom:1;
float:left;
	/*float:left;*/
}
#parentmenu {
	position: absolute;
	top: 0px;
	width: 350px;
	left: 1275px;
	margin-left: -70px;
	height: 160px;
	z-index: 4;
display:inline;zoom:1;
float:left;
	/*float:left;*/
	
}
#blueglobetop {
	position: absolute;
	top: 170px;
	left: 50%;
	margin-left: -512px; /* half the width of the div */
	background-image:url(../images/blueglobe_top.png);
	background-position:center;
	background-repeat:no-repeat;
	width: 1024px;
	height: 81px;
	z-index: 5;
}
#blueglobebtm {
	position: absolute;
	top: 250px;
	left: 50%;
	width: 1024px;
	margin-left: -512px; /* half the width of the div */
	background-color: #c5eaf1;
	background-image:url(../images/blueglobe_btm.png);
	background-position: top center;
	background-repeat:no-repeat;
	z-index: 5;
	min-height:525px;
}
#goldglobetop {
	position: absolute;
	top: 157px;
	left: 50%;
	margin-left: -512px; /* half the width of the div */
	background-image:url(../images/goldglobe_top.png);
	background-position:center;
	background-repeat:no-repeat;
	width: 1024px;
	height: 81px;
	z-index: 5;
	/*float:left;*/
}
#goldglobebtm {
	position: absolute;
	top: 238px;
	left: 50%;
	width: 1024px;
	margin-left: -512px; /* half the width of the div */
	background-color: #ffffff;
	background-image:url(../images/goldglobe_btm.png);
	background-position: top center;
	background-repeat:no-repeat;
	z-index: 5; 
}
#content {
	/*float:left;*/
	top: 0px;
	width: 1020px;
	min-height: 530px;
	height:inherit, height:auto, height:100%;
	/* border: .2em dotted #900; */
	z-index: 6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-align: left;
	color:#000;
}
#PPC {
	float: left;
	zoom: 1; 
	top: 0px;
	width: 1014px;
	min-height: 530px;
	height:auto;
	/* border: .2em dotted #900; */
	z-index: 6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-align: left;
	color:#000;
}
#footer {
	position: relative;
	background: #FFCC66;
	top: 35px;
	left: 0px;
	width: 1024px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	line-height: normal;
	color:#CC3300;
	text-decoration:none;
}
/* Commonly used to style page titles. */
h1 {
	color: #cc6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
}
/* Commonly used to style section titles. */
h2 {
	color: #CC6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	/*text-shadow: #CC3300 20px -12px 2px; */
}
/* Sets the style for unvisited links. */
a, a:link {
	color: #CC3300;
	font-weight: bold;
	text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
	color: #CC3300;
	font-weight: bold;
	text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
	color: #CC3300;
	text-decoration: none;
}
/* Sets the style for a link that has focus. */
a:focus {
	color: #CC3300;
}
/* Sets the style for a link that is being activated/clicked. */
 a:active { 
	color: #CC3300;
	}

#body_base  {
   margin: 0px auto 0px auto;
   width: 1024px;
   position: relative;
   background-color: #c5eaf1; 
   height:auto;
}
#animation_base  {
   margin: 0px auto 0px auto;
   width: 1024px;
   position: relative;
   height:auto;
}
#page_frame {
	/*margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	/*padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	position: absolute;
	top: -10px;
	left: 50%;
	width: 926px;
	min-height: 530px;
	height: auto;
	margin-left: -462px; /* half the width of the div */
	/* border: .2em dotted #900;  */
	float:left;
	z-index: 7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-align:left;
	color:#000;
}
#page_frame_white {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -462px; /* half the width of the div */
	width: 926px;
	min-height: 530px;
	height: auto;
	z-index: 7;
	text-align:left;
	background-image:url(../images/white25.png);
	background-repeat:repeat;
}
#page_frame_white_scroll {
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -462px; /* half the width of the div */
	width: 924px;
	height: 500px;
	z-index: 7;
	text-align:left;
	background-image:url(../images/white25.png);
	background-repeat:repeat;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-align: left;
	color:#000;
}
#Center50VertRule {
	background-image:url(../images/vertrule.gif);
	background-position:center;
	background-repeat:no-repeat;
	width: 2px;
	height: 500px;
	position: absolute;
	top: 30px;
	left: 510px;
}
#FullWidthVertHeader {
	background-color:#CC3300;
	border-left: 1px solid #FFCC66;
	border-top: 1px solid #FFCC66;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	width: 924px;
	height: 28px;
	position: relative;
	top: -10px;
	left: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-indent: 5px;
	color:#FFF;
}
#CenterVertHeader {
	background-color:#CC3300;
	border-left: 1px solid #FFCC66;
	border-top: 1px solid #FFCC66;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	width: 485px;
	height: 26px;
	position: absolute;
	top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-indent: 5px;
	color:#FFF;
}
#HalfPageColLeft {
	position: relative;
	left: 50px;
	top: 35px;
	width: 442px;
	height:inherit, height:auto, height:100%;
display:inline;zoom:1;
float:left;
}
#OneThirdColLeft {
	position: absolute;
	left: 50px;
	top: 25px;
	width: 290px;
	height:auto;
	
}
#OneThirdColLeftWhite {
	position: absolute;
	left: 50px;
	top: 20px;
	width: 290px;
	height:inherit, height:auto, height:100%;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	padding-left:6px;
	background-image:url(../images/white25.png);
	background-repeat:repeat;
	min-height: 590px;
}
#HalfPageColLeftScroll {
	position: absolute;
	left: 50px;
	top: 35px;
	width: 442px;
	height:auto;
	overflow:auto;
}
#GameScroll {
	position: absolute;
	left: 50px;
	top: 35px;
	width: 442px;
	height:500px;
	overflow:auto;
}
#TwoThirdsColLeft {
	position:relative;
	top:-10px;
	left: 50px;
	width: 565px;
	height:auto;
	float:left;
}
#OneThirdVertRule {
	position: absolute;
	top: 25px;
	left: 352px;
	background-image:url(../images/vertrule.gif);
	background-position:center;
	background-repeat:no-repeat;
	width: 2px;
	height: 490px;
	float: left;
}
#OneThirdVertRule100 {
	position: absolute;
	top: 25px;
	left: 352px;
	background-image:url(../images/vertrule.gif);
	background-position:center;
	background-repeat: repeat-y;
	width: 2px;
	height: 90%;
	float: left;
}
#TwoThirdsVertRule {
	position: absolute;
	top: 50px;
	left: 630px;
	background-image:url(../images/vertrule.gif);
	background-position:center;
	background-repeat:repeat-y;
	width: 2px;
	height: 500px; 
	float: left;
}
#OneThirdColRight {
	/*display: inline;*/
	position: absolute;
	float: right;
	left: 650px;
	top: 20px;
	width: 315px;
}
#HalfPageColRight {
	position: relative;
	top: 0px;
	left: 532px;
	width: 442px;
	height:auto;
}
#HalfPageColRightScroll {
	position: relative;
	float:left;
	top: 35px;
	left: 482px;
	width: 442px;
	height:auto;
	overflow:auto;
}
#TwoThirdsColRight {
	position: relative;
	top: 5px;
	left: 366px;
	width: 608px;
	min-height:500px;
	height: auto; 
	/* border: .2em dotted #900; */

}
#TwoThirdsColRightScroll {
	position: relative;
	top: 0px;
	left: 366px;
	width: 608px;
	min-height: 500px;
	height:inherit, height:auto, height:100%;
	overflow:auto;
}
#HalfPageColRightWhite {
	position: relative;
	top: 0px;
	left: 85px;
	width: 427px;
	min-height: 490px;
	height:inherit, height:auto, height:100%;
	background-image:url(../images/white25.png);
	background-repeat:repeat;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	padding-left:6px;
display:inline;zoom:1;
float:left;	
}
#blueColumnHeader, .blueColumnHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #006699;
	padding-bottom: 7px;
}
#blueColumnHeader2, .blueColumnHeader2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #006699;
	padding-bottom: 7px;
}
#LeftThird {
	position: relative;
	top: 0px;
	left: 50px;
	width: 200px;
	min-height: 575px;
	height:inherit, height:auto, height:100%;
	background-image:url(../images/white25.png);
	background-repeat:repeat;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	padding-left:6px;
}
#CenterTwoThirds {
	position: absolute;
	float: left;
	top: 0px;
	left: 265px;
	width: 485px;
	height: auto;
	min-height: 520px;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	padding-left:6px;
}
#RightThird {
	position: absolute;
	top: 0px;
	left: 766px;
	width: 200px;
	min-height: 575px;
	height:inherit, height:auto, height:100%;
	background-image:url(../images/white25.png);
	background-repeat:repeat;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	padding-left:6px;
}
.BarPhotoLeft {
	position: absolute;
	top: -7px;
	left: -2px;
	border-width:medium;
	border-style:solid;
	border-color: #CC3300;
	background-color:#000;
}
#DLlink {
	font-size:11px;
}
#LeftThirdWhite {
	position: relative;
	top: -10px;
	left: 50px;
	width: 300px;
	height:inherit, height:auto, height:100%;
	min-height: 550px;
	background-image:url(../images/white25.png);
	background-repeat:repeat;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	padding-left:6px;
display:inline;zoom:1;
float:left;
}
#LeftThirdKids {
	position: absolute;
	top: 15px;
	left: 43px;
	width: 300px;
	min-height: 520px;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	padding-left:6px;
	height: 465px;
}
#LeftThirdWhiteScroll {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 520px;
	overflow:auto;
	background-image:url(../images/white25.png);
	background-repeat:repeat;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	padding-left:6px;
	height: 462px;
}
#LeftThirdWhiteLow {
	position: relative;
	top: -10px;
	left: 50px;
	width: 300px;
	height:inherit, height:auto, height:100%;
	min-height: 480px;
	background-image:url(../images/white25.png);
	background-repeat:repeat;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	padding-left:6px
}
#RightTwoThirdsLow {
	position: absolute;
	top: 20px;
	left: 375px;
	width: 604px;
	min-height: 650px;
	height:inherit, height:auto, height:100%;
	display:block;

}
#SponsorLeft {
	position: absolute;
	top: 20px;
	left: 50px;
	width: 300px;
	height:inherit, height:auto, height:100%;
	background-image:url(../images/white25.png);
	background-repeat:repeat;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	padding-left:6px
}
#SponsorRight {
	position: relative;
	top: 20px;
	left: 375px;
	width: 604px;
	height:inherit, height:auto, height:100%;
	display:block;
	overflow:auto;
	zoom:1;
}
#SponsorSpry {
	position: relative;
	min-height:525px;
	height:inherit, height:auto, height:100%;
	left: 375px;
	width: 604px;
float: left;
clear:both;

}
#RightTwoThirds {
	position: absolute;
	top: 0px;
	left: 320px;
	width: 604px;
	min-height: 520px;

}
#RightTwoThirdsScroll {
	position: absolute;
	top: 0px;
	left: 320px;
	width: 604px;
	height: 520px;
	overflow:auto;
}
#RightTwoThirdsGlobeScroll {
	position: absolute;
	top: 20px;
	left: 370px;
	width: 604px;
	height: 550px;
	background-image:url(../images/globe_large_light_trans12.png);
	background-position:right top;
	background-repeat:no-repeat;
	overflow:auto;
	display:block;
}

#LeftThoughts {
	position: relative;
	top: -10px;
	left: 50px;
	width: 300px;
	height:inherit, height:auto, height:100%;
	min-height: 480px;
	background-image:url(../images/white25.png);
	background-repeat:repeat;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	padding-left:6px
display:inline;zoom:1;
float:left;	
}
#RightThoughts {
	position: relative;
	top: 0px;
	left: 75px;
	width: 604px;
	min-height: 450px;
	height:inherit, height:auto, height:100%;
display:inline;zoom:1;
float:left;	
}

#RightTwoThirdsMap {
	position: relative;
	top: 15px;
	left: 375px;
	width: 604px;
	min-height: 520px;
	height:inherit, height:auto, height:100%;
}
#OneFourthColLeft {
	position: absolute;
	left: 50px;
	top: 25px;
	width: 300px;
	height:inherit, height:auto, height:100%;
}
#JoinFormVertRule {
	position: absolute;
	top: 25px;
	left: 325px;
	background-image:url(../images/vertrule.gif);
	background-position:top;
	background-repeat:no-repeat;
	width: 2px;
	height: 490px;
	float: left;
}
#JoinFormLeft {
	position: absolute;
	left: 47px;
	top: 15px;
	width: 260px;
	height:auto;
}
#JoinForm {
	position: relative;
	top: -5px;
	left: 340px;
	width: 598px;
	height:auto;
	float:left;
}
#ProfileForm {
	position:relative;
	top: 0px;
	left: 70px;
	width: 598px;
	/*float:left;
	display: inline;*/
display:inline;zoom:1;
float:left;
}
.orangeborder {
	border: medium solid rgb(204, 51, 0); 
	margin-right: 10px; 
	margin-bottom: 10px; 
	background-color: rgb(0, 0, 0);	
}
.expertdetail {
	display:none;

}
#game {
	width: 1024px;
	text-align:center;
	vertical-align:top;
	
}
.required {
	font-weight:bold;
	color:#CC3300;
	
}
form, textarea,input,select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-align: left;
	color:#000;
}
#cform {
	text-align:left;
	
}
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}
.navtext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #006699;

}
.button {
    border: 1px solid #33CCFF;
    background: #FFCC66;	
}
#cart {
	/*margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	/*padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	position: absolute;
	top: 25px;
	left: 383px;
	width: 575px;
	min-height: 530px;
	height: auto; /* half the width of the div */
	/* border: .2em dotted #900;  */
	float:left;
	z-index: 7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-align:left;
	color:#000;
}
#checkout {
	/*margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	/*padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	position: relative;
	top: 0x;
	left: 529px;
	width: 891px;
	min-height: 530px;
	height: auto; /* half the width of the div */
	/* border: .2em dotted #900;  */
	float:left;
	z-index: 7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-align:left;
	color:#000;
	margin-left: -462px;
}
#LandingLeftThird {
	position: relative;
	top: 0px;
	left: 50px;
	width: 200px;
	min-height: 700px;
	height:inherit, height:auto, height:100%;
	background-image:url(../images/white25.png);
	background-repeat:repeat;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	padding-left:6px;
}
#LandingCenterTwoThirds {
	position: absolute;
	float: left;
	top: 0px;
	left: 265px;
	width: 485px;
	height: auto;
	min-height: 700px;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	padding-left:6px;
}
#LandingRightThird {
	position: absolute;
	top: 0px;
	left: 766px;
	width: 200px;
	min-height: 700px;
	height:inherit, height:auto, height:100%;
	background-image:url(../images/white25.png);
	background-repeat:repeat;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	padding-left:6px;
}
#Landingblueglobebtm {
	position: absolute;
	top: 250px;
	left: 50%;
	width: 1024px;
	margin-left: -512px; /* half the width of the div */
	background-color: #c5eaf1;
	background-image:url(../images/blueglobe_btm.png);
	background-position: top center;
	background-repeat:no-repeat;
	z-index: 5;
	min-height:830px;
}