/************************************************************************************
 * Common styles
 ************************************************************************************/
html { height: 100%; }  /* for sticky footer need html and body height 100% */
body { height: 100%; margin: 0; padding: 0; font-family: Verdana, Myriad, Arial, Sans-Serif;
  text-align: center; background: White;  font-size: 100% }

h1 { color: #4679d7; font-size: 22px; }
h2 { color: #4679d7; font-size: 18px; }
h3 { color: #4679d7; font-size: 14px; }

p { color: Black; font-size: 14px; }

.spacer15px { clear: both; width: 100%; height: 15px; line-height: 15px; }
.spacer35px { clear: both; width: 100%; height: 35px; line-height: 35px; }

.ws_wrapper {   /* sticky footer enabler */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -316px; /* the bottom margin is the negative value of the footer's height */
}

/************************************************************************************
 * Top blue bar styles
 ************************************************************************************/
#top-bar { width: 100%; height: 318px; text-align: center; background: url("/Images/web/top_block_right.png") repeat-x; 
  z-index: 100; }
  
  #top-bar #left { height: 318px; background-image: url("/Images/web/top_block_left.png");
    background-repeat: repeat-x; }
    
  #top-bar #center { text-align: left; vertical-align: top; height: 318px; width: 960px;
    background-image : url("/Images/web/top_block_mid.png"); background-repeat: no-repeat; }

    #top-bar #center h1 { font-family: Verdana, "Myriad Pro", Myriad, Arial, Sans-Serif; font-size: 24px;
      font-weight: bold; color: White; margin-top: 24px; margin-bottom: 15px; }

    #top-bar #center p { font-size: 20px; color: White; margin: 15px 0; font-style: normal; }
      #top-bar #center p em { font-style: italic; }


/************************************************************************************
 * Main page content styles
 ************************************************************************************/
.main { margin: 0 auto; padding-top: 35px; width: 960px; text-align: left; }
  .main .left_col { display: inline; float: left; margin: 0 auto 0 0; width: 410px;     /* 960 / 2 - padding */
    padding-right: 70px; text-align: left; }

  .main .right_col { display: inline; float: right; width: 410px;     /* 960 / 2 - padding */
    padding-right: 70px; margin: 0 0 0 auto; text-align: left; }

  .main ul { margin: 0; padding: 0; padding-left: 20px; font-size: 14px; }
  .main #cutout { clear: both; display: block; width: 100%; background-color: #f2f2f2; 
    border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin-bottom: 40px; 
    font-family: Georgia, "Times New Roman", Times, Serif; }

    .main #cutout tr { vertical-align: top; }
    .main #cutout td { width: 25%; padding: 15px 22px; }
    .main #cutout .cell { width: 25%; }
      .main #cutout .cell p { font-weight: normal; font-size: 14px; color: #3d3d3d; margin: 0; }
      .main #cutout .cell h2 { color: Black; font-weight: normal; font-size: 20px; margin-bottom: 13px; }


/************************************************************************************
 * Call-To-Action blue box (tour or create account) styles
 ************************************************************************************/
.call_box { text-align: center; width: 480px; padding: 10px 0px; background-color: #bfd3ff;
  border: solid 1px #1c4a9e; font-family: Verdana, "Myriad Pro", Myriad, Arial, Sans-Serif; }

  .call_box .call_to_action { font-size: 21px; font-weight: bold; color: White; margin: 0; }
  .call_box a { color: #82a6d7; }
  .call_box .note { padding: 5px 0; font-size: 14px; font-weight: normal; color: #1e1e1e; }