@charset "UTF-8";
html{ height:100%;}
body { margin: 0px; padding: 0px; height:100%; background:url(images/main/bg.gif) repeat-y #e8e8e8 top center; text-align: center; }
body, td, .newsFlash { font-size:11px; line-height:16px; color: #333333; font-family:Arial, Helvetica, Verdana, sans-serif; }
	
#footerLeft, .paragraphHead, h3, .listHead, #contentBlock h1, #contentBlock2 h1, #textHead, #textHead td, .pressDate { 
	font-family: arial, verdana, sans-serif;
}

#pageBG 		{ position: relative; height:100%; width:787px; background: #000000; margin: 0 auto; text-align: left;  }
#shadow			{ display: none; position: absolute; left: 787px; top: 0; margin: 0px; padding: 0px; width: 20px; height:100%; background:url(images/main/site-shadow.png) repeat-y; }
#pagecontent 	{ float:left; position: relative; top: 0px; left: 0px; width:787px; z-index: 10; padding-bottom: 20px; background-color:#EDEDED; }
#contentBlock, #contentBlock2 	{ float: left; position: relative; width: 475px; _width: 505px; padding-left:30px; padding-bottom: 25px; z-index: 53; /*border: 1px solid #FF0000;*/ }
#contentBlockR, #contentBlockR2 	{ float: right; position: relative; text-align:left; min-height: 350px; }
#logoHead, #textHead	{ float: left; padding: 0px 0px 8px 30px; width:755px; }
#textHead		{ padding-bottom:0px; margin-bottom:12px; height: 229px; background:#FFFFFF; }
#featured 		{ float: left; padding-left: 30px; padding-top: 163px; min-height: 349px; _height: 450px; z-index: 625; /* class used on homepage */ }
#blocks 		{ float: left; padding: 20px 0px 0px 20px; }
#footer 		{ float: left; width: 737px; _width: 787px; color:#666; padding: 25px 20px 10px 30px; }
#footerRight 	{ float: right; text-align:right; font-size: 10px; line-height: 16px; }
#footerLeft 	{ float: left; font-size:9px; letter-spacing: 1px; line-height: 16px; }

hr { border:0; color:#999; background-color:#999; height: 1px; margin-top:20px; margin-bottom:10px; }

/* ####################### General copy #################### */

p { margin: 0; padding: 5px 0px 7px 0px; }
.regCopy, .pressCopy, .regCopy td, .successStoryCopy { /*font-size: 12px; line-height: 18px;*/font-size: 11px; line-height: 16px; padding-top: 10px; }
.pressDate { color: #666; letter-spacing:1px; font-size: 11px; /*font-weight:bold;*/ }
.padTop { padding-top: 8px; }
.thumbSpacing { padding: 5px 10px 0 0; }
.formError { color:#CC0000; font-size:9px; font-style:italic; line-height:10px; }
.newsFlash { font-size: 9px; letter-spacing: 1px; font-weight: bold;}

.successStory { font-weight:bold; line-height:12px; }

/* ####################### Links #################### */

a { color:#666; text-decoration:underline; }
a:active, a:hover { color:#000; text-decoration:none; }
#footer a { color:#666; text-decoration:none; }
#footer a:active, #footer a:hover { color:#CCC; text-decoration:none; }
.regCopy a:link, .regCopy a:visited, 
.homeDMbox a:link, .homeDMbox a:visited, 
.DMorangeCopy a:link, .DMorangeCopy a:visited, 
.successStoryCopy a:link, .successStoryCopy a:visited { color:#00BBFF; }
.homeDMbox a { display: block; height: 75px; }
.regCopy a:active, .regCopy a:hover, 
.homeDMbox a:active, .homeDMbox a:hover, 
.DMorangeCopy a:active, .DMorangeCopy a:hover, 
.successStoryCopy a:active, .successStoryCopy a:hover { color:#000; }
.DRblueCopy a:link, .DRblueCopy a:visited,
.homeDRbox a:link, .homeDRbox a:visited { color:#00BBFF; }
.DRblueCopy a:active, .DRblueCopy a:hover,
.homeDRbox a:active, .homeDRbox a:hover { color:#000; }

.pressCopy a { display:block; }
.pressCopy a:link,.pressCopy a:visited { color:#666; }
.pressCopy a:active,.pressCopy a:hover { color:#000; text-decoration:none; }

#textHead h1 a:link, #textHead a:visited { color:#00bbff; text-decoration:none; }
#textHead a:active, #textHead a:hover { color:#000000; text-decoration:none; }

.watch-video {
	display: block;
	position: absolute;
	top: 335px;
	left: 64px;
	width: 131px;
	height: 35px;
	background: transparent;
	}

/* ####################### Lists #################### */

#contentBlock ol, #contentBlock2 ol { margin: 2px 0px 0px 15px; padding: 1px; _padding: 8px;/* _padding is for IE */ }
#contentBlock ul, #contentBlock2 ul { margin: 2px 0px 7px 15px; padding: 0; list-style:url(images/icons/bullet_blue.gif); }
span.inlineBullet { padding-left: 15px; background:url(images/icons/bullet_blue.gif) left center no-repeat; }
ul.inlineList { margin: 0px; padding: 0px; }
#contentBlock li, #contentBlock2 li { margin: 0; padding-bottom: 1px; }
.DRblueCopy ul 		{ list-style:url(images/icons/bullet_DRblue.gif); }
.EDyellowCopy ul 	{ list-style:url(images/icons/bullet_EDyellow.gif); }


/* ####################### HTML nav bar #################### */

#nav, #nav ul { padding: 0; margin: 0; list-style: none; font-size:10px; text-transform:uppercase; /*float: left;*/  }
#nav a { display: block; text-decoration: none; color:#CCC; background:#505050; padding: 0px 5px 0px 5px; border-right: 4px solid #FFFFFF; margin: 0px; /* width: 10em;*/ }
#nav a:active, #nav a:hover { color:#FFF; } 
#nav li { float: left; padding: 0; margin: 0; text-align:left; /*width: 10em;*/ }
#nav li ul { position: absolute; width: 200px; left: -999em; font-size:10px; /*height: auto; margin: 0;*/ }
/*#nav li ul li { padding: 0; margin: 0; float:none; } From me, why?*/
#nav li li {padding-right: 1em;	width: 13em}/*new*/
#nav li ul a {width: 13em;}
#nav li ul ul {	margin: -1.75em 0 0 14em;}
#nav li:hover ul { left:0;display:block;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
/*#nav li:hover, #nav li.sfhover {background: #505050;}*/
#nav li ul li a {display:inline-block;}
#nav li ul li a {display:block; padding: 2px 2px 2px 5px; margin: 0px 0px; border-top: 3px solid #FFFFFF; }


/* ####################### Character background images #################### */

.noBG { background-image:none; }
.greenshirtBG{ background-image:url(images/backgrounds/bg01.jpg); background-repeat:no-repeat; background-color:#EDEDED; }
.contentBG 	{ background-image:url(images/backgrounds/contentpage.gif); background-repeat:no-repeat; background-color:#EDEDED; }
.LVBlankBG{background-image:url(images/backgrounds/LV0.jpg); background-repeat:no-repeat; background-color:#EDEDED;}


/* ####################### Navigation Layers #################### */

#htmlhead 	{ position:absolute; height:107px; width: 787px; z-index: 999;  /*z-index: 1098;*/ }
#flashhead 	{ margin: 0 auto; position:absolute; left: 50%; margin-left: -394px; height:107px; width: 787px; z-index: 998; }
.stripHead { background:none; padding: 0px; }
.htmlHead { background:url(images/main/html-header.gif) no-repeat ; padding-top: 87px; }

#htmlsub 	{ float:left; position:relative; height:30px; width: 485px; z-index: 779; }
#flashsub 	{ float:left; position:relative; height:65px; width: 485px; _width: 515px; margin: 10px 0 0 0; padding-left: 30px; z-index: 778;  }
.htmlSub 	{ padding: 0px; }


/* ####################### Quotes #################### */

#smallQuote { float: left; width:755px; padding: 15px 0px 15px 30px; }
#smallQuote, .smallQuote { font-size: 11px; letter-spacing:1px; }
#bigRightQuote { float: right; width:230px; _width:250px; padding-right: 20px; font-size: 17px; line-height: 22px; letter-spacing:1px; }
#bigQuote { font-size: 13px; line-height: 18px; letter-spacing: 1px; padding-bottom: 0px; /* the quote in the box */ }
.quoteAuthor { font-size: 11px; line-height: 18px; letter-spacing: 2px; font-style:italic; color:#333333; }
#bigQuote p { width:98%; /* so it fits within the trans box. */ }


/* ####################### Text Colors for sections #################### */

.DRblue, .DRblueCopy h1, #textHead h1 { color:#00BBFF; }
.STblue, .STblueCopy h1 { color:#003A77; }
.EARred, .EARredCopy h1, .newsFlash { color:#C92A26; }
.DMorange, .DMorangeCopy h1 { color:#f47920; }
.LVorange, .LVorangeCopy h1 { color:#DA5E1E; }
.EDyellow { color:#666666; }
.blackText { color:#000000; }
.greenText { color:#58A64A; }
.whiteText { color:#FFFFFF; }
.MISSING { color:#FF66FF; }

/* ####################### Headers #################### */

#contentBlock h1, #contentBlock2 h1, #textHead h1 { font-weight:normal; padding:0px; margin-top:12px; margin-bottom:8px; font-size: 17px; letter-spacing:2px; }
h2, .bigQuote, .inlineH2 { font-weight:normal; color:#666666; padding-top: 0px; margin-top: 0px; }
h2, .inlineH2 { font-size: 16px; line-height: 20px; }
.bigQuote { font-size: 15px; line-height: 21px; padding-bottom: 0px; margin-bottom: 0px; }
h3, .listHead, .paragraphHead, .listType1 { font-size: 10px; text-transform:uppercase; line-height: 18px; font-weight:normal; color:#666666; letter-spacing: 1px; padding-top: 10px; margin-top: 0px; }
.listType1 { text-transform:none;  }
p.listHead, p.paragraphHead { padding: 8px 0 0 0; margin: 0px; line-height: 13px; }
.bigPara { color: #222222; font-size: 12px; line-height: 16px; width:300px; }
.tableHead { color: #FFFFFF; font-size: 9px; font-weight:bold; background:#999999; text-transform:uppercase; letter-spacing:1px; padding: 2px 7px 2px 7px; }
.suppDesc { padding: 0px 7px 0px 7px; }

.successStoryCopy h3, .successStoryCopy h4 { text-transform:none; letter-spacing: 0px; font-family:Arial, Helvetica, Verdana, sans-serif; margin: 0; }
.successStoryCopy h3 { font-weight:bold; color:#333333; font-size:11px; line-height:14px; width: 325px }
.successStoryCopy h4 { font-weight:normal; font-size:9px; line-height:12px; padding: 0 0 10px 0; }

/* ####################### Color bands at page bottom #################### */

.clrBnd-Main { background:url(images/color-bands/home.gif) repeat-x #000000; }
.clrBnd-DestMath { background:url(images/color-bands/destination-math.gif) repeat-x #000000; }
.clrBnd-Dest { background:url(images/color-bands/destination.gif) repeat-x #000000; }
.clrBnd-LV { background:url(images/color-bands/learnvillage.gif) repeat-x #000000; }


/* ####################### Expandable trasparent blocks #################### */

.PRbox { background: url(images/home/press-release-bg.png) no-repeat; }
.homeDRbox { background: url(images/home/destReadTour.png) no-repeat; }
.homeDMbox { background: url(images/home/destMathTour.png) no-repeat; }
.homeVideobox { background: url(images/home/videoBucket.png) no-repeat; }
.PRbox  { float: left; padding: 9px 10px 22px 95px; height:9px; _height:38px; width: 717px; _width: 742px; }
.homeDRbox, .homeDMbox, .homeVideobox  { float: left; height:90px; width: 249px; }
.homeblock { float: left; width: 249px; padding-bottom: 20px; _padding-bottom: 0px; }
.smallblock { float: left; width: 259px; padding-bottom: 20px; _padding-bottom: 0px; }
.wideblock { float: left; width: 500px; _width: 525px; margin-bottom:0px; padding-top: 10px; padding-bottom: 0px; padding-left: 25px; }
.flexblock { float: left; width: 445px; _width: 470px; margin-bottom:0px; padding-top: 10px; padding-bottom: 0px; padding-left: 25px; }
div.largeblockLeft{ float:left; padding-right: 10px; }
div.largeblockRight{ float: left; padding: 9px 0px 0px 0px;; }

.greenBox .content, .greenBox .t, .greenBox .b, .greenBox .b div {
	background:transparent url(images/transBox/greenBox.png) no-repeat top right;
 	_background:url(images/transBox/greenBox.gif) no-repeat top right;
}
.greenBoxOV .content, .greenBoxOV .t, .greenBoxOV .b, .greenBoxOV .b div {
	background:transparent url(images/transBox/greenBoxOV.png) no-repeat top right;
 	_background:url(images/transBox/greenBoxOV.gif) no-repeat top right;
}

.blueBox .content, .blueBox .t, .blueBox .b, .blueBox .b div {
	background:transparent url(images/transBox/blueBox.png) no-repeat top right;
	_background:url(images/transBox/blueBox.gif) no-repeat top right;
}
.blueBoxOV .content, .blueBoxOV .t, .blueBoxOV .b, .blueBoxOV .b div {
	background:transparent url(images/transBox/blueBoxOV.png) no-repeat top right;
	_background:url(images/transBox/blueBoxOV.gif) no-repeat top right;
}

.DRblueBox .content, .DRblueBox .t, .DRblueBox .b, .DRblueBox .b div {
	background:transparent url(images/transBox/DRblueBox.png) no-repeat top right;
	_background:url(images/transBox/DRblueBox.gif) no-repeat top right;
}
.DRblueBoxOV .content, .DRblueBoxOV .t, .DRblueBoxOV .b, .DRblueBoxOV .b div {
	background:transparent url(images/transBox/DRblueBoxOV.png) no-repeat top right;
	_background:url(images/transBox/DRblueBoxOV.gif) no-repeat top right;
}

.STblueBox .content, .STblueBox .t, .STblueBox .b, .STblueBox .b div {
	background:transparent url(images/transBox/STblueBox.png) no-repeat top right;
	_background:url(images/transBox/STblueBox.gif) no-repeat top right;
}
.STblueBoxOV .content, .STblueBoxOV .t, .STblueBoxOV .b, .STblueBoxOV .b div {
	background:transparent url(images/transBox/STblueBoxOV.png) no-repeat top right;
	_background:url(images/transBox/STblueBoxOV.gif) no-repeat top right;
}

.EARredBox .content, .EARredBox .t, .EARredBox .b, .EARredBox .b div {
	background:transparent url(images/transBox/EARredBox.png) no-repeat top right;
	_background:url(images/transBox/EARredBox.gif) no-repeat top right;
}
.EARredBoxOV .content, .EARredBoxOV .t, .EARredBoxOV .b, .EARredBoxOV .b div {
	background:transparent url(images/transBox/EARredBoxOV.png) no-repeat top right;
	_background:url(images/transBox/EARredBoxOV.gif) no-repeat top right;
}

.EDyellowBox .content, .EDyellowBox .t, .EDyellowBox .b, .EDyellowBox .b div {
	background:transparent url(images/transBox/EDyellowBox.png) no-repeat top right;
	_background:url(images/transBox/EDyellowBox.gif) no-repeat top right;
}

.orangeBox .content, .orangeBox .t, .orangeBox .b,.orangeBox .b div {
	background:transparent url(images/transBox/orangeBox.png) no-repeat top right;
	_background:url(images/transBox/orangeBox.gif) no-repeat top right;
}
.orangeBoxOV .content, .orangeBoxOV .t, .orangeBoxOV .b,.orangeBoxOV .b div {
	background:transparent url(images/transBox/orangeBoxOV.png) no-repeat top right;
	_background:url(images/transBox/orangeBoxOV.gif) no-repeat top right;
}

.greenBox, .greenBoxOV,
.blueBox, .blueBoxOV, 
.DRblueBox, .DRblueBoxOV, 
.STblueBox, .STblueBoxOV, 
.EARredBox, .EARredBoxOV, 
.EDyellowBox, .EDyellowBoxOV, 
.orangeBox, .orangeBoxOV {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:600px; /* based on image dimensions */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
}

div.content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
 padding: 13px 18px 0px 10px;  /* JS Edit */
}

div.content, div.content td {
 font-size:11px;
 color:#444444;
}

div.content .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:788px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

div.homeblock .b, 
div.smallblock .b, 
div.flexblock .b, 
div.wideblock .b {
 /* bottom */
 position:relative;
 width:100%;
}

div.homeblock .b, div.homeblock .b div,
div.smallblock .b, div.smallblock .b div,
div.flexblock .b, div.flexblock .b div,
div.wideblock .b, div.wideblock .b div {
	height:20px; /* height of bottom cap/shade */
	font-size:1px;
}

div.homeblock .b,
div.smallblock .b,
div.flexblock .b,
div.wideblock .b { 
background-position:bottom right; }

div.homeblock .b div,
div.smallblock .b div,
div.flexblock .b div,
div.wideblock .b div { position:relative; width:12px; /* bottom left corner width */ margin-left:-12px; background-position:bottom left; }

div.content h2, div.content p { margin:0px; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px; }
div.content h2 { padding-bottom:0px; letter-spacing:1px; }

.greenBox h2, .greenBox a,
.greenBoxOV h2, .greenBoxOV a {
 color:#58A64A;
}
.blueBox h2, .blueBox a,
.blueBoxOV h2, .blueBoxOV a {
 color:#00BBFF;
}
.DRblueBox h2, .DRblueBox a,
.DRblueBoxOV h2, .DRblueBoxOV a {
 color:#00a4e4;
}
.STblueBox h2, .STblueBox a,
.STblueBoxOV h2, .STblueBoxOV a {
 color:#003A77;
}
.EARredBox h2, .EARredBox a,
.EARredBoxOV h2, .EARredBoxOV a {
 color:#C92A26;
}
.EDyellowBox h2, .EDyellowBox a,
.EDyellowBoxOV h2, .EDyellowBoxOV a {
 color:#666666;
}
.orangeBox h2, .orangeBox a,
.orangeBoxOV h2, .orangeBoxOV a {
 color:#f47920;
}

div.content a{ text-decoration:none; }
div.content a:active, div.content a:hover { color:#666; text-decoration:none; }


/* ####################### Expandable panels #################### */

.SecBreak { border-bottom:solid 1px #CCCCCC; width: 100%; margin-bottom:20px; margin-top:20px; text-align:right; font-size: 9px; }
.SecBreak a:link, .SecBreak a:visited { text-decoration: none; color:#CCCCCC; }
.SecBreak a:active, .SecBreak a:hover { text-decoration: none; color:#999999; }

.expandableListHead { color:#FFFFFF; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; }
.panelContents p { padding-top: 0px; }
.panelHid { display: none; }
.panelShown { background:url(images/main/expandableListHead.gif) no-repeat 0px 11px; width:483px; padding-top: 10px; }
.panelShown p { padding: 0px;}
.panelHead { height: 18px; padding-left: 5px; width:470px; /*border:#0000FF 1px solid;*/ }
.panelHead a:link, .panelHead a:visited, 
.panelShown a:link, .panelShown a:visited { color:#999999; display: block; text-decoration: none; }
.panelHead a:active, .panelHead a:hover, 
.panelShown a:active, .panelShown a:hover { color:#FFFFFF; display: block; text-decoration: none; }
span.rightLink { float:right; }
.panelContents { background: #dddddd; width:465px; padding: 0px 10px 2px 5px; }
.panelContents a:link, .panelContents a:visited { color:#999999; display: inline; text-decoration: none; }
.panelContents a:active, .panelContents a:hover { color:#000000; display: inline; text-decoration: none; }