*{ margin:0; padding:0; } /*Quick reset*/

body {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
background-color: #fff;
}
a {
text-decoration: none;
color: #4f7cb2;
}
a:hover {
text-decoration: underline;
color: #0d4e76;
}

p {
font-size: 12px;
color: #3e3e3e;
}
p b,
b{
font-weight: bold;
color: #3e3e3e;
}
img {
border: 0;
}
ul {
list-style-type: none;
}
input.text {
background: url('../image/background/bkgd-input-field.gif') right top no-repeat;
border: 0;
height: 17px;
padding-top: 4px;
padding-left: 4px;
font-size: 10px;
color: #606165;
}
input.submit {
border: 0;
background: #446283 url('../image/background/bkgd-submitbutton-edge-ltblue.gif') bottom right no-repeat;
color: #fff;
font-weight: bold;
font-size: 8px;
padding: 5px 3px 4px 3px;
text-transform: uppercase;
cursor: pointer;
position: relative;
top: -2px;
}

/* Common
---------------- */
.fr{
display: inline;
float: right;
}
.fl{
display: inline;
float: left;
}


ul.piped li {
border-right: 1px solid;
display: inline;
float: left;
margin-right: 10px;
padding-right: 10px;
}
ul.piped li.last {
border-right: none;
margin-right: 0;
padding-right: 0;
}
ul.piped a{
white-space:nowrap;
}

ul.piped a:hover,
ul.piped a.selected:hover {
color: #EA7E3A;
}
ul.piped a.selected {
font-weight: bold;
color: #093f60;
}

ul.piped a.forparents {
font-weight: bold;
color: #EA7E3A;
}

/* General Page Layout
-------------------------- */
#container {
width: 1039px;
padding: 0 ;
margin: auto;
}
/* Header
-------------------- */
#header {
clear: both;
padding-left: 29px;
margin-bottom: 2px;
padding-bottom: 3px;
background-color: #fff;
width:981px;
height: 86px;
}
#header img {
margin: 0 0 0 0;
float: left;
}
#links1 {
float: right;
padding-left: 120px;
text-transform: lowercase;
height: 38px;
width: 65%;
}
#links1 ul {
float: right;
margin-right: 15px;
margin-top: 12px;
}
#links1 ul li {
border-color: #0d4e76;
}
#links1 input.text {
width: 166px;
margin-right: 2px;
}
#links1 form {
margin-right: 8px;
margin-top: 9px;
float: right;
display: inline;
}
#links2 {
float: left;
margin-left: 35px;
margin-top: 23px;
width: 475px;
_display: inline;
}
#links2 li {
border: 0;
padding: 0;
margin: 0 6px 0 0;
text-transform: uppercase;
}
#links2 li a {
display: block;
line-height: 25px;
font-size: 12.7px;
font-weight: bold;
color: #093f60;
text-align: center;
padding: 0 7px;
}
#links2 li a:hover {
text-decoration: none;
background-color: #f18e0f;
color: #fff;
}
#links2 li a.selected {
text-decoration: none;
background-color: #f18e0f;
color: #fff;
}
#links3 {
text-transform: uppercase;
float: right;
margin-top: 23px;
}
#links3 li {
border: 0;
font-size: 11px;
letter-spacing: 0.8px;
font-weight: bold;
color: #ea7e3a;
margin-left: 5px;
margin-right: 0;
padding-right: 0;
}
#links3 li a {
border: 1px solid #fff;
padding:0 4px;
color: #ea7e3a;
line-height: 25px;
font-size: 12.7px;
display: block;
}
#links3 li a:hover,
#links3 li a.selected {
text-decoration: none;
color: #b75312;
border: 1px solid #b75312;
}
#body {
float: left !important;
background: url(../image/background/bkgd-gradient-tile.png)  0 0  repeat-x;
}
/* Special width for homepage */ 
div.homepage{
width: 981px;
padding: 0px;
}

/* Home Page Styles
-------------------------------------------------- */
#home{
padding: 0;
margin: 0;
background: none;
}
#home div{
float: left;
display: inline;
padding: 0;
margin: 0;
}

/* Content Area
------------------------- */
#whiteContainer {
padding: 0  0 0 29px !important;
float: left;
overflow: hidden;

}

/* masthead banners */
#banners {
width:981px;
height: 278px;
float:left;
position: relative;
font-family: Arial, sans-serif;
margin:20px;

}
#banners .banner{
position: absolute;
top:0;
left:0;
display:block;
padding-top:10px !important;

}
.banner.current{
z-index: 2;

}
#controls {
position:absolute;
top:20px;
left:10px;
z-index:10;

}

#controlsStop{
position:absolute;
top:20px;
left:94px;
z-index:10;
z-index:10;
}
#controls li, #controlsStop li { list-style:none; display:inline;}
#controls li a, #controlsStop li a{
display:-moz-inline-box; /* = FF2 hack */
display:inline-block;
margin-right:2px;
font-size:12px;
padding:4px 8px 4px 7px;
text-decoration:none;
color: #fff;

background: url('../image/button/but-numbered-down.png') 0  2px  no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/button/but-numbered-down.png',sizingMethod='scale');
_background-image:none;
height: 24px;
outline:none;
}
#controls li.active a, #controlsStop li.active a{
border-color:#FFF;
color:#666;
background-color:#333;
background: url('../image/button/but-numbered-over.png') 1px  1px  no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/button/but-numbered-over.png',sizingMethod='scale');
_background-image:none;
height: 24px;

}
#controls li a:hover, #controlsStop li a:hover{
border-color:#FFF;
color: #666;
background-color:#333;
background: url('../image/button/but-numbered-over.png') 1px  1px  no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/button/but-numbered-over.png',sizingMethod='scale');
_background-image:none;
height: 24px;
}


/* custom for scilearn */
#bannerWrapFFW {
position:relative;
top:0;
left:0;
width:981px;
height: 278px;
background: url('/image/background/bkgd-masthead-whole-ff.jpg') 0 0 no-repeat;
}
#bannerWrapRA {
position:relative;
top:0;
left:0;
width:981px;
height: 278px;
background: url('/image/background/bkgd-masthead-whole-ra.jpg') 0 0 no-repeat;
}
#bannerWrapBSK {
position:relative;
top:0;
left:0;
width:981px;
height: 278px;
background: url('/image/background/bkgd-masthead-whole-bsk.jpg') 0 0 no-repeat;
}
#banner {
position:absolute; 
color: #fff;

}
#banner div#playerBlock, #banner div.noplayer {
float: right !important;
display: inline;
width: 370px;

margin-right: 0px;
 }
 
 
#banner div.brainsparkImages  {
float: right !important;
display: inline;
width: 522px;

margin: 30px 0  0 0;
}
#banner div.brainsparkImages div.bsImage a {
width: 256px;
height: 236px;
position:absolute;
top:30px;
left:450px;
text-indent: -9999px;
background: url('../image/button/but-BS-large.png') 0 0  no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/button/but-BS-large.png',sizingMethod='scale');
_background-image:none;
  cursor: pointer;
 }
#banner div.brainsparkImages div.bpImage a {
width: 256px;
height: 236px;
position:absolute;
top:30px;
left:716px;
text-indent: -9999px;
background: url('../image/button/but-BP-large.png') 0 0  no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/button/but-BP-large.png',sizingMethod='scale');
_background-image:none;
  cursor: pointer;
 } 


span.bannerText {
   width: 611px !important;
 
}
span.bannerTextBS  {
   width: 450px !important;
}

span.bannerText h2, span.bannerTextBS h2{
margin: 0 0 35px 0;
position: relative;
width:301px;
height:62px;
top: 50px;
left: 60px;
text-indent: -9999px;
}
span.bannerText h2.ffw {
 padding-bottom: 10px;

background: url('../image/logo/logo-ffw.png') 0 0  no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/logo/logo-ffw.png',sizingMethod='scale');
_background-image:none;

}
span.bannerText h2.ra {
 padding-bottom: 20px;
 
background: url('../image/logo/logo-ra.png') 0 0  no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/logo/logo-ra.png',sizingMethod='scale');
_background-image:none;

}
span.bannerTextBS h2.bs {

background: url('../image/header/header-for-use-at-home.png') 0 0  no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/header/header-for-use-at-home.png',sizingMethod='scale');
_background-image:none;

}

span.bannerText p {
 padding: 10px 400px 0 60px !important;
 _padding-top: 20px;
 color: #fff !important;
 font-weight: bold;
 font-size: 16px;

} 
span.bannerText p.subhead {
 font-size: 20px;
 padding-top:16px !important;
 margin-bottom: -2px; 
 _margin-bottom: -12px; 

  } 

span.bannerTextBS p {

 padding: 10px 90px 0 60px !important;
 color: #fff !important;
 font-weight: bold;
 font-size: 16px;
  width: 390px;
} 

span.bannerText p.cite, span.bannerTextBS p.cite { 
  font-size: 11px;

} 
 
 span.bannerTextBS p.cite { 
display:inline;
float: left;
 }
span.bannerText p span.arrowlink{ 
font-weight:  normal;
color: #fff !important;
 font-size: 14px;

}
span.bannerText a.textLink { 
text-decoration: underline;
font-weight:  normal;
color: #fff !important;
 font-size: 14px;

}
/* Banner links piped */
ul.bannerList  {

}

ul.bannerList li, ul.bannerListBS li {
border: 0;
display: inline;
float: none;
margin-right: 10px;
padding:    5px 0 10px 22px;
line-height:26px;
height: 28px;
}
ul.bannerList li.videos {
position: absolute;

top: 224px;
left:60px;

background: url('../image/icon/icon-videos.png')  0 6px no-repeat;
_background: url('../image/arrow/arrowbutton_grey.png')  0 12px no-repeat;


}
ul.bannerList li.ravideos {
position: absolute;

top: 224px;
left:60px;

background: url('../image/icon/icon-videos.png')  0 6px no-repeat;
_background: url('../image/arrow/arrowbutton_grey.png')  0 12px no-repeat;

}


ul.bannerList li.casestudies {
position: absolute;
top: 224px;
left:160px;

background: url('../image/icon/icon-casestudies.png') no-repeat  0 6px;
_background: url('../image/arrow/arrowbutton_grey.png')  0 12px no-repeat;
}
ul.bannerList li.racasestudies {
position: absolute;
top: 224px;
left:160px;

background: url('../image/icon/icon-casestudies.png') no-repeat  0 6px;
_background: url('../image/arrow/arrowbutton_grey.png')  0 12px no-repeat;
}

ul.bannerList li.results {
position: absolute;
top: 224px;
left:309px;

background: url('../image/icon/icon-results.png') no-repeat  0 6px;
_background: url('../image/arrow/arrowbutton_grey.png')  0 12px no-repeat;
}

ul.bannerList li.raresults {
position: absolute;
top: 224px;
left:309px;

background: url('../image/icon/icon-results.png') no-repeat  0 6px;
_background: url('../image/arrow/arrowbutton_grey.png')  0 12px no-repeat;
}

ul.bannerList li.productInfo_blue {

padding:    0 30px 5px 50px;
margin-left: 15px;
margin-top: 22px;
*margin-top: 25px;
_margin-top: 15px;
*margin-right: 40px;
display: inline;
float: right;
height: 40px;
}
ul.bannerList li.productInfo_orange {
padding:    0 30px 5px 50px;
margin-left: 15px;
margin-top: 34px;
*margin-top: 34px;
_margin-top: 15px;
*margin-right: 30px;
display: inline;
float: right;

height: 40px;
}

ul.bannerListBS {
position: absolute;

top: 236px;
left: 300px;


}
ul.bannerList li a {
font-family: arial, helvetica, sans-serif;
color: #fff !important;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-left: 2px;

}
ul.bannerListBS li.productInfo_orange a, ul.bannerList li.productInfo_orange a {
width: 118px;
height: 26px;

display:inline-block;
text-decoration: none;
background: url('../image/button/but-productinfo-orange.png') 0 0  no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/button/but-productinfo-orange.png',sizingMethod='scale');
_background-image:none;
  cursor: pointer;
  
}


 ul.bannerList li.productInfo_blue a {

width: 118px;
height: 26px;

display:inline-block;
text-decoration: none;
background: url('../image/button/but-productinfo-blue.png') 0 0  no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/button/but-productinfo-blue.png',sizingMethod='scale');
_background-image:none;
  cursor: pointer;

}


ul.bannerList a:hover,
ul.bannerList a.selected:hover {


}
ul.bannerList a.selected {
font-weight: bold;
}

a.findOutHow_blue  {
width: 118px;
height: 26px;
margin-top: 7px;
display:inline-block;
text-decoration: none;
background: url('../image/button/but-findouthow-blue.png') 0 0  no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/button/but-findouthow-blue.png',sizingMethod='scale');
_background-image:none;
  cursor: pointer;
}

div.threeMessages {
 width:981px;
 height:106px;
 background-image: url('/image/background/bkgd-3section.jpg');
 background-repeat:no-repeat;
 position:relative;
 top:22px;
 left:0;
}
div.threeMessages div.box1,  div.threeMessages div.box2_3 {
width: 327px;

}
div.threeMessages div.box1 h2, div.threeMessages div.box2_3 h2, div.col1 h2, div.col2 h2 {
font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;

font-size: 23px;
font-weight: bold;
color: #666;
margin: 5px 20px 0 15px;
}

div.threeMessages div.box1 p, div.threeMessages div.box2_3 p {
font-size: 12px;
font-weight:bold;
color: #7D7D7D;
margin: 2px 20px 6px 15px;
}

div.threeMessages div.box1 a, div.threeMessages div.box2_3 a {
 font-weight: normal;
 color: #2C5C93;

}
div.threeMessages div.box1 a.arrowed, div.threeMessages div.box2_3 a.arrowed {
 font-weight: bold;
 color: #2C5C93;
 background: url('../image/arrow/arrw-blue-gray-small.gif') 0  3px  no-repeat;

padding:    0 0 0 15px;
line-height:16px;

}
div.threeMessages div.box2_3 h2, div.threeMessages div.box2_3 p {
margin-left: 20px;
}

/*-- two column - map and right boxes */
div.col2_wrap {
margin-top:40px !important;

*margin-bottom: 20px !important;
width:100%;
clear:both;

}

div.col1 {
width:651px;
_width:624px;
*width:624px;
/* padding-top:40px !important;*/
float:left;
display:inline;

}

div.col1 div#studiesWrap {
padding-top:30px !important;
padding-bottom: 20px !important;
width:100%;
clear:both;
position: relative;

}


div.col1 div#studiesWrap div.map {
padding-right: 1px;
position: relative;
}

.mapImage {
position: absolute;
top:30px;
left:130px;
}


div.latest {
 margin:  22px 0 40px 0 !important;
 padding: 0 75px 22px 15px;

}
div.latest h2 {
 font-size: 18px;
 font-weight: bold;
 color: #666;
margin: 5px 75px 0 15px;
}
div.latest ul li{
background: url('../image/arrow/arrw-blue-small.gif') 0  6px  no-repeat;
padding:    0 0 0 15px;
line-height:16px;
color: #3e3e3e;
}
div.latest ul {
padding:0 10px;
}
div.latest ul {

margin: 15px 75px 0 5px;
}

div.latest ul li {

line-height:22px;
}
div.latest ul li a {
 font-size: 13px;
font-weight: bold;
 color: #2C5C93;
}
div.col2 {
width:315px;
_width:342px;
*width:342px;
float:right !important;
padding-right:27px !important;
_padding-right:0 !important;
*padding-right:0 !important;
display:inline;
}

div.col2 div.requestInfo {
margin-top: -7px !important;
*margin-top: 0 !important;
_margin-top: 0 !important;
padding:0 !important;
padding-bottom: 13px !important; 
}
div.col2 div.rightBoxBanner {
    
   padding-bottom: 18px !important;
}

div.col2 div.rightBoxButton {
   padding-bottom: 28px !important;
   background-image: url('/image/banner/ban-bkgd-blue.jpg');
   background-repeat:no-repeat;
   width: 100% !important;
}   
   
div.col2 div.rightBoxButton h2 {
      margin: 12px 0 0 15px !important;

}
 div.col2 div.rightBoxButton h2 a {  
   font-size: 21px;
   font-weight: none !important;
   color: #fff;
   text-decoration: none !important;
}

/* the overlayed element */
.latest_overlay {
    display:none;
    text-align: left;
    padding:10px !important;
    width:520px;  
    background-color: #fff;
font-size: 12px;
}

.latest_overlay h4,  .latest_overlay p  {
  margin-bottom: 15px;
}
.latest_overlay h4 {
  color: #4f7cb2;
}
/* close button positioned on upper right corner */
.latest_overlay .close {
background: url(/image/button/but-close.png);
position:absolute;
right:-17px;
top:-17px;
cursor:pointer;
height:35px;
width:35px;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/button/but-close.png', sizingMethod='scale');
_background-image:none;
}

/*Footer Settings------------------------*/
#footerContainer #footer{
/*background: url(../image/background/bkgd-footer.gif) 0 0 no-repeat;*/
width: 981px;
margin: 20px auto;
padding:0px 29px;
}
/*-- two column - map and right boxes */
div.col2_wrap_footer {
width:100%;
clear:both;

}

div.col1_footer {
width: 590px;
_width:596px;
float:left;
display:inline;
padding: 0 0 22px 15px;
}


div.col2_footer {
width:361px;
float:right !important;
display:inline;
}



div.col2_footer p, div.col1_footer p {
clear: both;
display: block;
color: #A5A5A5;
font-size: 12px;
padding-top: 15px !important;
}

div.col2_footer p.social_text{
margin:  0;
padding-left: 50px;

display: inline;
float:left;
color: #666666;
height: 100%;
}

div.col2_footer p.slc_text{
float:left;
padding-left:50px;
display:inline;
width: 100%;
margin: 0;
*margin-top: 15px !important;
}


#footer ul 
{
padding: 0;
display: inline;
float:left;
margin: 12px 0 0 0;

}
#footer ul li {
display: inline;
margin: 0;
height: 10px;
padding: 0 17px 0 0 !important;
}
#footer ul li.last {
background: none;
}
#footer ul li a 
{
font-family: Arial,Verdana,Helvetica,Sans-serif;
font-weight: normal;
font-size: 12px;
color: #2C5C93;
text-decoration: none;
}
#footer ul li a:hover{
text-decoration: underline;
}
#footer span{
}
#footer ul li a.selected{
color : #F18E0F;
}

#footer .social-icons {
display: inline;
float:right;
margin: 12px 0 0 0;
}

#footer .social-icons a {
color: #4d7d9a;
background: top left no-repeat;
float: left;
display: inline;
line-height: 28px;
text-indent: -99999px;
}
#footer .social-icons a.twitter {
margin: 0 2px 0 0px;
background-image: url('../image/icon/icon-twitter.png');
width: 28px;
}
#footer .social-icons a.facebook {
margin: 0 2px 0 1px;
background-image: url('../image/icon/icon-fb.png');
width: 28px;
}
#footer .social-icons a.youtube {
margin: 0 2px 0 1px;
background-image: url('../image/icon/icon-yt.png');
width: 28px;
}
#footer .social-icons a.rss {
margin: 0 2px 0 1px;
background-image: url('../image/icon/icon-rss.png');
width: 28px;
}

.fix
{
display: inline-block;
}

/* Bugfixes
---------------- */
.clearfix:after { /* All except IE */
content: ".";
display: block; 
height: 0;
line-height: 0px;
clear: both;
visibility: hidden;
}
.clearfix { /* IE Mac */
display: inline-block;
}
/* Hides from IE Mac, for IE Win \*/
* html .clearfix {
zoom: 1;
}

* :first-child+html .clearfix {
zoom: 1;
}
.clearfix {
display: block;
}
/* End hide from IE Mac */ 

a.offSite_link {
background: url(/image/icon/icon-offsite.png)  right top no-repeat;
padding:    0 15px 0 0;
width: 12px;
height: 14px;

}
