/*-------------------------------------------------------------------------------------------------------------------
	Ferintosh - Stylesheet

	version:	2.0
	author: 	Grant Johnson
	last update:	Mar 2008

-------------------------------------------------------------------------------------------------------------------*/


/* Typography
-------------------------------------------------------------------------------------------------------------------*/
body 	{	background:#dad9d6 url(bg/bgbody.gif) top center repeat-y; color:black; border:none;
		font-family:"Arial", sans-serif;
		padding:0; margin:0;
		text-align:center;
		font-size:small !important;
		font-size:x-small;
	}

p	{	margin:0; padding:.5% 5% 0 5%;	}


h1, h2, h3, h4, h5, h6	{	font-weight:normal;	}
h1	{	font-size:175%; margin:2%;		}
h2	{	font-size:150%;	}
h3	{	font-size:130%;	}
h4	{	font-size:120%;	}
h5	{	font-size:100%;	}

.bold	{	font-weight:bold;	}
.italic	{	font-style:italic;	}


/* Structure
-------------------------------------------------------------------------------------------------------------------*/

#container	{	width:100%; padding:0 0 5% 0; margin:0 auto; text-align:left; background:white; }

#col1		{	display:none;	 	}

#col2		{	width:100%; float:right; display:inline; position:relative; padding:0; margin:0;
			background:white; border-left:1px solid silver;	}

/* Masthead
-------------------------------------------------------------------------------------------------------------------*/

#masthead	{	width:100%; float:left; display:inline; position:relative; margin:0 0 6px 0; padding:0;
			border-bottom:1px solid silver;	}
#masthead h1	{	text-align:right; font-size:120%; margin:1% 0; padding:0;	}



/* Subhead
-------------------------------------------------------------------------------------------------------------------*/

#subhead	{	width:100%; float:left; display:inline; position:relative; margin:0; padding:0;	}
#subhead h3	{	text-align:right; margin:8px; padding:0; font-weight:bold;		}
#subhead p	{	text-align:right; font-size:85%; margin:2px 8px; padding:0;	}






/* Navigation 
-------------------------------------------------------------------------------------------------------------------*/

#mainnav		{	display:none;	}

.teaser		{	display:none;	}



/* Page Label
-------------------------------------------------------------------------------------------------------------------*/

#pagelabel	{	background:white; color:green; border-bottom:1px solid silver;	}
#pagelabel img	{	float:left; display:inline; position:relative; padding:0; margin:0;		}


/* Content
-------------------------------------------------------------------------------------------------------------------*/

#content	{	width:100%; float:right; display:inline; position:relative; padding:0; margin:0 0 3% 0;
			background:white;	}

#content dl	{	width:100%; float:right; display:inline; position:relative; padding:0; margin:0 0 2% 0;
			color:black; text-align:left;	}

#content dt	{	width:98%; float:right; display:inline; position:relative; padding:.3em 0 .3em .5em; margin:6px 0; 
			color:black; background:white url(bg/bggrayheader.jpg) top right repeat-y; font-size:100%; font-weight:bold;
			border-top:1px solid silver; border-bottom:1px solid silver; 		}

#content dd		{	width:92%; float:left; display:inline; position:relative; padding:0; margin:1% 0 0 5%;	}
#content dd.dented	{	width:88%; float:right; margin-bottom:10px;	}
#content dd.dented2	{	width:88%; float:right;		}
#content dd.half	{	width:61%; float:right; margin:1% 0 0 0;	}
#content dd.halfalt	{	width:56%; float:left; margin:1% 0 1% 5%;	}

#content dd.pic		{	width:auto; float:left; position:relative; display:inline; padding:0; margin:0 0 0 3%;	}
#content dd.picalt	{	width:auto; float:right; position:relative; display:inline; padding:0; margin:0 3% 0 0;	}

#content dd.butt	{	width:60%; margin-top:5%;	}
#content dd.butt a 	{	width:auto; float:right; position:relative; display:inline; padding:.25em 1em; margin:0 10% 0 0;
				font-size:90%; color:black; text-decoration:none;
				border-top:1px solid silver; border-right:1px solid black; border-bottom:1px solid black; border-left:1px solid silver; 
			}

#content dd.butt a:link, #content dd.butt a:visited	{	background:#dce0f5 url("bg/buttoff.jpg") repeat-x top left;		}
#content dd.butt a:hover				{	background:#bedfc4 url("bg/button.jpg") repeat-x bottom left; color:black; text-decoration:underline;	}


#content img	{	border:0;	}

#home #content dt	{	width:98%; float:right; display:inline; position:relative; padding:0; margin:0; 
				color:black; background:white; border:0;		}

/* Welcome
-------------------------------------------------------------------------------------------------------------------*/

#welcome img		{	width:auto; float:left; position:relative; display:inline; padding:0; margin:1% 0 1% 3%;	}
#welcome img.alt	{	float:right; margin:1% 3% 1% 0;	}

#welcome p	{	width:60%; float:left; position:relative; display:inline; padding:0; margin:1% 0 1% 3%;	}

#welcome h3		{	clear:both; margin:1% 0 1% 3%;	}




/* Index Tables - Bylaws, Minutes, etc
-------------------------------------------------------------------------------------------------------------------*/

#subindex		{	width:100%; float:right; display:inline; position:relative; padding:0; margin:0;		}


#subindex		{	width:100%; float:right; display:inline; position:relative; padding:0; margin:0; background:white;	}

#subindex table		{	width:90%; text-align:center; float:right; font-size:100%; border-collapse:collapse; margin:10px 0; border:0;	}
#subindex caption	{	text-align:left; font-size:100%; font-weight:bold; padding:0 0 10px 0;	}

#subindex thead		{	}
#subindex th		{	text-align:center; background:#eee url(bg/bgcalendar1.jpg) top left repeat-x; font-size:85%; padding:0.2em 0; border:1px solid silver;	}

#subindex tbody		{		}
#subindex tr		{	border:1px solid silver; 	}
#subindex td		{	padding:0.3em; border-bottom:1px solid silver;	}

	#subindex a		{	color:black; text-decoration:none;	}
	#subindex a:hover	{	color:blue; text-decoration:underline;	}

.datecol	{	width:35%; text-align:left; 	}
.typecol	{	width:35%; 	}

.formatcol	{	width:15%; 	}
.sizecol	{	width:15%; 	}

.namecol	{	width:40%; text-align:left;	}
.numbercol	{	width:25%; 	}



/* Calendar - full width Events page
-------------------------------------------------------------------------------------------------------------------*/

.calendar		{	width:100%; float:left; display:inline; position:relative; padding:0; margin:0; background:white;	}

.calendar p		{	margin:.5em 0;	}

.calendar table		{	width:100%; text-align:left; font-size:100%; border-collapse:collapse; margin:1% 0;	}
.calendar caption	{	font-size:120%; font-weight:bold; padding:.5em 0; background:#eee; border-top:1px solid #006900;	}

.calendar thead		{	border:1px solid gray; }
.calendar thead th	{	color:white; background:#006900; text-align:center; border-left:1px solid white;  }

.calendar tbody th	{	width:14%; background:#eee url(bg/bgcalendar1.jpg) top left repeat-x; font-size:85%; padding:0.2em 0 0.2em 1em; border:1px solid silver;	}
.calendar tbody td	{	text-align:center; width:14%; height:100px; vertical-align:top; background:#fff; padding:0.25em 0.5em; border:1px solid silver;	}
.calendar tbody th.nodate, .calendar tbody td.nodate	{	width:14%; background:white; border:0;	}
.calendar tbody td.nodate	{	text-align:center;	}


.calendar #xmas		{	background:white url(bg/bgxmas.gif) bottom left no-repeat;	}

.upcoming		{	page-break-after:always; width:100%; float:left; display:inline; position:relative; padding:0; margin:0; background:white;	}


/* Photoviewer
-------------------------------------------------------------------------------------------------------------------*/

#thumbs		{	width:140px; float:right; display:inline; position:relative; 
			margin:10px 0 0 0; padding:0; border:0;
			height:350px; overflow:scroll; text-align:center;
		}

#thumbs img	{	width:100px; float:right; display:inline; position:relative; 
			margin:1% 0; padding:0; border:0;		}


#mainimage 	{	width:450px; float:left; display:inline; position:relative; 
			margin:10px 0 0 0; padding:0; border:0;
		}
#mainimage img	{	width:100%; float:left; display:inline; position:relative;
			margin:0; padding:0 0 0 10px;
			border:0;	}


#phototext 	{	width:450px; clear:both; float:left; display:inline; position:relative; 
			margin:0; padding:1% 0; border:0;	}

#phototext input	{	border:0; text-align:center;	}


/* Links 
-------------------------------------------------------------------------------------------------------------------*/

#linklist		{	}
#linklist dd		{	width:35%; float:left; margin:.5% 0 0 3%;	}
#linklist dd.linkref	{	width:60%; float:right;	margin-left:0;	}
#linklist dd.full	{	width:90%; float:left;	}





/* Footer
-------------------------------------------------------------------------------------------------------------------*/
#footer		{	display:none;	}

#navbot		{	display:none;	}

#credits		{	display:none;	}



/* ----------------------------------------------------- end of file ------------------------------------------------------------*/