/* CSS Document */
/*---------------------- GENERAL ----------------------*/

body {
    padding:0px 0 0 0;
    margin:0;
    font:normal 14px/18px Arial, "Times New Roman", Times, serif;
    color:#2a2a2a;
    /*border-top:#43722c 5px solid;*/
    /* background:#fff url(../images/main-bg-back.jpg) repeat-x; */
    /* background-color: #8b4513;  */
    /* background: url(../images/orang028.gif) repeat;*/
/*    background: url(../images/fall-leaves.jpg) repeat; */
    background: url(../images/design.jpg) repeat; 
/*
  background: url(../images/sunburst.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  */
}

sup{
    font-size:12px;
}

div, th, td, img, p, a, ul, h2, h3, h4, h5, h6, form,li, input{
    padding:0;
    margin:0;
}

form{
    font-family:Arial, Helvetica, sans-serif;
}

/* cellpadding */
th, td { padding: 5px; }

/* cellspacing */
table { border-collapse: separate; border-spacing: 5px; } /* cellspacing="5" */
table { border-collapse: collapse; border-spacing: 0; }   /* cellspacing="0" */

/* valign */
th, td { vertical-align: top; }

/* align (center) */
table { margin: 0 auto; width: 80%;}

tr:nth-child(even) {background-color: #f2f2f2;}

img{
     border:none;
     display: inline;
}

/*img, div,h1,a,td,label,span,p,table,tr,input { behavior: url("iepngfix.htc"); }*/

/* img{ behavior: url("iepngfix.htc") }*/

a{ 
    text-decoration:none;
    outline:none;
    color:#063e5b;
    padding:0;
    margin:0;
}

a:link              { color:green; text-decoration:underline; }
a:visited           { color:purple; text-decoration:underline; }
a:hover             { color:blue; text-decoration:underline; }
a:active            { color:green; text-decoration:underline; }

ul{
     list-style-type:none;
}

h3,h4 {
    font-size:0;
    line-height:0;
}

.spacer {
    line-height:0;
    padding:0;
    clear:both;
}

form, label, input {
    font-size : 1em;
 }

fieldset {
    width: 28em;
    padding: 0.5em 4em;
}

#registration-form {
    width: 36em;
}

label {
    position: relative;
    width: 12em;
    display: block;
    margin: .5em 0em;
}


label input, label select {
     position: absolute; left: 100%; top: 0px; width: 10em;
     color: #781351;
     background: #fafad2;
     border: 1px solid #781351     
 }

.reason-for-contact {
    width: 300px;
}

.radio {
    margin-left: 4em;
}

.mandatory {
    color: red;
}

textarea {
    background: #fafad2;
}

input.submit { margin-left: 15em; }

legend
{
    color: #fff;
    background: #ffa20c;
/* border: 1px solid #781351; */
    padding: 2px 6px
}

.wrapper-main{
   width:100%;
   /* background: url(../images/main-bg.jpg) center top no-repeat; */
   float:left;
}

.wrapper{
    width:951px; 
    overflow: hidden;
    margin:0 auto;
/*    border: 1px solid; */
}

/*---------------------- top ----------------------*/

.top{
    float:left; 
    background-color:#FFF; 
    width:951px;
    overflow: hidden;
}

.top-right{
    float:right;
    width:309px; margin:36px 25px 0 0;}



/*---------------------- LOGO ----------------------*/
.logo {
    background-image: url("../images/logo.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
    height: 66px;
    padding: 0 0 0 0;
    width: 362px;
}
.logo h1 {
    font-family: "Trebuchet Ms",Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.logo h1 a {
    background-repeat: no-repeat;
    display: block;
    height:66px;
    text-decoration: none;
    text-indent: -9999px;
    width: 362px;
}

/*---------------------- navi ----------------------*/

.navi-hold{ 
    background:#FFF;
    width:951px;
    float:left;
    margin-right: -60px;
    overflow: hidden;
}
	
.navi-bottom {
    padding: 0;
    margin: 0;
}

.navi{
    background:url(../images/navi-bg.png) repeat-x; 
    float:left;
    width:951px;
    height:46px;
    overflow: hidden;
}

.navi li{
    position: relative;
    float:left;
    overflow: hidden;
 }

.navi a{
	font:normal 16px/18px Arial, "Times New Roman", Times, serif;
	color:#a1c0ed;
/*	padding:15px 38px;*/
	padding: 19px 17px;
	display:block;
	margin:0 1px;
	overflow: hidden;
}

.navi a.navi-current {   
    background-color: red;
    color: yellow; 
    overflow: hidden;
}

.navi a.navi-current:hover {   
    background-color: red;
    background:url(../images/navi-hover-current-bg.png) repeat-x; 
    overflow: hidden;
}

.navi a:hover{
    background:url(../images/navi-hover-bg.png) repeat-x; 
    overflow: hidden;
}


/*---------------------- content ----------------------*/

.content{
    /* background:#FFF url(../images/con-bg.png) repeat-x; */
    background-color: #f5f5dc;
    float:left;
    width:911px;
    padding: 0 20px;
}

.content-top{
    float:left;
    width:911px;
}

.content-top-left{
    float:left;
    width:600px;
    margin:30px 0 0 0px;
    font-size: 115%;
    line-height:1.5;
    text-align: left;
}

.content-top-left-small {
    float:left;
    width:420px;
    margin:30px 0 0 250px;
    font-size: 115%;
    line-height:1.5;
    text-align: left;
    border:#d2d6df 1px solid;
/*    padding:21px 14px 29px 23px;*/
}

.content-top-left-tour-desc {
	width:550px;
}
.content-top-left-essay {
    display: inline;
    float: right;
    width: 620px;
    /* margin-top: -100px; */
}

.essay-schedule {
    margin-top: 200px;
    width: 900px;
}

.content h1, .content-top-left h1 {
    color: #800000;
    text-align: left;
    line-height: 15%;
}

.content h2, .content-top-left h2 {
    color: #800000;
    text-align: left;
    padding: 0 0 10px 0;
    margin: 1em 0 0 0;
}

.content-top-left h3{
	font:bold 25px Arial, Helvetica, sans-serif;
	color:#143479;
	padding:0 0 10px 0;
}

.content-top-left h4 {
    font:bold 20px Arial, Helvetica, sans-serif;
    color: #143479;
    padding: 0 0 10px 0;
}

.content p, .content-top-left p{
	padding:0 0 15px 0;
}

.myths-next-nav {
    float: right;
}

.myths-prev-nav {
    float: left;
}

.footnote a {
    text-decoration: none;
}

.tour-day {
    color: #008080;
    font-weight: bold;
    font-size: 1.3em;
}

.content-mission {
    font-style: italic;
    font-family: 'Comic Sans MS';
    color: #800000;
    line-height: 1.2;
}

.content-bottom-right .apply-now a {
    color: #fff;
    font-size: 40px;
    text-align: center;
    background: #A52A2A;
    border: 1px solid #781351;
    padding: 20px 20px 20px 20px;
    text-decoration: none;
}

.tag-line {
    font-family: "Apple Chancery", "URW Chancery L", "Comic Sans MS";
    font-style: italic;
}

.tag-line-image {
    border: none;
    padding: 0;
    margin: 0;
}

.fieldnamename {
    width: 176px;
    text-align: left;
    vertical-align: middle;
}

.fieldvaluename {
    width:310px;
    text-align:left;
    vertical-align: middle;
}

.contact-email {
    float: right;
}

.read{
    margin:27px 0 0 0;
}

.read-other{
    margin:10px 0;
}

.read a{
    font-size:14px;
    font-weight:bold;
    color:#143479;
}

.read a:hover{
    text-decoration:underline;
}


.read-other a{
    font-size:14px;
    font-weight:bold;
    color:#143479;
}

.read-other a:hover{
    text-decoration:underline;
}

.content-top-right{
    float:right;
    width:290px;
}

.content-top-right-large {
    float : right;
    width: 440px;
}

.content-bottom{
    float:left;
    width:600px;
    margin:25px 0 0 0;
}

.content-bottom-left{
    float:left;
    width:251px;
    border:#d2d6df 1px solid;
    /* background:#fff url(../images/con-box-bg.png) repeat-x; */
    padding:21px 14px 29px 23px;
    text-align: left;
}

.content-bottom-left h2{
    font-size:22px;
    font-weight:bold;
    line-height:24px;
    color:#143479;
    margin:0 0 12px 0;
}

.content-bottom-midd{
    float:left;
    margin:0 0 0 17px;
    width:251px;
    border:#d2d6df 1px solid;
    /* background:#fff url(../images/con-box-bg.png) repeat-x; */
    padding:21px 14px 29px 23px;
    text-align: left;
}

.box-img{
    margin:0 0 19px 0;
}

.content-bottom-midd h2{
    font-size:22px;
    font-weight:bold;
    line-height:24px;
    color:#143479;
    margin:0 0 12px 0;
}

.content-bottom-right{
    float:left;
    width:251px;
    border:#d2d6df 1px solid;
    /* background:#fff url(../images/con-box-bg.png) repeat-x; */
    padding:21px 14px 29px 23px;
    margin:30px 0 0 10px;
    background-color: #e0ffff;
}


.content-bottom-right-large {
    float:left;
    width:405px;
    border:#d2d6df 1px solid;
    padding:21px 14px 29px 23px;
    margin:30px 0 0 10px;
    background:#fff url(../images/balloons.jpg) repeat-x;
    background-color: #e0ffff;
}

#summer-camp {
    color: #fbb117;
    background: #fff url(../images/writing.jpg) repeat-x;
}

.content-bottom-right-large a,
.content-bottom-right-large a.link,
.content-bottom-right-large a.hover,
.content-bottom-right-large a.visited,
.content-top-left-small a,
.content-top-left-small a.link,
.content-top-left-small a.hover,
.content-top-left-small a.visited {
    color: #800000;
}

.content-bottom-right-tour-desc{
    width:311px;
}

.content-bottom-right h2{
    font-size:22px;
    font-weight:bold;
    line-height:24px;
    color:#143479;
    margin:0 0 12px 0;
}

.testimonials {
    text-align: left;
}

.content-bottom-right a{
    margin:3px 0;
    color:#143479;
    display:block;
}

.content-bottom-right a:hover{ text-decoration:underline;}

.filler-images {
    margin-bottom: 25px;
    margin-top: 25px;
}

.header {
    padding: 0;
    margin-bottom: -4px;
}

.header-image {
    width: 951px;
    height: 267px;
    overflow: hidden;
}

.header-image img.hide-image {
    display: inline;
}

.filler-image-caption {
    font-style: italic;
    text-align: justify;
}

/*---------------------- footer ----------------------*/

.foot-hold{
/*
    border-top:#b1c2d3 3px solid;
    border-bottom:#b1c2d3 3px solid;
*/
    margin:1px 0 21px 0;
    width:100%;
    float:left;
}

.foot-holder{
    margin:0 auto;
    width:951px;
}

.foot-holder-main{
    float:left;
    width:951px;
}

.footer{
    float:left;
    width:922px;
    padding:0 0px 16px 29px; 
    font-size:14px;
    font-weight:normal;
    line-height:18px;
    /* background-color: #FFF; */
    background-color: #f5f5dc;
}

.footer a{
    font-size:14px;
    font-weight:normal;
    line-height:18px;
}

.footer a:hover{
    color:#2aa6b5;
}

.footer-left{
    margin:19px 0 0 0;
    float:left;
    width:350px;
    padding:0 0px 0px 0px;
}

.footer-left ul{
    float:left;
    list-style-image: url(../images/arrow.jpg);
    margin:0 40px 0 40px;
}

.footer-left a {
    color: #8B008B;
}

.footer-right{
    margin:0px 0 0 0;
    float:right;
    width:490px;
    padding:0 0px 0px 0px;
}

.foot-logo-under{
    color:#6b6b6b;
    margin:10px 0 0 5px;
}

/*---------------------- index-read-more page ----------------------*/

.content-top-left ul{
    margin:10px 0 0 0;
}

.content ul {
    margin: 0 0 0 6em;
}

.content-top-left ul li, .content-bottom-right ul li {
    /* background:url(../images/bullet-blue.png) no-repeat; */
    list-style: disc;
    padding:3px 0 0 0.5em;
    font-weight:normal;
    margin:0 0 5px -2em;
/*font-size:12px;*/
}

.content-top-left ul ul li, .content-bottom-right ul ul li {
    list-style-type: circle;
    padding:3px 0 0 0.5em;
    font-weight:normal;
    margin:0 0 5px -6em;
}

.content-top-left-essay ul, .content-top-left-essay ul li {
    list-style-type: disc;
    padding: 2px 0 0 0.5em;
    font-weight: bold;
}

.content-top-left-essay ul ul, .content-top-left-essay ul ul li {
    list-style-type: circle;
    padding: 2px 0 0 0.5em;
    font-weight: normal;
}

.ul-description {
    margin: -10px 0 0 25px;
}

.thumbs ul li {
    list-style: none;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
}

/*---------------------- about page ----------------------*/

.abt-img{float:left; margin:10px; }

.abt-testi-bottom{
    font-style:italic;
}



/*---------------------- services page ----------------------*/






/*---------------------- newsroom page ----------------------*/





/*---------------------- contact page ----------------------*/






/*---------------------- careers page ----------------------*/

.content-top-left ol li{
    background:none;
    padding:0;
}

/* slide show cycle */
.slideshow {
    /*
      height: 267px;
      width: 951px;
      */
    margin: 0;
    padding: 0;
}

.content-top .slideshow img {
 /*   display: none;*/
}

.slideshow img {
    padding: 0px;
    margin: 0;
    border: 0px;
    background-color: #eee;
    overflow: hidden;
    /*display: inline;*/
    border-style: none;
}

.essay-images .slideshow img {
    height: 150;
    float: left;
    overflow:hidden;
   display: inline;
}

.copyright {
    font-size: 80%;
    text-align: center;
}
    
#bbblinkimg, #bbblink {
    padding-top: 20px;
    padding-left: 40px;
}

#heca-logo {
    padding-top: 20px;
    padding-left: 30px;
}

.event-title {
    text-align: center;
    font-size: xx-large;
/*    color: #bc0000;*/
    color: blue;
    line-height: 30px;
    font-weight: bold;
}

#summer-camp .event-title {
    color: #ede275;
    padding-top: 20px;
    padding-bottom: 20px;
}

.event-subtitle {
    text-align: center;
    font-size: x-large;
    font-style: italic;
    line-height: 30px;
}

.register {
    font-size: medium;
}

.btn {
    background-color:#ccddaa;
    cursor:pointer;
    moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 1px solid #009900;
    padding: 5px;
}

.seat-limit {
    font-style : oblique;
    margin-left: 30px;
    color: maroon;
}
#facebook-like {
    float: left;
}

#google-plusone {
    float: right;
    margin-right: 200px;
    margin-top: -25px;
}

#code-image {
    display: inline;
}

.address-left {
    float: left;
}

.address-right {
    float: right;
}

#galleria{ width: 700px; height: 400px; background: #000 }

.div-table{
  display:table;         
/*  width:auto;         */
/*  border:1px solid  #666666;         */
/*  border-spacing:5px;*/ /*cellspacing:poor IE support for  this*/
}
.div-table-row{
  display:table-row;
/*  width:auto;*/
  clear:both;
}
.div-table-col{
  float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:23%;         
  padding: 2px;
  border: dotted 1px;
/*  background-color:#ccc;  */
}

.div-table .div-table-row .div-table-row-header .div-table-col {
    background-color: #eee;
    text-align: center;
}
.div-table .div-table-row .div-table-row-odd .div-table-col {
    background-color: #ddd;
}
.div-table .div-table-row .div-table-row-even .div-table-col {
    background-color: #ccc;
}
