/* CSS Document */
* { font-family:Arial, Helvetica, sans-serif; }
html { }

body{    margin: 0px;    background-image:url(../images/background/blog-wallpaper.png);    background-position: 0px -100px;}

div { font: 12px/15px Arial, Helvetica, sans-serif; color: #555555; }
span { font: 12px/15px Arial, Helvetica, sans-serif; color: #555555; }

img, table { border: 0px; }

a { text-decoration: underline; color: #7e7cbb; }
a:hover { color: #333333; }
.wrap { width: 980px; margin: 0 auto; }
p { margin-top: 0px; }



#Header
{
	min-width: 1040px;
	height:94px;
	border-bottom: solid #4ab24a 3px;
	float:left;
	width:100%;
}
#Header .wrap { }
#Header .logo { margin-top: 20px; }
#Header .menu { float:right; width: 397px; }
#Header .menu img { }


#SignUp { z-index: 99; position: relative; }
#dvSignUp
{
	/* These attributes hide the div
	 * for both IE and FF. Do not edit. */
	position:absolute;
	visibility: hidden;
	overflow: hidden;
	display:none;
	/*************/

	height: 80px;
	width: 210px;
	border: solid #cccccc 1px; 
	background-color: white;
	padding: 1px;
}

#dvSignUp table { width: 100%; }
#dvSignUp table th, #dvSignUp table td { padding: 3px; font: 12px/14px arial; text-align: left; height: 20px; }

#dvSignUp table th { color: #666666; background-color: #eeeeee; }
#dvSignUp table td { color: #333333; background-color: #ffffff; }

#dvSignUp table th.bottom { height: 5px; }

#dvSignUp input, #dvSignUp textarea { font: 12px/14px arial; color: #333333 }



#Content
{
	min-width: 1100px;
	float:left;
	width:100%;
	margin-top: -19px;
	position: relative;
}

#Content .wrap { background-color: white; padding-top: 10px; }

#Content .socialLinks { float:right; width: 47px; }
#Content .socialLinks .facebook { margin-top: 20px; }
#Content .socialLinks .twitter { margin-top: 15px; }
#Content .socialLinks .rss { margin-top: 15px; }
#Content .socialLinks .blip { margin-top: 15px; }


#Footer
{
	float:left;
	width:100%;
	background-color: #daf0df;
}
#Footer .wrap { height: 125px; }
#Footer .sectionTitle { font-weight: bold; color: #555555; }
#Footer a { color: #999999; }
#Footer a:hover { color: #555555; }
#Footer .spacer { height: 150px; width: 2px; margin: 0px 5px 0px 5px; }
#Footer .sectionSpacer
{
    float:left;
    width: 2px;
    height: 88px;
    background-color:#cccccc;
    margin: 2px 20px 5px 20px;
}

#Footer #SiteMap { float: left; }

#Footer .left { font-size: 11px; line-height: 15px; float:left; }
#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; }



/**********************************/
/***** COMMON *********************/
/**********************************/
.heading { font-size: 23px; line-height: 24px; font-weight: bold; margin: 20px; }




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

#HomePage .gallery 
{
    margin-top: 10px;
    width: 980px;
    height: 336px;
	float: left;
}

#HomePage .aboutUsText
{
    width:302px;
    height:513px;
    margin: 15px 5px 5px 5px;
    background-image: url(../images/homepage/about-us.png);
    background-position: top left;
	float: left;
}


#HomePage .scroller
{
    width:275px;
    height:453px;
    margin: 40px 15px 15px 15px;
    overflow: hidden;
}

#HomePage .latestNews
{
    width:302px;
    height:513px;
    margin: 15px 5px 5px 5px;
    background-image: url(../images/homepage/latest-news.png);
    background-position: top left;
    float:left;
}

#HomePage .availableTours
{
    width:302px;
    height:478px;
    margin: 15px 5px 5px 5px;
    background-image: url(../images/homepage/available-tours-title.png);
    background-position: top left;
    background-repeat: no-repeat;
    float:left;
    padding-top: 35px;
}

#HomePage .availableTours a.cta
{
	display:block;
	width: 292px; height: 29px;
	background-image: url(../images/homepage/tour-button.png);
	margin-bottom: 2px;
	padding: 5px 0px 3px 10px;
	font-size: 19px;
	text-decoration: none;
	color: green;
	font-weight: bold;
}
#HomePage .availableTours a.middle { padding-top: 7px; height: 27px; line-height: 24px; }
#HomePage .availableTours .subTitle { color: #666666; font-size: 12px; line-height: 20px; font-weight: normal; }



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

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

#Generic .tab
{
	display: block;
	width: 140px;
	height: 20px;
	background-image: url(../images/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 .intro { padding-left: 25px; padding-top: 5px; }
#Staff .intro span.title { font-size: 23px; line-height: 24px; font-weight: bold; }
#Staff .intro span.name { font-size: 12px; line-height: 14px; font-weight: bold; text-transform: uppercase; }
#Staff .background { margin-top: 15px; 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; }



/**********************************/
/***** ENROLL *********************/
/**********************************/
#Enroll { }
#Enroll .form { margin: 20px 0px 0px 15px; float: left; width: 300px; }
#Enroll .sponsors
{
	color: red;
	text-decoration: underline;
	font-size: 25px;
	line-height: 30px; 
}



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

#Video .tvSetBackground
{
	background-image:url('../images/video_section.png');

}

#Video .tvSet
{
	margin: 20px;
	width: 940px;
	height: 600px;


}

#Video .player
{
}

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


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


#Destinations .opening { height: 550px; float:left; width: 940px; margin: 20px; } 

#Destinations .opening table { margin-top: 250px; height: 30px; background-color: #2a922a; width: 100%; }

#Destinations .opening a
{
	color: yellow; font-size: 14px; font-weight: bold; text-decoration: none;
}


#Destinations .opening td { vertical-align:middle; text-align: center; }
#Destinations .opening td:hover
{
	
}

#Destinations .background
{
	background-image: url('../images/tourpage/sunrays.png');
	background-repeat: no-repeat;
	padding: 20px;
	margin-top: -10px;
	float:left;
}

#Destinations .header
{
}

#Destinations .header .title
{
	font-size: 18px; line-height: 20px;
}
#Destinations .header .subTitle
{
	font-size: 16px; line-height: 18px;
}

#Destinations .titleHighlight
{
	background-image: url('../images/tourpage/title-highlight.png');
	width: 139px;
	height: 18px;
	font-size: 15px;
	padding: 6px 0px 0px 5px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 15px 0px 8px 2px;
}

#Destinations .rightColumn p
{
	margin: 0px 5px 0px 5px;
	line-height: 17px;
}

#Destinations .videoCode
{
	float: right; clear: right; margin: 10px 10px 20px 10px; border: solid grey 1px;
}

#Destinations .pictureGallery
{
	float: right;  margin: 10px; min-height: 150px;
}

#Destinations .pictureGallery .title
{
	width: 400px; background-color: yellow;
	height: 18px;
	font-size: 15px;
	padding: 6px 0px 0px 5px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

#Destinations .pictureGallery .previousButton
{
	height: 35px; width: 160px;
	float: left; padding-top: 5px;
}

#Destinations .pictureGallery .nextButton
{
	height: 35px; width: 98px;
	float: right; padding-top: 5px;
}


/**********************************/
/***** NEWS ***********************/
/**********************************/

#News #container
{
	width: 74%;
	float:left;
}

#News #container #postcon
{
	clear:left;
	margin-top: 30px;
}


#News #container .navigation
{
	float:left;
}



#News .sidebar
{
	width: 23%;
	float:right;
}

#News .sidebar ul
{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

#News .sidebar li
{
	margin-left: 0px;
	padding-left: 0px;
}


/**********************************/
/***** CONTACT ********************/
/**********************************/
#Contact
{
	background-color: white;
	padding-bottom: 20px;
}