/*REUNION 2007 LAYOUT STYLESHEET
CONTROLS THE POSITION AND LOOK OF ELEMENTS ON PAGES FOR REUNION 2007

Created: 2006-05-19 by Nick R. -  Last Update: 2006-11-08 by Nick R.
*/

/*Defines attributes of BODY on all reunion pages. 
*/
body {background:#fff; margin:0px; padding:0px; }

/*
Hides links provided for accessibility.
*/
div.accessibility {display:none;}


/*Position, borders, background of main content table and common elements in it.*/
table#contentframe {table-layout:fixed; width:100%; border-collapse: separate;  padding:0px; margin:0px;}

table#contentframe td {border: 1px #A6A45A solid; border-spacing:3px; padding:0px; background-color:#F7F4E4; vertical-align:top; }

table#contentframe td#left {width:247px; margin:0px; border:0px; margin-left:0px; padding:0px; background-color:#FFF; vertical-align:top;}
table#contentframe td#leftfill {border-left:0px;}

table#contentframe td#center {width:497px; padding:1em 10px 1em 0px;} 
table#contentframe td#center table td {border:none;}  

table#contentframe td#right {width:auto; margin:0px; padding:0px; border-right:0px;}

div.contentbox {border:1px #A6A45A solid; border-left:0px; width:auto; margin-bottom:3px; padding:0px 4px 1em 4px; background-color:#F7F4E4;}



/*
Controls the behavior and positioning of the dk. green navbar, including the 'your are here' crumb-trail and the 'resize text'.
*/	
div#navbar {width:747px; float:left; padding: 3px 3px 3px 0px; margin: 0px;}
div#crumbs {width:auto; height:auto; margin: 2px 15px 2px 10px; float:left; }
div#textsize {width:200px; height:1.0em; margin: 2px 0px 2px 0px; float:right; text-align:right; } 		
div#textsize>span, div#crumbs>span {vertical-align:bottom;}
			
/*
Controls how sitewide (Reunion) navigtion displays.
*/

div#sitewide_nav {width:200px; margin:0px; padding:0px;}
#sitewide_nav p {margin:4px 0px 6px 20px;}
#sitewide_nav a:link {font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 800; color:#666449; text-decoration:none; }
#sitewide_nav a:visited {font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 800; color:#666449; text-decoration:none; }
#sitewide_nav a:hover {font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 800; color:#666449; text-decoration:underline; }
#sitewide_nav a:active {font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 800; color:#666449; text-decoration:none; }

/*
Controls the default way images are displayed on reunion notes pages. 
*/

div.entry {width:100%; margin:1.0em 0em 1.0em 0em; padding: 0px 10px 0px 0px; clear: both; }
div.entry ul {list-style:square;}
div.then_now {width:150px; height:91px; vertical-align:top; float:left; margin:0px auto auto 0px; padding:0px 0px 0px 8px; } 
div.then_now img {border:1px #000 solid; margin:2px; float:left;}
div.then_now img.now {float:right; margin-right:8px;}
div.persontext {margin:0px; width:315px; float:left;}
p.prev_next {margin-right:10px; text-align:right; clear:both;}
			
/*
General image display - left, fullwidth, right
*/

img.left {float:left; border:1px #000 solid; margin-left:10px; margin-right:4px;}
img.right {float:right; border:1px #000 solid; margin-left:8px; margin-right:4px;}
img.fullwidth {clear:both; border:1px #000 solid; margin-left:10px; margin-right:3px;}


/*
Customizes look of Scrapbook tables and images
*/

table.scrapbook img {border:1px #000 solid;} 			
table.scrapbook p {margin:4px 12px 0px 0px;}

/*
Allows for presentation of reunion scrapbook thumbnails on reunion note and remember when story pages.
*/

			div.thumbbox {float:left; margin:0px 4px 1em 10px; padding:0px;}
			div.thumbbox img {border:1px #000 solid; margin-right:auto;}
			div.thumbbox span {margin-left:0px; clear:both;}

/*
Planning/Not Planning/May Attend text treatment.
*/

.attendr{ 
	font-size: 10px;
	font-style: italic;
	font-weight: bolder;
 color:#68813C;
 }
 
.attendy {
	font-size: 10px;
	font-style: italic;
	font-weight: bolder;
	color: #B5C990;
}
.attendn {
	font-size: 10px;
	font-style: italic;
	font-weight: lighter;
	color: #990000;
}
.attendm {
	font-size: 10px;
	font-style: italic;
	font-weight: bolder;
	color: #999999;
}