/* ---- clear all ---- */
/* ---------------- */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td  { margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0;}

/* ---- structure ---- */
/* ---------------- */

html, body { height: 100%; }

body { 
	text-align: center;
	background: transparent url(../images/backgrd.jpg) top repeat-x;
	background-color: #b79c76;
}

body.language { 
	background: #b79c76 url(../images/lang-backgrd.jpg) top repeat-x;
}

body { font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif; line-height:1.125em; }

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -192px;
}

#wrapper { width: 946px; text-align: left; }

#header {
	position: relative;
	float: left;
	width: 946px;
	height: 279px;
}

/* ---- interior ---- */

#leftcolumn { float: left; width: 590px; padding: 0 20px; }

#rightcolumn { float: left; width: 295px; padding: 0 11px 0 10px; }

#rightholder { background: transparent url(../images/rcol-break.gif) no-repeat 0 10px; padding-top: 13px;}

/* ---- logo ---- */
h1 {
	position: absolute;
	top: 27px;
	left: 20px;
 	width: 294px;
 	height: 148px;
 	text-indent: -9999px;
 	background: transparent url(../images/int-logo.png) no-repeat 0 0;
}
	
h1 a {
	display: block;
 	margin: 0;
 	padding: 0;
 	width: 100%;
 	height: 100%;
 	text-decoration: none;
}

body.language h1 {
	position: relative;
	top: 29px;
	left: 280px;
 	width: 348px;
 	height: 172px;
 	text-indent: -9999px;
 	background: none;
}
	
body.language h1 a {
	display: block;
 	margin: 0;
 	padding: 0;
 	width: 100%;
 	height: 100%;
 	text-decoration: none;
}

#langselect { 
	float: left;
	width: 946px;
	color: #333;
	height: 100px;
	background: transparent url(../images/pickalangbckgrd.gif) no-repeat 0 0px;
	text-indent: -9999px;
}

/* ---- main language nav ---- */
/* ---------------- */
#langnav {
	float: left;
	width: 946px;
	color: #333;
	height: 194px;
	margin: 25px 0 50px 0;
}

#langnav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 194px;
	text-indent: -9999px;
}
	
#langnav a {
	display: block;
	width: 100%;
	height: 194px;
	text-decoration: none;
}
	
#langnav #catalan, #langnav #catalan a {
	width: 233px;
	height: 194px;
	background: transparent url(../images/lang_catalan.jpg) no-repeat 0 0;
}
	
#langnav #english, #langnav #english a {
	width: 245px;
	height: 194px;
	background: transparent url(../images/lang_english.jpg) no-repeat 0 0;
}
	
#langnav #french, #langnav #french a {
	width: 234px;
	height: 194px;
	background: transparent url(../images/lang_french.jpg) no-repeat 0 0;
}
	
#langnav #spanish, #langnav #spanish a {
	width: 234px;
	height: 194px;
	background: transparent url(../images/lang_spanish.jpg) no-repeat 0 0;
}

#langnav #catalan a:hover, #langnav #english a:hover, #langnav #french a:hover, #langnav #spanish a:hover  { background-position: 0 -197px; }

/* ---- Navigation ---- */
/* ---------------- */

#navigation {
	position: absolute;
	float: left;
	right:11px;
	top: 117px;
	clear: left;
	list-style:none;
	height: 20px;
	width: 650px;
	font-size: .9em;
	text-align: right;
}

#navigation li { display: inline;padding-left: 10px; }

/* #navigation a { padding-left: 10px;} */

#secnavigation {
	position: absolute;
	float: left;
	right:11px;
	top: 140px;
	clear: left;
	list-style:none;
	height: 20px;
	width: 750px;
	font-size: .9em;
	text-align: right;
}

#secnavigation li { display: inline; padding-left: 10px;}

/* #secnavigation a { padding-left: 10px;}*/

/* ---- Links ---- */
/* ---------------- */
a:link, a:visited { color: #000; }
	
a:hover, a:active { color:#EBD8AF; text-decoration: none; }

#navigation a:link, #navigation a:visited { color: #fff; text-decoration: none; font-weight: normal; }
#navigation a:hover, #navigation a:active { color: #000; text-decoration: none; font-weight: normal; }
#navigation li.here a, #navigation li.here a:link, #navigation li.here a:visited { color: #000; }

#secnavigation a:link, #secnavigation a:visited { color: #000; text-decoration: none; font-weight: normal; }
#secnavigation a:hover, #secnavigation a:active { color: #ffd239; text-decoration: none; font-weight: normal; }
#secnavigation li.sechere a, #secnavigation li.sechere a:link, #secnavigation li.sechere a:visited { color: #ffd239; }

h3.coat a:link, h3.coat a:visited,
h4.lineage a:link, h4.lineage a:visited { color: #fff; text-decoration: none; font-weight: normal; }
h3.coat a:hover, h3.coat a:active,
h4.lineage a:hover, h4.lineage a:active { color: #EBD8AF; text-decoration: none; font-weight: normal; }

/* ---- Text / Copy ---- */
/* ---------------- */
#navigation, #secnavigation { font-family: 'Trebuchet MS', Lucida, Verdana, Arial, sans-serif; font-variant: small-caps; letter-spacing:.05em; }
p { font-size: .9em; line-height: 1.5em; padding: 0 15px 15px 0;}
body.home #leftcolumn p { font-size: .9em; line-height: 1.75em; padding: 75px 75px 10px 35px;}
body.home #leftcolumn .welcome p { padding: 10px 75px 10px 35px; }
body.home #leftcolumn .derivative p { padding: 60px 75px 10px 35px; }
/* body.home #leftcolumn .origin p { padding: 75px 180px 10px 35px; } */
body.home #rightcolumn p { font-size: .7em; line-height: 1.5em; }
#rcopy p { padding: 50px 15px 10px 15px; }
#hymnlang li, #poemlang li, .rcallout p { font-size: .8em; }
.rcallout p {padding: 0; }

.sectitle {
	font-size: 1.15em;
	letter-spacing:0.025em;
	font-weight: normal;
	color:#4D6F69;
	padding-bottom: 10px;
}

body.poem #leftcolumn p:first-letter, body.hymn #leftcolumn p:first-letter {text-transform: uppercase; }
body.poem #leftcolumn p, body.hymn #leftcolumn p {
	font-family: Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align: left;
	margin: 10px auto;
	text-transform: lowercase;
	line-height: 145%;
	font-size: 1.05em;
	font-variant: small-caps;
	padding: 0;
}

.lgheadline {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#55371c;
	font-size: 1.75em;
	padding: 5px 0 20px 0;
	font-weight: normal;
}

h2.reunionphoto {
	height: 169px;
	width: 295px;
	text-indent: -9999px;
	background: transparent url(../images/home-photo.jpg) no-repeat 0 0;
}
	
h2.reunionphoto a {
	display: block;
	height: 169px;	
	width: 295px;
	background: transparent url(../images/home-photo.jpg) no-repeat 0 0;
}
	
h2.reunionphoto a:hover { background-position: 0 -169px; }

h4 { padding: 10px 0; }

h3.coat, h4.lineage { font-size: 1.3em; padding: 0 0 7px 0;}

#rcopy {
	background: transparent url(../images/reunion-backgrd.jpg) no-repeat 0 0;
	list-style:none;
}

#ryears {
	clear: left;
	list-style:none;
	height: 20px;
	width: 295px;
	float: left;
	padding-bottom: 12px;
	background: transparent url(../images/rcol-break.gif) no-repeat bottom;
}

#ryears li {
	display:inline;
	list-style: none;
	height: 20px;
	text-align: center;
}

#ryears a { padding-left: 17px; }

.rcallout {
	clear: left;
	/* height: 110px; */
	padding: 20px 0;
}

#hymnlang {
	padding-top: 45px;
	width: 295px;
	list-style: none;
	background: url(../images/rcolumn-hymn-backgrd.gif) no-repeat 0 0;
}

#poemlang {
	padding-top: 45px;
	width: 295px;
	list-style: none;
	background: url(../images/rcolumn-poem-backgrd.gif) no-repeat 0 0;
}

#hymnlang li, #poemlang li, #download {
	background: url(../images/acrobat-thumb.gif) no-repeat 0 0;
	height: 35px;
}

#download {
	padding-left: 15px;
}

#download li a {
	padding-top: 5px;
	padding-left: 23px;
	display:block;
	height: 100%;
}

#hymnlang li a, #poemlang li a {
	padding-top: 5px;
	padding-left: 38px;
	display:block;
	height: 100%;
}

#reuniongallery {
	padding-top: 55px;
	width: 290px;
	list-style: none;
	background: url(../images/rgallery-backgrd.gif) no-repeat 0 0;
}

.rbreak { clear: left; height: 2px; background: transparent url(../images/rcol-break.gif) no-repeat center; }
body.firstr .rbreak, body.secondr .rbreak,  body.thirdr .rbreak { clear: left; height: 2px; background: transparent url(../images/rcol-break.gif) no-repeat bottom;}
img.floatleft { float: left; padding: 0 15px 20px 0; }
img.floatright{ float: right; margin: 15px 0 10px 15px; border: 1px solid #000;}

#langoptions {
	padding-top: 15px;
	clear: left;
	list-style:none;
	height: 20px;
	width: 100%;
	font-size: .6em;
	font-weight: bold;
	text-align: center;
	background: transparent url(../images/rcol-break.gif) no-repeat 0 0;
}

#langoptions li { display: inline; }
#langoptions a { text-decoration: none; padding: .2em 1em; }


/* ---- Lists ---- */
/* ---------------- */

.reunionlist {
	list-style: outside;
	list-style-type: square;
	font-size: .9em;
	line-height: 1.5em;
}
.reunionlist li{ 
	margin-left: 25px;
	padding: 0 0 10px 5px;
}
/* ---- Footer ---- */
/* ---------------- */
#clearme { clear: both;}
#footer { text-align: center; background: transparent url(../images/footbckgrd.gif) center no-repeat; }
#footer, #push { height: 192px; }

/* ---- Misc ---- */
/* ---------------- */
.break { padding: 0px 0 15px 0; height: 20px; background: transparent url(../images/home-break.gif) no-repeat 63px 0px; }
body.home .break { padding: 10px 0; height: 20px; background: transparent url(../images/home-break.gif) no-repeat 63px 10px; }
.occbreak { padding: 0px 0 15px 0; height: 1px; background: transparent url(../images/occbreak.gif) repeat-x 0 0; }
.welcome { background: transparent url(../images/welcome-backgrd.gif) no-repeat 0 0; padding-top: 50px;}
.derivative { background: transparent url(../images/derive-backgrd.gif) no-repeat 0 0; }
.origin { background: transparent url(../images/origin-backgrd.gif) no-repeat 0 0; }
.arrels { background: transparent url(../images/arrels-backgrd.gif) no-repeat 0 0; padding-bottom: 15px; }
.ibreak { height: 20px; background: transparent url(../images/interior-break.gif) no-repeat 125px 0; }
.reunionthumbs { float: left; width: 85px; height: 85px; margin: 0 10px 10px 0;}
.listback, .improveback {
	margin: 0 15px 15px 0;
	padding: 15px;
	border-top: 1px solid #725d3f;
	border-left: 1px solid #725d3f;
	border-right: 1px solid #cfb693;
	border-bottom: 1px solid #cfb693;
}
.listback { background-color: #cdbea9;}
.improveback { background-color: #bba27e;}
.footnote {font-style: italic; font-size: .7em; padding-top: 50px;}