@charset "utf-8";
/************************

Frontiers International
www.frontierstravel.com

Global Stylesheet

Version 1.0
Author: www.designtoo.com

*************************/

/* -------- Import external sheets --------- */
@import "phpMenu.css";
@import "phpInfoMenu.css";
@import "phpMiddleMenu.css";
@import "search.css";
@import "typography_global.css";

/* -------- Basic Reset --------- */
* {
	margin: 0;
	padding: 0;
}

html, body {
	background-color: #282828;
	z-index: 1;
	}


/* -------- Global Layout Elements --------- */
#wrapper {
	position: relative;
	width: 980px;
	height: auto;
	border: 0;
	margin: 0 auto;
	padding: 0 15px;
	background-image: url(../images/siteTemplate/standardWrapperBkg.gif);
	background-position: top center;
	background-repeat: repeat-y;
	overflow: visible;
	}
	
#header {
	position: relative;
	width: 980px;
	height: 66px;
	background-image: url(../images/siteTemplate/standardWrapperHeaderBkg.gif);
	background-position: top center;
	background-repeat: repeat-y;
	z-index:1;
	}
	
#navMenu {
	width: 980px;
	height: 26px;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	background-image: url(../images/siteTemplate/navBar_bkg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	z-index: 99;
	}
	
#subNav {
	width: 755px;
	height: 26px;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	background-image: url(../images/siteTemplate/navBar_bkg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	}
	
#pageLeftCol {
	position: relative;
	width: 754px;
	height: auto;
	border: 0;
	float: left;
	}
	
#pageRightCol {
	position: relative;
	width: 226px;
	height: auto;
	border: 0;
	float: right;
	}
	
#pageBody {
	width: 674px;
	height: auto;
	min-height: 500px;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	}
	
#contentTail {
	position: relative;
	width: auto;
	height: auto;
	min-height: 320px;
	margin-left: -40px;
	margin-top: 40px;
	margin-right: -40px;
	padding: 20px 40px;
	border: 0;
	background-image: url(../images/siteTemplate/contentTail_bkg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
	
#bottomNav {
	width: 754px; /* 980px when at page footer */
	height: 26px;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	background-image: url(../images/siteTemplate/navBar_bkg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	}
	
#middleInfoMenu {
	width: 980px; /* 980px when at page footer */
	height: 26px;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	background-image: url(../images/siteTemplate/navBar_bkg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	}
	
#footer {
	position: relative;
	width: 946px;
	height: 15px;
	bottom: 0;
	border: 0;
	margin-left: -7px;
	padding: 25px;
	background-color: #000000;
	}
	

/* -------- Content Layout Elements --------- */
#siteLogo {
	width: 151px;
	height: 41px;
	border: 0;
	padding-top: 10px;
	margin-left: 20px;
	display: inline;
	float: left;
	}
	
#headerContent {
	position: relative;
	width: 450px;
	height: auto;
	border: 0;
	margin-right: 20px;
	padding-top: 20px;
	text-align: right;
	float: right;
	z-index: 5;
	}
	
#headerMailingList {
	width: 94px;
	height: 64px;
	margin-top: -20px;
	border: 0;
	float: right;
	}
	
#headerFlags {
	width: 16px;
	height: 40px;
	margin-left: 20px;
}
	
#liveSearch {
	position: absolute;
	width: 223px;
	height: 26px;
	right: 16px;
	top: 67px;
	padding-left: 3px;
	border: 0;
	background-image: url(../images/siteTemplate/menu_divider.gif);
	background-position: top left;
	background-repeat: repeat-y;
}
#homeSearch {
	position: absolute;
	width: 223px;
	height:26px;
	left : 280px;
	top: 22px;
	padding-left: 3px;
	border: 0;
}


#banner {
	width: 748px;
	height: 350px;
	margin-left: 3px;
	border-top: 1px solid #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #000;
	}	
	
#bannerFooter {
	width: 748px;
	height: 20px;
	border: 0;
	padding: 0;
	margin: 0;
	background-image: url(../images/siteTemplate/banner_footer.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#breadcrumb {
	margin-top: 10px;
	margin-bottom: 20px;
}
	
.sideBarBox {
	position: relative;
	width: 218px;
	height: auto;
	margin-top: 4px;
	margin-left: 4px;
	border: 1px solid #b7b7b7;
	background-color: #fff;
	overflow: hidden;
}

.contentTailHeader {
	margin-bottom: 20px;
}

.contentTailLinks {
	width: 200px;
	height: 30px;
	padding-right: 20px;
	float: left;
}

.contentTailLinksSF {
	width: 225px;
	height: 30px;
	padding-right: 20px;
	float: left;
}

.contentTailLinksFF {
	width: 225px;
	height: 30px;
	padding-right: 20px;
	float: left;
}

.contentTailLinksSH {
	width: 225px;
	height: 30px;
	padding-right: 20px;
	float: left;
}

.contentTailLinksEJ {
	width: 125px;
	height: 30px;
	padding-right: 20px;
	float: left;
}
.sideBarBoxHeader {
	display: block;
	width: 213px;
	height: 18px;
	padding-top: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #b7b7b7;
	background-image: url(../images/siteTemplate/standardSidebarBoxBkg.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

.pageThumbnail {
	border: 1px solid #fff;
	float: left;
}

.pageItem_textOnly {
	padding: 8px;
}

/* -------- Misc Classes --------- */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.inlinePhotoRight { /* photo in paragraph text */
	border: 1px solid #333;
	margin-left: 10px;
	margin-bottom: 5px;
}

.contentDivider {
	width: auto;
	margin: 10px 0;
	border-top: 1px solid #bbb;
	clear: both;	
}

.triangleBullet {
	display: block;
	width: 10px;
	height: 7px;
	margin-top: 4px;
	background-image: url(../images/siteTemplate/triangle_small.gif);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}


/* -------- Pop up photo display window --------- */
.displayPhotoTable {
	width: auto;
	border: 0;
	padding: 0;
	margin: 20px;
	}

.displayPhotoTable tr, .displayPhotoTable td {
	border: 0;
	padding: 0;
	margin: 0;
	}
	
.displayPhotoCaption {
	display: block;
	margin-top: 10px;
	margin-left: 4px;
	}

/* -------- Pop up window --------- */
#popupWrapper {
	width: 500px;
	height: 700px;
	min-height: 100%;
	margin: 0 auto;
	border: 0;
	padding: 20px 50px;
	background-image: url(../images/siteTemplate/popupWrapperBkg.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}

/* -------- Forms & Validation --------- */
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.nonrequired, textarea.nonrequired {
	border: 1px solid #aaa;
	padding: 2px;
}

input.required, textarea.required {
	border: 1px solid #aaa;
	padding: 2px;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #DD3300;
	color : #DD3300;
}

input.validation-passed, textarea.validation-passed {
	border: 1px solid #aaa;
	color : #000;
}

.validation-advice {
	position: relative;
	margin-top: 5px;
	padding: 0;
	color : #DD3300;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}


.barOne {
	background-color: #f2f2f2;
	display: block; 
	height: 14px; 
	margin-bottom: 5px;
	border: 1px solid #e5e5e5;
	padding: 8px; 
	}
	
.barTwo {
	background-color: #F2DAE1;
	display: block; 
	height: 14px; 
	margin-bottom: 5px;
	margin-left: 20px;
	border: 1px solid #F2C2D0;
	padding: 3px 8px;
	}
	
.barThree {
	background-color: #D8E6F0;
	display: block; 
	height: 20px; 
	margin-bottom: 5px;
	margin-left: 40px;
	border: 1px solid #C0DCF0;
	padding: 0; 
	}
	
.barFour {
	background-color: #d8f0e4;
	display: block; 
	height: 20px; 
	margin-bottom: 5px;
	margin-left: 60px;
	border: 1px solid #c0d9cd;
	padding: 0; 
	}