/* Style for body of most pages */

body {  
	margin: 0;
	color:#000000; 
	background: #FFFFFF;  
}

/* Black menu stripe stuff */
.stripe {   
	border: 0; 
	margin: 0; 
	padding: 0; 
	background-color: black; 
	color: #FFFFFF; 
}
/* Opera doesn't seem to space menus evenly, 
	so TD definition is needed (only needed for Opera) */
TD.stripe { 
	border: 0; 
	margin: 0; 
	padding: 0; 
	height: 0;
/*	background-color: red; */
/*	width: 16%; */
}
.stripe-text {  
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center; 
	color: #FFFFFF; 
}

.small-font {	font-size: .75em; }

/* Am I going to stop using this? 11-12-07    I should 8-16-09 */
.different-font {   
	font-family: arial, helvetica, sans-serif; color: #000000; 
}
.different-font:link {   
	font-family: arial, helvetica, sans-serif; color: #000000; 
}
.different-font:visited {   
	font-family: arial, helvetica, sans-serif; color: #000000; 
}

/* DON'T USE space-line */
/* I've been using these a lot, so they've been added to style */
DIV.space-line {
	clear: both; margin: 0; padding: 0; width: auto;
}

/* Use clear-floats & eventually get rid of space-line */
.clear-floats {
	clear: both; line-height: 1px;
}

.standard-margins {
	margin-left: 	10%;
	margin-right:	10%;
}

/* Standard title options.  These might be used by this site's PHP function makeTitle in the future */
.standard-title, .standard-subtitle, .standard-title-intro, .large-title, .large-subtitle {
	text-align:	center;
}
.standard-title, .standard-title-font, .large-subtitle, h1 {
	font-size:		1.2em;
	font-weight:	bold;
}
h1 {
	margin:		0;
	padding:	0;	/* not needed, atleast not on Firefox */
}
.standard-subtitle, .standard-title-intro, .standard-subtitle-font, .standard-title-into-font, h2 {
	font-size:		1.0em;
}
.large-title {
	padding-bottom:	.25em;
}
.large-title, .large-title-font {
	font-size:		1.6em;
	font-weight:	bold;
}

/* Standard list options for website */
/* Set a default list style to have to extra margin & padding */
ul {
	list-style-position: outside; 
	margin: 0px; 
	padding: 0px; 
	margin-left: 16px; 
	padding-left: 16px; 
	vertical-align: middle; 
}
li { 
	margin: 0px; 
	padding: 0px; 
}

/* Set a style for lists with paragraphs (like on the 'about us' page) */
ul.paragraphs {
	padding-left: 0%;
	margin-left: 0;
}
ul.paragraphs li {	
	padding-top: .5em; 
	padding-bottom: .5em; 
	width: 100%;
}

/* 	Set a style for lists of lists so that they can also have sub-lists.
	I think in this case, we want the lists to have a little more more 
	space
	used on the site-map */
ul.extra-space {	
	margin-bottom: 1.5em;
	padding-bottom: 0;
	padding-left: 0%;
	margin-left: 0;
}
ul.extra-space li {	
	margin-top: .5em;	
	margin-left: 16px; 
	padding-left: 16px; 
}
ul.extra-space li ul, ul.extra-space li ul.extra-space {	
	margin-bottom: 0;
}

/* 	Used on pages w black borders. 
	Provides a black border for page content (below menu) */
.black-container-frame { 	
	border: 0;
	margin: 0;
	padding: 2em; /* Space for black border */
	padding-top: 0;
	padding-bottom: 0;
	background-color: #000000; /* Allows for inclusion of black footer */
}

/* Used on pages w black background */
/* Need to move white-text styles out of this file (atleast the hover definition */
.white-text {	
	color: #FFFFFF; 
}
.white-text A {	
	color: #FFFFFF; 
}
/*.white-text A:hover {	
	color: #CC8888; 
} */


/* Used in forms to mark invalid data */
.invalid {
	color: #FF0000;
}


div.image_with_caption_right, div.image_with_caption_left {
}

div.image_with_caption_right {
	float: right; 
	padding: 1em 0 1em 1em;
}

div.image_with_caption_left {
	float: left; 
	padding: 1em 1em 1em 0;
}


/* Currently used for ASOD 2010 (Dan Shanahan, 4-20-10) */
div.image_with_caption_right *.caption, div.image_with_caption_left *.caption {
	text-align: center;
	font-size: .75em;
}

/* This is only used on the home page bulletin board but could be used elsewhere */
/* Each item inside the bulletin board should be in a div */
/* There's padding in #content & padding for each <div> inside content, making it easy to frame an announcement */
#bulletinboard {
	background-color: #aaa;
	background-position: top right;
	background-repeat: no-repeat;
	margin-left: 0; 
	Zmargin-right:-1.5%; 
}
#bulletinboard #header {
	padding:5px 0; 
	height:17px; 
	text-align:center; 
	background-color: transparent;
}
#bulletinboard #content {
	border: solid;
	border-color: #aaa;
	border-width: 0 3px 3px 3px;
	padding: .5em 1em; 
	background-color: transparent;
}
#bulletinboard #content div {
	padding: .5em;
}
#bulletinboard #content .frame,
#bulletinboard #content .highlight-frame,
div.frame,
p.frame {
	border: 3px solid;
	padding: .75em;
}
#bulletinboard #content .frame,
div.frame,
p.frame {
	border-color: #aaa;
}
#bulletinboard #content .highlight-frame {
	border-color: #800;
}
#bulletinboard #content div div {
	padding: 0;
}

/* Used in bulliten board, but could be used as a generic style */
.special-message {
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	padding: .5em 0;
	text-align: center;
}

/* Used to make floating columns of equal heights (5/24/2011 ASOD thanks page only) */
/* See http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks */
.two-columns-A-container-2 {
	float: left; 
	width: 100%; 
	margin-bottom: 1em;
	overflow: hidden; 
	position: relative; 
	Zbackground: green;
}
.two-columns-A-container-1 {
	float: left; 
	width: 100%; 
	position: relative; 
	right: 80%; 
	Zbackground: red;
}
.two-columns-A-container-1 .column1 {
	float: left; 
	margin-right: 2.5%; 
	width: 17.5%; 
	position: relative; 
	left: 80%;
}
.two-columns-A-container-1 .column2 {
	float: left; 
	margin-left: 2.5%; 
	width: 77.5%; 
	position: relative; 
	left: 80%;
}
.two-columns-A-container-1 .column2 .indent {
	margin-left: 16px;
}

/* Use for event pages & on events page */
.out-of-date-notice {
	font-size: 1em; 
	color: #888888;
}

/* Used with ASOD date & price info, to either highlight or de-emphasize info */
ul.center {
	list-style-type: none;
	margin: 0px; 
	padding: 0px; 
	text-align: center;
}
ul.center li {
/*	list-style-type: none; */
}
div.center {
	text-align: center;
}
.highlight {
	border: 3px solid #FFCCCC;
}
.lowlight {
	color: #888888;
}
ul.price li {
	padding: .5em 0;
}

/* 	Used with events page, but wanted it for another file too, so moved it here 
	(Dan Shanahan 11-20-10) 
	Added so I could include news of Barb's death on Barb's page */

	/* Used @ top & bottom of box around news & box around events */
/*.grey {	width: 100%; 
			background-color: #808080; } */

/* 3 styles are required by included news & events items */
.event {	text-align: center; font-size: 1.5em; font-weight: bold; }
.sub-event {	text-align: center; font-size: 1.2em; font-weight: bold; }
.date { /*font-family: arial, helvetica, sans-serif; */ font-weight: bold; }