/* External CSS */
/* filename 'type.css' */
/* typographic  styles for TGSF  */


/* global type size */

body
	{	font-size: small;	
		font-family: "lucida grande", verdana, arial, helvetica, sans-serif;	
		}
		
#page
	{	font-size: 100%;	}
	
/*  header typography */
		
body#homepg #header h1
	{	font-size: 50%;
		color: #000;
		position: absolute;
		left: -9999px;
		}
		
#header h2
	{ 	font-size: 130%;
		font-weight: bold;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		}
		
body#whopg #header h2	{	color: #c33; background-color: #fff;	}
body#whatpg #header h2	{	color: #f63; background-color: #fff;		}
body#eventspg #header h2	{	color: #090; background-color: #fff;	}
body#resourcespg #header h2	{	color: #099; background-color: #fff;	}
body#contactpg #header h2	{	color: #33f; background-color: #fff;	}
body#memberspg #header h2	{	color: #93c; background-color: #fff;	}

/* span elements */
		
strong
	{	font-weight: bold;
		}
		
em
	{	font-style: italic;
		}
		
abbr
	{	cursor: help;}
		
/* home page sidebar */


		
body#homepg #sidebar p.caption
		{	margin: .3em 5px 0 5px;
			padding: 0;
			text-align: center;
			font-size: 90%;
			font-weight: normal;
			}
		
/*  Content styles */

p.mission
	{
		color: #000;
		background-color: #fff;
		line-height: 1.35;
		font-style: italic;
		text-align: justify;
		margin: 2.0em;
		padding: 6px 0 0 0;
		border-top: 3px solid #ffede1;
		}

/* defaults */

h3, a:hover h3
	{	font-size: 130%;
		color: #000;
		background-color: transparent;
		letter-spacing: .02em; 
		margin: 0 0 .3em 0;
		padding: 0 0 2px 1em;
		}
		
body#whopg h3, body#whopg a:hover h3	{color: black; background-color: #f99;}
body#whatpg h3, body#whatpg a:hover h3		{color: black; background-color: #fc9;}
body#eventspg h3, body#eventspg a:hover h3		{color: black; background-color: #9f9;}
body#resourcespg h3, body#resourcespg a:hover h3		{color: black; background-color: #9ff;}
body#contactpg h3, body#contactpg a:hover h3		{color: black; background-color: #ccf;}
body#memberspg h3, body#memberspg a:hover h3		{color: black; background-color: #e5ccff;}
		
body#homepg h3, body#homepg a:hover h3
	{	color: #000;
		background-color: #ffede1;
		padding: 0 0 2px 1em;
		}
		
p	
	{	font-size: 100%;
		line-height: 1.3;
		margin: 0 0 .8em 0;
		padding: 0;
		border: 0;
		}
		
		
#content a:link
	{	color: #00f;
		background-color: #fff;
		text-decoration: underline;
		}
		
#content a:visited
	{	color: #800080;
		background-color: #fff;
		text-decoration: underline;
		}
		
#content a:hover, #content a:active
	{	color: #f00;
		background-color: #fff;
		text-decoration: none;
		}
		
#content ul
	{	list-style: none;
		margin: 0 0 .5em 0;
		padding: 0;
		}
		
#content ul li
	{	font-size: 110%;
		margin: 0;
		padding: 3px 0 0 15px;
		}
		
body#homepg #content ul li	{background: #fff url(../i/b/b_home.gif) 0 .2em no-repeat;	}
body#whopg #content ul li	{background: #fff url(../i/b/b_who.gif) 0 .2em no-repeat;	}
body#whatpg #content ul li	{background: #fff url(../i/b/b_what.gif) 0 .2em no-repeat;	}
body#eventspg #content ul li	{background: #fff url(../i/b/b_events.gif) 0 .2em no-repeat;	}
body#resourcespg #content ul li	{background: #fff url(../i/b/b_resources.gif) 0 .2em no-repeat;	}
body#contactpg #content ul li	{background: #fff url(../i/b/b_contact.gif) 0 .2em no-repeat;	}
body#memberspg #content ul li	{background: #fff url(../i/b/b_members.gif) 0 .2em no-repeat;	}


/* Calendar lists*/



.calendar_container {
		margin: 0;
		padding: 0;
}

.calendar_item_container {
		margin: 1em 0 0 0;
		clear: both;
}

.calendar_item_title {
		font-size: 110%;
		font-weight: bold;
}
		
.calendar_item_datetime {
		color: #a621a6;
		font-size: 110%;
}
.calendar_item_body {
		color: #022;
		padding: 0.75em 0.5em 0.25em 1.0em;
}

.calendar_footer {
		font-size: smaller;
		margin: 1.5em;
		clear:both;
}



		
/* definition list styles  */

dl.column
	{	margin: 2em 0;
		padding: 0;
		}
		
dl.column dt
	{	font-size:	110%;
		color: #000;
		background-color: #fff;
		}
		
dl.column dd
	{	font-size:	110%;
		color: #000;
		background-color: #fff;
		margin: .2em 0 1.2em 1em;
		padding: 0;
		}	
		

		
/*  floats */

div.boxright
	{	float: right;
		clear: right;
		display: inline;
		padding: 0;
		margin: 0;
		border: 0;
		}
		
div.boxleft
	{	float: left;
		clear: left;
		display: inline;
		padding: 0;
		margin: 0;
		border: 0;
		}
		
div.floatwrap
	{	margin: 0;
		padding: 0;
		border: 0;
		display: block;
		width: auto;
		}
		
div.boxright div.floatwrap
	{	margin: 0 0 10px 10px;
		}
		
div.boxleft div.floatwrap
	{	margin: 0 10px 10px 0;
		}
		
.img
	{	border-top: 1px solid #666;
		border-right: 1px solid #666;
		border-bottom: 1px solid #000;
		border-left: 1px solid #000;
		margin: 0;
		}

p.caption
	{	font-size: 100%;
		font-weight: bold;
		color: #a621a6;
		background-color: #fff;
		text-align: center;
		margin: 0;
		padding: 0;
		} 
		
/* member form styles*/

p.noprint
	{	margin: 1em 0 .5em 1.35em;
		padding: 0;
		color: #f00;
		background-color: #fff;		
		}

body#tgsfform
	{	font-size: 95%;
		}
	

body#tgsfform h1
	{	font-size: 130%;
		color: #000;
		background-color: #fff;
		margin: 1em 0 0 0;
		padding: 0 0 0 1em;
		border-bottom: 1px solid #999;
		}
	
		
.form h2
	{	font-size: 110%;
		color: #000;
		background-color: #fff;
		margin: 2em 0 0 0;
		padding: 0 0 0 1em;
		border-bottom: 1px solid #ccc;
		}
		
.form p
	{	font-size: 100%;
		color: #000;
		background-color: #fff;
		margin: 1em 0 .3em 1em;
		padding: 0;
		}
		
.form p em
	{	font-weight: bold;
		font-style: normal;
		font-size: 95%;
		color: #00f;
		background-color: #fff;
		}
	
.form ul
	{	list-style: none;
		margin: .8em 0 0 0;
		padding: 0;
		}	
		
.form ul li
	{	margin: 0 0 .7em 3em;
		padding: 0;
		}	
		
.form ul.button
	{	list-style: none;
		margin: .8em 0 0 -.7em;
		padding: 0;
		}	

.form input.but				
	{  font-family: verdana, arial, helvetica, sans-serif;
		font-size: 100%;
		font-weight: bold;
		background-color: #f9f9f9;}
								
.form input.txt				
	{ 	margin: 0 10px 0 0;
		padding: 2px 0 2px 3px;
		border: 1px solid #aaa;
		background-color: #f9f9f9;}

.form input.txt:focus		
	{  color: #000;
		background-color: #ffffa5;
		border: 1px solid #000; }
		
.form select		
	{  color: #000;
		background-color: #fff;
		border: 1px solid #aaa; }
		
.form select	:focus	
	{  color: #000;
		background-color: #ffffa5;
		border: 1px solid #000; }
		
/* login form styles */

ol#login
	{	list-style: none;
		margin: -.5em 0 -.5em 0;
		padding: 0;
		}	
		
ol#login li
	{	margin: .8em 0;
		padding: 0;
		}
		

/* footer styles */

#footer p.copyright
	{	font-size: 80%;
		color: #999;
		text-align: center;
		margin: 0;
		padding: 15px 100px 300px 100px;
		border: 0;
		}
		
#bottom p
	{	font-size: 100%;
		color: #333;
		background-color: #fff;
		margin: 0 0 6px 0;
		padding: 0;
		}
		
#bottom #bottom_left
	{	text-align: left;	
		margin-left: 2px;
		}
		
#bottom #bottom_right
	{	text-align: right;
		margin-right: 2px;
		}
.smallCaps {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-variant: small-caps;
}