﻿/******************************** TABLE OF CONTENTS *********************************
/ 1. Global Type Selectors
/ 2. Global Class Selectors
/    . Main Content Layout (Wrapper, Redesign)
/    . EF Tours Home Page
/    . Header
/    . Navigation
/    . Footer
/    . Sidebar
/    . Print / Shared Links
/    . Drop shadows for FF (IE version found in ie-only)
/    . Tour Pages
/    . Get Started Student Section
/    . Error 404
/    . General Text Styles
/    . General Positioning
/ 3. ClearFix
/****************************** END TABLE OF CONTENTS ******************************/

/****************************** Global Type Selectors ******************************/
*{
  padding:0;
  margin:0;
}
html{
  min-height:100%; 
  margin:0 0 1px; 
}
body{
  background-color:#E5E5E5;
  color:#666666;
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  line-height:130%;
}
a{
  color:#5AACDC;
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration:underline;
}
a:hover{
  text-decoration:none;
}
h1{
  line-height:normal;
  margin:0 0 6px 0;
  padding:0;
}
h2{
  color:#FFAE00;
  font:bold 11px Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  text-decoration:none;
}
h2 a{
  color:#FFAE00;
  font:bold 11px Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  text-decoration:none;
}
h3{
  color:#777777;
  font:bold 11px Verdana, Arial, Helvetica, sans-serif;
  line-height:130%;
  margin:0;
  padding:0 0 0 20px;
}
select{
  font-size:10px;
  width:170px;
}
strong{
  color:#777;
  font:bold 11px Verdana, Arial, Helvetica, sans-serif;
  line-height:130%;
}
/*************************** End Global Type Selectors *****************************/

/***************************** Global Class Selectors ******************************/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Main Content Layout !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
div.Main{
  background-color:#FFFFFF;
  border :1px solid #cfcfcf;
  border-top:none;
  margin:0 auto;
  padding:0 12px 12px;
  position:relative;
  width:760px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!! End Main Content Layout !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!! EF Tours Home Page !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.AlignSpace{
  padding:7px 0 0;
}
.ArrowImgDiv{
  float:left;
  padding:5px 0 0;
  padding-top:expression(0+'px');
  width:8px;
}
.BottomContentDiv{
  float:left;
  padding:8px 0 0 2px;
}
.BottomDiv1{
  float:left; 
  margin:4px 0 0;
  width:251px;
}
html>/**/body .BottomDiv1{
  margin-top:0;
}
.BottomDiv2{
  float:left;
  margin:4px 1px 0;
  width:254px;
}
html>/**/body .BottomDiv2{
  margin-top:0;
}
.BottomDiv3{
  float:left;
  width:253px;
}
html>/**/body .BottomDiv3{
  margin:0;
}
.ContentDiv1, .ContentDiv2, .ContentDiv3{
  border:1px solid #ccc;
  border-top:none;
  height:100%;
  overflow:hidden;
}
.ContentDiv1{
  float:left;
  width:249px;
}
.ContentDiv2{
  width:252px;
}
.ContentDiv3{
  width:251px;
}
div.HomeBody{ 
  background-color:#fff;
  float:left;
  margin:1px 0 2px;
  margin-bottom:expression(3+'px');
  position:relative;
  width:760px;
}
.ImageTextDiv{
  float:left;
  padding:10px 0 0 10px;
  width:230px;
}
.ImageWidthStyle{
  float:left;
  width:100px;
}
.TextLinkDiv{
  float:left;
  width:220px;
}
.TopSpacing{
  padding:2px 0 0;
  padding-top:expression(0+'px');
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!! End EF Tours Home Page !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Header !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
div.logo{
  float:left;
  height:100px;
  width:420px;
}
div.Profile{
  float:right; 
  padding:22px 0 0;
}
div.TagLine{
  float: left; 
  width: 364px;
}
div#utilities{
  margin:5px auto 5px;
  width:784px;
}
div#call{
  float:left;
  font:bold 11px verdana, sans-serif;
  margin:5px 0 0;
  width:67%;
}
div#google-search{
  float:left;
  text-align:right;
  width:33%;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! End Header !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Navigation !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
div.nav{
  clear:both;
  margin:0;
  padding:0;
  position:relative;
}
#nav-wrap{
  background:#225a9d;
  height:10px;
  margin:9px 0 1px;
  padding:0 20px 0 0;
  position:relative;
  z-index:1;
}
.PrimaryNavigation{
  background:#fff;
  float:right;
  height:22px;
  margin:-11px 0 0;
  padding:0 0 0 1px;
  position:relative;
  z-index:9;
}
.PrimaryNavigation a{
  background:#fff;
  border:1px solid #ccc;
  clear:none;
  color:#007dc3;
  display:inline-block;
  font:bold 11px arial;
  float:left;
  height:13px;
  margin:0 1px 0 0;
  padding:3px 0px 3px 5px;
  position:relative;
  text-decoration:none;
  vertical-align:top;
  z-index:5;
}
.PrimaryNavigation a.ActiveTab{
  background:#e9f2fd;
  border-bottom:none;
  color:#00669f;
  /*Modern browsers*/
  height:16px !important;
  margin-top:0px !important;
  top:0px !important;
  /*IE6 fix*/
  height:17px;
  margin-top:-4px;
  top:4px;
}
.PrimaryNavigation a:link{outline:none;}
.PrimaryNavigation a:visited{outline:none;}
.PrimaryNavigation a:hover{background-color:#e9f2fd;
  outline:none;
}
.PrimaryNavigation a:active{outline:none;}
/* Sub navigation */
.SubNavigation:after{
  clear:both;
  content:".";
  display:block;
  line-height:0;
  height:0;
  visibility:hidden;
}

/* Sub navigation */
.SubNavigation:after{
  clear:both;
  content:".";
  display:block;
  line-height:0;
  height:0;
  visibility:hidden;
}
.SubNavigation{
  background:#e9f2fd;
  border:1px solid #CECECE;
  display:inline-block;
  padding:3px 0 3px;
}
html[xmlns] .SubNavigation{display:block;}
* html .SubNavigation{height:1%;}
.SubNavigation div{
  border-right:1px solid #a7a9ab;
  clear:none;
  display:inline-block;
  float:left;
  margin:0;
  padding:6px 5px;
  position:relative;
}
.SubNavigation div.subend{
  border-right:none;
  padding:6px 0px 6px 8px;
}
.SubNavigation div.selectedWrapper{
  padding:6px 3px;
}
.SubNavigation div a{
  color:#007dc3;
  font:bold 10px arial;
  height:13px;
  padding:2px;
  text-decoration:none;
  vertical-align:top;
  z-index:5;
}
.SubParent a.selected{
  background:#b93b44;
  color:#fff !important;
  padding:6px 4px;
}
.SubTeacher a.selected,.SubAbout a.selected{
  background:#ff9900;
  color:#fff !important;
  padding:6px 4px;
}
.SubNavigation a:link{outline:none;}
.SubNavigation a:visited{outline:none;}
.SubParent a:hover{
  color:#b93b44;
  outline:none;
}
.SubTeacher a:hover,.SubAbout a:hover{
  color:#ff9900;
  outline:none;
}
.SubParent a:active{
  color:#b93b44;
  outline:none;
}
.SubTeacher a:active, .SubAbout a:active{
  color:#ff9900;
  outline:none;
}
/* Dog Ear */
.dogEar{
  background:url('/images/Nav/navdogEar.gif') top right no-repeat;
  width:7px;
  height:7px;
  display:inline-block;
  margin:-4px -1px 0 0;
  position:relative;
  vertical-align:top;
  z-index:100;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! End Navigation !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! End Navigation !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Footer !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
a.footer{
  color:#999;
  text-decoration:none;
}
a.footer:hover{
  color:#999;
  text-decoration:underline;
}
div.FooterContainer{
  background-color:inherit;
  border-top:1px solid #ccc;
  clear:both;
  color:#999;
  height:76px;
  padding:8px 0 0;
  text-align:left;
}
/*
div.FooterLinks{ 
  float:left;
}
div.FooterCopy{
  float:right;
}
*/
div.FooterCopyRight{
  float:right;
}
div.OtherCountrySite{
  background-color:inherit;
  clear:both;
  color:#999;
  padding:10px 0;
  width:670px;
	_width:600px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! End Footer !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Sidebar !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.LeftArrow{
  float:left;
  padding:10px 0 0 5px;
  width:20px;
}
.RightNavParents{
  float:left;
  _margin:-2px 0 0;
  padding:7px 0 0;
  padding-top:expression(7 + 'px');
  width:162px;
}
.RightNavParents a{
  color:#5AACDC;
  font-weight:bold;
  text-decoration:underline;
}
.RightNavParents a:hover{
  text-decoration:none;
}
.SidebarContainerLanding{
  float:right;
  width:190px;
  margin-top:3px;
}
.SidebarElementsLanding{
  margin:0 0 10px 22px;
  padding:10px 0 0;
}
.SidebarLanding{
  list-style:square outside url(../images/icon_arrow_rtBlue.gif);
  padding:-2px 0 5px 4px;
}
.SidebarLanding a{
  color:#5AACDC;
  font-weight:bold;
  text-decoration:underline;
}
.SidebarLanding a:hover{
  text-decoration:none;
}
.SideNavLanding{
  background-image:url(../images/FT_winBackground.gif);
  border:1px solid #ccc;
  height:285px;
  /* height:285px!important; */
  width:187px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! End Sidebar !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!! Print/Shared Links !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.PrintIcon{
  cursor:pointer;
  float:left;
  margin:0 0 14px;
  padding:10px 0 0;
}
.ShareThis{
  border:0; 
  float:left; 
  height:16px;
  margin:0 0 14px 0;
  padding:10px 3px 0 0;
  width:83px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!! End Print/Shared Links !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!! Drop shadow for FF !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.shadow 
{

    -moz-box-shadow: 2px 2px 5px #ccc;
	-webkit-box-shadow: 2px 2px 5px #ccc;
    }

/*!!!!!!!!!!!!!!!!!!!!!!!!!! End drop shadow for FF !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/		

/*!!!!!!!!!!!!!!!!!!!!!!!!!! Tour Pages !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*use for any links to tours*/
.TourLinkTitle a {
    font-weight:bold;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!! Tour Pages !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!! Get Started Student Section !!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.GoBtn{
  padding:0 0 0 6px;
}
.GoTxt{
  padding:5px 0;
}
.RadioDiv{
  padding:3px 0 1px;
}
div.SideMessage{
  clear:right;
  float:left;
  margin:30px 0 0;
  padding:0 10px 20px 10px;
}
.SideMessageHighlight{
  color:#ffa011;
  font-weight:bold;
}
.SideMessageLanding{
  border:1px solid #ccc; 
  clear:both;
  float:left;
  height:220px;
  margin:2px 0 0 2px;
  /*padding-top:30px;*/
  /*padding-bottom:65px;*/
  padding:auto 0 0 10px;
  width:177px;
}
.SideMessageLanding p{ 
  margin:10px 0 0;
}
.SideNavLandingbottom{
  border:1px solid #ccc;
  /* height:285px!important; */
  height:250px;
  margin:2px 0 0;
  width:187px;
}
.TourNumTxt{
  font-size:11px;
}
.TourNumTxtDiv{
  float:left; 
  padding:2px 5px 0 0;
}
/*!!!!!!!!!!!!!!!!!!!!!!! End Get Started Student Section !!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Error 404 Page !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.ErrorFooterLinks{
  overflow:hidden;
  padding:35px 0 0;
  width:740px;
}
.ErrorFooterLinkL{
  float:left;
  margin:0 30px 0 0;
  width:363px;
}
.ErrorFooterLinkLContainer{
  padding:5px 0 0;
}
.ErrorFooterLinkR{
  float:left;
  width:340px;
}

.ErrorMessage2{
  height:auto !important;
  height:400px;
  min-height:350px;
  padding:20px 0 30px 20px;
  width:716px;
}
.ErrorMessage2Container{
  padding:10px 0 0;
}
.ErrorSearchDiv{
  padding:23px 0 0 0;
}
.GoogleSearchBox{
  padding:6px 0 0;
  width:600px;
}
.GoogleSearchResults{
  margin:30px 0 0 20px;
}
.GoogleSearchBox input, .GoogleSearchResults input{
  font:11px Verdana, Arial, Helvetica, San-Serif;
}
#cse-search-results iframe{
  height: 1000px;
  padding:0 0 0 20px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!! End Error 404 Page !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!! General Text Styles !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.Error{
  padding:5px 0 0;
}
.ErrorMessage{
  padding:20px 0 30px 40px;
}
div.h3text{
  margin:0;
  padding:0 0 0 20px
}
.HL a{
  color:#1690D7;
  font:bold 11px Verdana, Arial, Helvetica, sans-serif;
  text-decoration:underline;
}
.linkNonUnder, .linkNonUnder a{
  color:#5AACDC;
  font-weight:bold;
}
.linkNonUnder a{
  text-decoration:none;
}
.normal{
  color:#999;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
}
.pseudoH3{
  color:#777;
  font:bold 11px Verdana, Arial, Helvetica, sans-serif;
  line-height:130%;
}
div.pushTxt{
  margin:0 0 0 3px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!! End General Text Styles !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!! General Positioning !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
span.belowLinks{
  line-height:200%;
}
div.Body{
  background-color:#fff;
  border:0px solid blue;
  float:left;
  margin:1px 0 20px;
  position:relative;
  width:760px;
}
div.BodyContainer{
  background-color:#fff;
  clear:both;
  margin:-1px 0 0;
}
.BodyCopyExplore{
  /* background-image:url(../images/FT_worldMap.gif); */
  border:solid 1px #CCCCCC; 
  height:230px;
  margin:2px 0 0;
  padding:10px;
  width:546px;
}
.BodyCopyFT{
  background-color:#fff4ce; 
  border:solid 1px #ccc; 
  margin:2px 0 0;
  padding:10px; 
  width:546px;
}
div.BodyCopyL{
  float:left;
  margin:0 2px 0 0;
  padding:0;
  position:relative;
  width:501px;
}
div.BodyCopyR{
  background-image:url(../images/rightBkgd.jpg);
  float:right;
  padding:10px 0 0 15px;
  margin:2px 1px 0 0;
  position:relative;
  width:239px;
}
.BodyLanding{ 
  background-color:#fff;
  float:left;
  padding:2px 2px 0 0;
  position:relative;
  width:568px;
}
.clear{
  clear:both;
}
.Clr{
  clear:both;
  height:0;
  overflow:hidden;
}
.DivLeft{
	float:left;
	width:625px;
	_width:600px;
}
.DivRight{float:right;}
div.LandingContentHolder{
  border:1px solid #ccc;
  float:left;
  height:200px;
  width:758px;
}
.FloatLeft{float:left;}
.FloatRight{float:right;}
.LandingFooter{
  background-image:url(../images/banner_FT_landingFooter.gif);
  height:31px;
  position:relative;
  width:759px;
}
div.leftBelowL{
  border-right:#CCCCCC 1px dashed;
  clear:both;
  float:left;
  line-height:150%;
  margin:20px 0 0;
  padding:0 10px;
  position:relative;
  width:235px;
}
div.leftBelowR{
  float:left;
  line-height:150%;
  margin:0;
  padding:10px 10px 10px 15px;
  position:relative;
  vertical-align:top;
  width:215px;
}
.leftBelowR h1{
  margin:0;
}
div.line1, div.line2, div.line3{
  float:left;
  margin:0 0 20px;
  padding:0;
  position:relative;
  width:225px;
}
.lpLine2{
  float:left;
  position:relative;
  width:150px;
}
div.orgBox{
  background-color:#FFF4CE;
  float:left;
  padding:10px;
  margin:2px 0 0 1px;
  position:relative;
  width:481px;
}
.PageLink{
  text-decoration:none;
}
.ParentErrorPosition{
  position:absolute;
}
.PlaceholderImg{
  height:274px;
  margin:0 0 3px;
  position:absolute;
  width:760px;
  z-index:10;
}
.PreFooterContainer{
  background-color:inherit;
  clear:both;
  color:#999; 
  height:33px;
}
.RightRail{
  padding:5px 0 0;
}
div.rightSpace{
  float:left;
  height:15px;
  position:relative;
  width:150px;
}
div.Spacer{
  height:0;
  overflow:hidden;
  width:100%;
}
.TicoImage{padding-left:33px;}
.TourNumberError{
  color:red;
  display:none;
  /*position:absolute;*/
  position:relative;
  visibility:hidden;
  width:170px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!! End General Positioning !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/************************** END Global Class Selectors *****************************/

/*********************************** ClearFix **************************************/
.clearfix:after{
  clear:both;
  content:".";
  display:block;
  line-height:0;
  height:0;
  visibility:hidden;
}
.clearfix{
  display:inline-block;
}
html[xmlns] .clearfix{
  display:block;
}
* html .clearfix{
  height:1%;
}
/*********************************** END ClearFix **********************************/