/* CSS Document */

html
{
	overflow-x: auto;
	overflow-y: scroll;
}

body
{
	margin: 0px;
	font: 12px/15px Arial, Helvetica, sans-serif;
}


img, table { border: 0px; }

a { text-decoration: underline; color: #7e7cbb; }
a:hover { color: #333333; }
p { margin-top: 0px; }
h1 { 
	font-size: 23px; line-height: 24px; font-weight: bold; display: block;
	width: 940px;
	padding: 55px 0px 60px 60px;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	text-transform: uppercase;
}

.wrap { width: 985px; margin: 0 auto; }

#Header
{
	width: 1180px;
	height: 158px;
	padding-top: 15px;
	margin: 0 auto;
	background-image: url(../images/header_back.png);
}
#Header .wrap { height: 84px; }
#Header .logo { margin-top: 7px; }
#Header .menu { float:right; margin-top: 72px; }
#Header .menu img { }

ul.pureCssMenu * { 
	font-weight: bold;
}
ul.pureCssMenu { 
	cursor: pointer;
	float: left;
	text-transform: uppercase;
	background-image: url(../images/main_nav_1px.jpg);
}
ul.pureCssMenu ul { display:none }
ul.pureCssMenu li:hover>ul { display:block; }
ul.pureCssMenu ul { position: absolute; left:-1px; top:98%; z-index: 100; }
ul.pureCssMenu ul ul{ position: absolute; left:98%; top:-2px; }
ul.pureCssMenu, ul.pureCssMenu ul
{
	margin: 0px;
	list-style: none;
	padding: 0px 2px 2px 0px;
	background-repeat: repeat;
}
ul.pureCssMenu ul {
	border: solid grey 1px;
}
ul.pureCssMenu table { border-collapse: collapse }
ul.pureCssMenu
{
	display: block;
	zoom: 1;
	float: left;
}
ul.pureCssMenu ul
{
	width: 350px;
	background-color: white;
}
ul.pureCssMenu ul.destinations,
ul.pureCssMenu ul.destinations ul { width: 180px; }
ul.pureCssMenu li
{
	display: block;
	margin: 2px 0px 0px 2px;
	font-size: 12px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus
{
	outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display: block;
	vertical-align: middle;
	border-width: 0px;
	border-color: #6655ff;
	border-style: solid;
	text-align: left;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	_padding-left: 0;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
ul.pureCssMenu span{
	overflow: hidden;
}
ul.pureCssMenu li {
	float: left;
}
ul.pureCssMenu ul li {
	float: none;
}
ul.pureCssMenu ul a {
	text-align: left;
	white-space: nowrap;
	background-color: white;
	color: #000000;
}
ul.pureCssMenu li.sep
{
	text-align: center;
	padding: 0px;
	line-height: 0;
	height: 100%;
}
ul.pureCssMenu li.sep span
{
	float: none;
	padding-right:0px;
	width: 5;
	height: 16;
	display: inline-block;
	background-color: #AAAAAA;
}
ul.pureCssMenu ul li.sep span
{
	width: 80%;
	height: 3;
}
ul.pureCssMenu li:hover
{
	position:relative;
}
ul.pureCssMenu li:hover > a
{
	background-color: #FEC64E;
	border-color: #665500;
	border-style: solid;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
ul.pureCssMenu li a:hover
{
	position: relative;
	background-color: #FEC64E;
	border-color: #665500;
	border-style: solid;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
ul.pureCssMenu li.dis a {
	color: #000000 !important;
}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul { display: block }
ul.pureCssMenu a:hover ul ul
{
	display: none;
	background-color: white;
}
ul.pureCssMenu span {
	display: block;
}

#Content
{
	margin-top: -27px;
}


#SocialMedia
{
	height: 30px;
	overflow: hidden;
	margin-top: -32px;
}


#Footer
{
	position: relative;
	width: 1180px;
	height: 217px;
	margin: -10px auto;
	background-image: url(../images/footer_back.png);
}

#Footer .wrap { padding-top: 20px; }


#Footer .signup { margin: 15px 0px 10px 30px; }
#Footer .signup th, #Footer .signup td { padding: 0px; color: #00aaad; }

#Footer .sectionTitle { font-weight: bold; color: #00aaad; }
#Footer a       { color: #dca42c; }
#Footer a:hover { color: #555555; text-decoration:none; background-color: #dca42c; }
#Footer .sectionSpacer
{
    float: left;
    width: 2px;
    height: 120px;
    background-color: #cccccc;
    margin: 2px 20px 0px 20px;
}

#Footer #SiteMap     { float: left; }

#Footer .left        { font-size: 11px; line-height: 15px; float: left; margin-left: 30px; }
#Footer .centre      { font-size: 11px; line-height: 15px; float: left; }
#Footer .right       { font-size: 11px; line-height: 15px; float: left; }
#Footer .companyInfo { font-size: 11px; line-height: 15px; float:right; text-align: right; margin-right: 30px;}



/**********************************/
/***** COMMON *********************/
/**********************************/
.none { display: none; }

.backgroundBottom
{
	background-image: url(../images/footer.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 80px;
}


/**********************************/
/***** HOME PAGE ******************/
/**********************************/
#HomePage { margin-bottom: -20px; }

#HomePage .backgroundBottom { padding-bottom: 10px; }

 /* #HomePage img.main { width: 1080px; margin: -90px 0 0 45px; } */
 #HomePage img.main { width: 1080px; margin: 35px 0 -50px -45px; }
#HomePage .links { position:relative; bottom: 105px; left: 65px; height: 65px; width: 860px; }

#HomePage .link1 
{
	width: 279px; height: 65px;
	display:block;
	background-image: url(../images/homepage/youthadventure-off.png);
	float:left;
}
#HomePage .link1:hover
{
	background-image: url(../images/homepage/youthadventure-on.png);
}

#HomePage .link2 
{
	width: 279px; height: 65px;
	display:block;
	background-image: url(../images/homepage/evolveacademy-off.png);
	float:left;
	margin-left: 11px;
}
#HomePage .link2:hover
{
	background-image: url(../images/homepage/evolveacademy-on.png);
}

#HomePage .link3
{
	width: 276px; height: 65px;
	display:block;
	background-image: url(../images/homepage/custom_family_bttn_off.png);
	float:left;
	margin-left: 11px;
}
#HomePage .link3:hover
{
	background-image: url(../images/homepage/custom_family_bttn_on.png);
}



/**********************************/
/***** Generic ********************/
/**********************************/
#Generic
{
}


#Generic .content
{
	padding: 0px 15px 0px 15px;
}

#Generic .tabs
{
	margin-top: 20px;
	float: left;
	width: 900px;
}

#Generic .tab
{
	display: block;
	width: 140px;
	height: 20px;
	background-image: url(../images/about/blank-cta.png);
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-left: 7px;
	float:left;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

#Generic .content { margin: 30px 20px 30px 20px; }




/**********************************/
/***** Staff **********************/
/**********************************/
#Staff
{
}

#Staff .content { width: 935px; overflow: hidden; margin: 10px 25px 30px 25px; }

#Staff .background { background-repeat: no-repeat; }
#Staff .description
{
	margin: 10px 0px 0px 10px;
	padding: 10px;
	width: 356px;
	background-color: white; float: left;
}
#Staff .title { font-size: 15px; line-height: 18px; font-weight: bold; text-transform: uppercase;}
#Staff .title .name { font-size: 22px; line-height: 22px; font-weight: bold; }
#Staff .meetTheTeam
{ font-size: 16px; line-height: 22px; font-weight: bold; margin: 20px 0px 0px 2px; text-transform: uppercase; }
#Staff .staffDesc { padding: 10px 0px 0px 3px; }
#Staff .staffMembers td { vertical-align: top; }



/**********************************/
/***** DESTINATIONS ***************/
/**********************************/
#Destinations { }


#Destinations .content { width: 915px; margin: 10px 35px 30px 35px; }

#Destinations .intro { border-collapse: collapse; }
#Destinations .intro tr.spacer { height: 5px;  }
#Destinations .intro tr.item td { vertical-align: top; border: solid #cccccc 1px; }
#Destinations .intro tr.item td.image { border-right: none; }
#Destinations .intro tr.item td.image img { height: 160px; width: 240px; }
#Destinations .intro tr.item td.description { padding: 16px; border-left: none; }
#Destinations .intro .title { text-transform:uppercase; font-weight: bold; font-size: 15px; }
#Destinations .intro .details { margin-top: 5px; }
#Destinations .intro .overview { margin-top: 5px; }
#Destinations .intro a.readMore
{
	font-weight: bold; font-size: 14px;
}

#Destinations .tripContent { width: 915px; margin: -60px 35px 30px 35px; }




/**********************************/
/***** Enroll *********************/
/**********************************/
#Enroll
{
}


#Enroll .content
{
	padding: 0px 15px 0px 33px;
	min-height: 400px;
}

#Enroll .sendMessage 
{
	width: 257px; height: 64px;
	display:block;
	background-image: url(../images/contact/send-message-off.png);
	float:left;
}
#Enroll .sendMessage:hover
{
	background-image: url(../images/contact/send-message-on.png);
}


/**********************************/
/***** VIDEO **********************/
/**********************************/
#Video { }

#Video .tvSetBackground
{
	background-image:url('../images/video_section.png');
	margin: 0px 50px 30px 50px;
}

#Video .tvSet
{
	margin: 10px 20px 0px 20px;
	width: 885px;
	height: 510px;
	overflow: hidden;
}

#Video .player
{
margin-top: 20px;
}

#Video .selector
{
	margin-left: 20px;
	background-color: #cccccc;
	width: 800px;
	height: 170px;
	overflow: auto;
	float: left;
}



/**********************************/
/***** Contact ********************/
/**********************************/
#Contact
{
}


#Contact .content
{
	padding: 0px 15px 0px 33px;
	min-height: 400px;
}

#Contact .sendMessage 
{
	width: 257px; height: 64px;
	display:block;
	background-image: url(../images/contact/send-message-off.png);
	float:left;
}
#Contact .sendMessage:hover
{
	background-image: url(../images/contact/send-message-on.png);
}

/*jasdeep code */
.subtitle {color:#354971; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px;
font-weight:bolder; margin: 3px 3px 3px 3px;
}
.formtext {color:#354971; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;
font-weight:bold; margin: 0px 0px 0px 0px; 
}
.errorMsg {
background-color:#FF0000;
}