body { 
	/*background-color:#4a3b15;*/
	background-color:#5c4f2d;
	background-image:url(../images/gr_bg.gif); 
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; 
	margin:0px; 
	padding:0px;
	color:#fff;
}
img { border:0px;}
p { margin-top:0px;}
hr { border:0px; background-color:#fff; height:1px;}
.friendsPage hr { clear:both; margin-bottom:20px;}

table {border-collapse:collapse;}
table td {vertical-align:top;}

#base {
	/*width:982px;
	margin:0 auto;*/
}

#header { width:100%; height:126px; background-color:#72adb5; background-image:url(../images/gr_coloured_band.gif); background-position:bottom left; background-repeat:repeat-x;}

/*#bodyArea {  min-height:500px; width:100%;}*/

#nav { width:197px; float:left; margin:0px; padding:0px;}

#mainNav {  /*background-color:#72adb5;*/ }
#mainNav ul { margin:0px; padding:0px; list-style:none;}
#mainNav ul .firstItem { border-top:0px;}
#mainNav ul li {  padding:0px; margin:0px; border-top:1px solid #fff;}
#mainNav img { width:197px; height:25px; margin:7px 0px 7px 0px;}
#mainNav a { display:block; width:197px; min-height:33px; margin-bottom:-3px;}
#mainNav a:link, #mainNav a:visited { background-color:#72adb5; }
#mainNav a:hover, #mainNav a:active { background-color:#9dc6cb; }
#mainNav a.currMain, #mainNav ul ul a.currSub { background-color:#7bad88;}
#mainNav ul ul a.currSub { font-weight:bold;}

/* pull-out menu */
#mainNav ul ul {
	position:absolute;
	left:197px;
	width:auto;
	border-bottom:1px solid #fff;
	display:none;
	font-size:0.8em;
	background-color:#72adb5;
	}
#mainNav .sharedSub { top:203px;}
#mainNav .privateSub { top:243px;}
#mainNav ul ul li {
	position:relative;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	}
#mainNav ul ul, #mainNav ul li:hover ul {display: none;}
#mainNav ul li:hover ul, #mainNav ul ul li:hover ul {display: block;}
#mainNav ul ul li a { text-decoration:none; color:#fff; padding:8px; min-height:15px; margin:0px;}
#mainNav ul ul li a:link, #mainNav ul ul li a:visited { /*background-color:#72adb5;*/ }
#mainNav ul ul li a:hover, #mainNav ul ul li a:active { background-color:#9dc6cb; }



#subNav { font-size:0.75em; margin-top:-4px;}
#subNav h2 { font-size:1em; margin:10px 0px 10px 23px; font-variant:small-caps}
#subNav ul { list-style:none; margin:0px; padding:0px; border-top:1px solid #fff;}
#subNav li { border-bottom:1px solid #fff; min-height:30px;}
#subNav a { display:block; width:174px; padding:8px 0px 8px 23px; text-decoration:none; color:#fff;}
#subNav a:link, #subNav a:visited { background:none;}
#subNav a:hover, #subNav a:active { background-color:#bfb8a6;}
#subNav a.currSub { background-color:#887d5f; }

#socialLinks {
	width:770px;
	height:24px;
	padding:7px;
	float:left;
	background-color:#534729;
	background-image:url(../images/bg_social-links.png);
	background-repeat:repeat-x;
	background-position:bottom;
	border-bottom:1px solid #4d4123;
	border-right:1px solid #4d4123;
	font-size:0.7em;
	position:relative;
	overflow:hidden;
}
#socialLinks a:link, #socialLinks a:visited { color:#fff; text-decoration:none;}
#socialLinks a:hover, #socialLinks a:active { color:#ccc; text-decoration:none;}
#socialLinks a {
	background-repeat:no-repeat;
	background-position:center left;
	padding:7px 0px 5px 28px;
	position:relative;
	top:0px;
	margin-right:30px;
	height:14px;
	display:inline-block;
	vertical-align:middle;
	line-height:1em;
}
#socialLinks .shareButton {
	position:absolute;
	top:6px;
	right:7px;
	margin-right:0px;
}
#socialLinks .blogLink {
	left:7px;
	background-image:url(../images/wordpress-icon-24.png);
}
#socialLinks .twitterLink {
	background-image:url(../images/Twitter-icon.png);
}
#socialLinks .fbLink {
	background-image:url(../images/FaceBook-icon.png);
}

#content {
	background-image:url(../images/gr_logo.gif); 
	background-position:top left; 
	background-repeat:no-repeat; 
	min-height:300px;
	width:713px;
	margin-top:40px;
	padding-left:72px;
	padding-top:125px;
	font-size:0.85em;
	line-height:1.4em;
	margin-bottom:20px;
	margin-left:197px;
}



#content .printLogo {display:none;}

#content .tripRondelle { text-align:center; width:250px; float:right; display:block; margin-bottom:20px;}

#content .tripSubNav { list-style:none; margin:0px 0px 20px 0px;}
#content .tripSubNav li { display:inline; margin:0px; padding-right:10px;}
#content .tripSubNav .currTrip { font-size:1.2em; font-weight:bold; color:#72adb5;}

#content .footNote { font-size:0.7em;}

#content a:link, #content a:visited { color:#a0ce67; font-weight:bold;; text-decoration:none;}
#content a:hover, #content a:active { color:#72adb5;}

#content .pageTitles { margin-left:160px; height:105px; line-height:1.8em;}

#content h1 { color:#72adb5; font-size:1.5em; margin:0px; }
#content h2 { color:#b5bd84; font-size:1.3em; font-weight:normal; margin:0px;}
#content h3 { margin:0px; color:#72adb5;}
#content h4 { margin:0px; font-size:1em; color:#c4e7e1;}
#content h5 { margin:0px;}

#content .rightCol, #content .rightColNoBG { width:250px; border:1px solid #5c4f2d; background-color:#cae090; float:right; padding-bottom:1em; margin-left:20px; margin-bottom:20px; color:#5c4f2d; overflow:hidden; }
#content .rightColNoBG { background-color:#5c4f2d; padding:0px;}
#content .rightColNoBG .rightCol { margin:0px;}
#content .rightCol p, #content .rightCol h3, #content .rightCol h4, #content .rightCol h5 { padding-left:15px; padding-right:15px;}
#content .rightCol h3 { margin-top:15px; margin-bottom:5px; color:#638b6d;}
#content .rightCol h4 { color:#4a3b15;}
#content .quote { /*background-color:#a3997f;*/ background-color:#cae090; color:#5c4f2d; font-style:italic; font-size:1.1em; font-weight:bold; text-indent:-8px; padding-top:1em;}
#content .rightCol a { font-size:0.9em; line-height:1.2em; display:block; padding-left:10px; text-indent:-10px; }
#content .rightCol a:link, #content .rightCol a:visited { color:#4a3b15;}
#content .rightCol a:hover, #content .rightCol a:active { color:#5c4f2d;}
#content .rightCol img { margin-bottom:-3px;}
#content .homeRight {
	position:relative; 
	/*margin-top:-70px;*/
}

#content .inlineIMGleft { width:auto; float:left; margin-right:10px; margin-bottom:10px;}

#content .smallText { font-size:0.9em; line-height:120%;}

#content .col { width:48%; float:left;}

#content .pageIntro { font-size:1.15em; color:#c4e7e1;}

#content .listIntro, #content .noBottomMargin { margin-bottom:0px;}

#content .noPad { padding:0px;}

#content strong {color:#c4e7e1;}

#content .phone { white-space:nowrap;}

/* basic list styles */
#content ul { list-style-image:url(../images/gr_bullet.gif); margin-left:1em; padding-left:0px; margin-top:0px; padding-top:0px;}
#content ul li { margin-left:0px; padding-left:0px; vertical-align:middle;}
#content ul.noBullets { list-style-image:none; list-style-type:none; margin:0px; padding:0px;}

/* Travel Contract (promise yourself) */
#content #contract form .inputText { width:50px; float:left; font-size:0.9em;}
#content #contract form .textField { width:300px; height:12px; font-size:0.9em;}
#content #contract .signature { display:none;}

/* Imagine the Possibilities */
#imagine li { margin-bottom:0.5em;}
.oddListItem { color:#72adb5; }

/* Trip Planner */
#content .plannerForm .question { margin-bottom:1em;}
#content .plannerForm .contact input { height:12px; width:200px; font-size:0.9em;}
#content .plannerForm .whenTravel { width:310px; height:25px;}
#content .plannerForm p { margin:0px; clear:left;}
#content .plannerForm .inputText { width:110px; float:left;}

/* CONTACT PAGE */
.form p { margin-bottom:0px; font-size:0.9em;}
.form p.footNote { margin-bottom:1em;}
.form .textInput { margin-bottom:1em; border:1px solid #b8b8b8;}
.form .leftCol { width:330px; float:left; margin-right:30px;}
.form .rightColumn { width:350px; float:left; }
.form .leftCol .textInput, .form .rightColumn .textInput { width:100%;}
.form .textInput { width:520px;}
.form .fullWidth { clear:left; width:700px; margin-top:20px; padding-top:20px; border-top:1px solid #fff;}
.form select { width:285px; border:1px solid #b8b8b8; margin-bottom:1em;}
.form .messageBox { width:700px; height:92px; border:1px solid #b8b8b8; font-family:Arial, Helvetica, sans-serif; /*margin-bottom:1em;*/}
.form textarea.textInput { height:92px;}
.formButton { clear:left; width:116px; height:24px; float:left; margin-right:20px; margin-bottom:1em; margin-top:1em; }

#footer{ /*height:3px; background-color:#a3997f;*/ height:20px;}



