/*  REFUGE INTERNATIONAL MAIN STYLESHEET  */

html, body { margin: 0; padding: 0; }

body { 
	background-color: #ECEAA6;
	background-image:  url(../images/rightnavbg-main.gif);
	background-repeat: repeat-y;
	background-position: right top;
	font-family: Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 0.9em;
}

a { color: #BB0101; }
a:active, a:hover, a:visited { color: #840384; }

h1, h2, h3, h4, div#navigation li 
	{ font-family: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia; font-style: italic; }
div#highlightbox h2 { font-size: 1.6em; margin-bottom: 0; margin-top: 0; }
h3 { font-size: 1.5em; margin-bottom: 0; margin-top: 0; }
h4 { font-size: 1.3em; margin-bottom: 0; }

div#header { 
	height: 178px; 
	background: #FF8508;        /* main site */ 
	color: #FFF; 
	background-image:  url(../images/beltdivider.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
div#header h1 { 
	margin: 0; 
	padding-top: 120px; 
	letter-spacing : -1000em; 
	background-image:  url(../images/refugelogo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
/* Just for Opera, but hide from MacIE */
/*\*/html>body div#header h1 { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

* html div#header h1 { 
	text-indent: -999em; overflow: hidden;
}


div#wrapper { float: left; width: 100%; margin-left: -200px; }

div#content { margin-left: 200px;  }

h4.sponsor { margin-bottom: -0.8em; }

div#highlightbox { 
	background-color: #BB0101;
	margin: 0;
	padding: 14px;
	padding-right: 80px;
	padding-top: 24px;
	padding-bottom: 24px;
	color: #FFF;
	margin-bottom: 14px; 
	min-height: 140px;
	border-bottom: 1px dotted #A5A374;
}
* html div#highlightbox { height: 140px;      /*  IE fix  */  }

div#highlightbox p img, div#highlightbox h2 img, div.contentpiece p img, div.contentpiecefirst p img, 
div.contentpiece h3 img, div.contentpiecefirst h3 img, div#column1 img, div#column2 img   { 
	float: left; 
	margin: 0 15px 15px 0; 
	border: 2px solid #FF8508;
	}

	
div#highlightbox a { color: #FFF; }


div#highlightbox div { 
	width: 55%; 
	float: right;
}
div#highlightbox div.first { float: left; width: 43%; }

div#highlightbox ul { margin-left: 20px; padding-left: 0; }
div#highlightbox li { margin-bottom: 8px; }


ul.calloutbox { 
	margin: 0 15px 15px 15px; 
	list-style-type: none; 
	font-size: 1.3em;
	font-family: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia; 
	font-style: italic; 
	font-weight: bold; 
	list-style-type: none;
	}
ul.calloutbox li {  margin-bottom: 10px; }

ul.localevents li { line-height: 110%; margin-bottom: 0; }

ul.redbox { margin-left: 0; padding-left: 15px; }
ul.redbox li { margin-bottom: 0.5em; }
	
img.imageright { float: right; margin: 0 0 15px 15px; border: 2px solid #FF8508; }
img.imageleft { float: left; margin: 0 15px 15px 0; border: 2px solid #FF8508; }
img.nofloat { float: none; margin: 0; border: 2px solid #ff8508; }

div.before { 
	width: 45%; float: left; 
	text-align: center; 
	margin: 0 0 15px 0;
}
div.after {  
	float: right; 
	width: 45%; 
	text-align: center; 
	margin: 0 0 15px 0;
}
div.before img, div.after img { border: 2px solid #FF8508; }
span.caption { font-family: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia; 
	font-style: italic; 
	font-weight: bold; }


div#column1 { width: 47%; float: left; padding: 20px 12px 12px 12px; margin-top: -27px; }
div#column2 { width: 47%; float: right; padding: 20px 12px 12px 12px; margin-top: -27px; } 




div.contentpiece, div.contentpiecefirst { 
	border-top: 1px dotted #A5A374;
	margin-top: 0;
	padding-top: 16px;
	padding-bottom: 6px;
}
div.contentpiecefirst { border-top: none; }

p.readmore { text-align: right; margin-top: -8px; }

div.photo { 
	float: left; 
	margin: 10px 15px 10px 0; 
	width: 254px; 
	font-style: italic;
	}
div.photo img { float: none; margin-bottom: 0; }
div.photo p { margin-top: 0; margin-bottom: 0; padding-top: -5px; font-size: 0.95em; }


ul.nobullets {
	list-style-type: none;
	margin: 0; padding: 0;
}
ul.nobullets li { margin-bottom: 6px; }

div#navigation { 
	float: right; 
	width: 200px; 
	margin-top: 150px;
	}
div#navigation ul { margin-left: 0; padding: 0;  }
div#navigation li {
	font-size: 1.25em;
	list-style-type: none;
	margin-bottom: 8px;
	padding-left: 20px;
}	
div#navigation a {
	color: #FFF;
	text-decoration: none;	
	/*margin: 0 0 20px 1px; padding: 3px 10px 3px 10px;*/
	}
div#navigation a:active, div#navigation a:hover { 
	background-color: #911D91;
}
div#navigation img { margin-left: 20px; }

div.supplementary { 
	/* supplementary content - slideshows, map of Guatemala, etc. */
}

div#footer { 
	border-top: 1px solid #A5A374; 
	text-align: center;
	font-size: 0.9em;
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 10px;
	clear: both;
	}
div#footer p { line-height: 140%; }

div#flower {
	display: block; position: absolute;
	top: 38px; right: 0;
	z-index: 100;
	background-image:  url(../images/largeflowers/callalily.jpg);
	width: 258px; height: 279px; 
	/*display: none;*/
}


table.flights { border: 1px solid #BB0101; font-size: 0.9em; }
table.flights td, table.flights th { background-color: #E7E471; }
table.flights th { text-align: left; border-bottom: 1px solid #BB0101;}
table.flights tr.second td { background-color: #ECEAA6; }

p.byline { text-align: right; margin-top: -10px; margin-bottom: 20px; font-style: italic; }


input { margin-left: 10px; }