/* sbmstylesheet.css, 7/14/07 */
/* DO NOT do these things that will break this .css file. */
/* 1. NO HTML code in this .css file. */
/* 2. NO HTML comments in this .css file (or in <style> tag in .htm file). */
/* 3. NO double-slash comments in this .css file (or in <style> tag in .htm file). */
/* 4. Use ONLY old C-style matching comments in this file. */

h1 { font-family: "Times New Roman", Times, serif; font-size: 24pt; line-height: normal; text-decoration: none}
h2 { font-family: "Times New Roman", Times, serif; font-size: 18pt; font-style: italic}
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; font-style: italic; line-height: normal; font-weight: bold}
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal}
p { font-family: Arial, Helvetica, sans-serif; font-size: 12pt}
a { text-decoration: none}
ul { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; list-style-type: square; line-height: normal}
h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold}
ol { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; font-style: italic; line-height: 12pt}
dt { }

/*	black   = "#000000" 	green  = "#008000"	*/
/*	silver  = "#C0C0C0" 	lime   = "#00FF00"	*/
/*	gray    = "#808080" 	olive  = "#808000"	*/
/*	white   = "#FFFFFF" 	yellow = "#FFFF00"	*/
/*	maroon  = "#800000" 	navy   = "#000080"	*/
/*	red     = "#FF0000" 	blue   = "#0000FF"	*/
/*	purple  = "#800080" 	teal   = "#008080"	*/
/*	fuchsia = "#FF00FF" 	aqua   = "#00FFFF"	*/

/*  #000000; /* BLACK        */
/*  #CCCCCC; /* GREY         */
/*  #CC0000; /* DARK RED     */
/*  #FFFF00; /* YELLOW       */
/*  #00FF00; /* LIGHT GREEN  */
/*  #00DD00; /* DARK GREEN   */

/*  #00DDDD; /* TEAL BLUE    */
/*  #000099; /* DARK BLUE    */
/*  #0000CC; /* LIGHT BLUE   */
/*  #0000FF; /* LIGHTER BLUE */
/*  #6699FF; /* LIGHTEST BLUE, menu bkgd */
/*  #A8CCEC; /* POWDER BLUE  */
/*  #FFFFFF; /* WHITE        */
/*  #6699FF; /* menu bkgd, dark blue: bgcolor="6699FF"  */

/* Always specify in this order to avoid conflict: LVHA */
a:link {  color: #000066; text-decoration: none} /* dark blue */
a:visited {  color: #000066; text-decoration: none}
a:hover { color: #0033FF; text-decoration: underline;} /* light blue */
a:active { color: #000066; text-decoration: none}

.bluelinks a:link {  color: #000066; text-decoration: none} /* dark blue */
.bluelinks a:visited {  color: #000066; text-decoration: none}
.bluelinks a:hover { color: #0033FF; text-decoration: underline;} /* light blue */
.bluelinks a:active { color: #000066; text-decoration: none}

.redonwhite a:link     {color: #CC0000; text-decoration: none}
.redonwhite a:visited  {color: #CC0000; text-decoration: none}
.redonwhite a:hover    {color: #0033FF; text-decoration: underline}
.redonwhite a:active   {color: #CC0000; text-decoration: none}

.yellowonwhatever a:link     {color: #000000; text-decoration: none}
.yellowonwhatever a:visited  {color: #000000; text-decoration: none}
.yellowonwhatever a:hover    {color: #FFFF00; text-decoration: underline}
.yellowonwhatever a:active   {color: #000000; text-decoration: none}

.yellowonred a:link     {color: #000000; text-decoration: none}
.yellowonred a:visited  {color: #000000; text-decoration: none}
.yellowonred a:hover    {color: #FFFF00; text-decoration: underline}
.yellowonred a:active   {color: #000000; text-decoration: none}

.small_text11 { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; list-style-type: square; line-height: normal}
.small_text12 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; list-style-type: square; line-height: normal}

.fld_error {  /* for form fields that don't pass validation. */
    background-color:   #FFF1C4; /* error: tan background color for text area */
    border-width:		2px;
    border-style:       solid;
    border-color:       #CC0000; /* error: red border */
}

/* Use this as the id for the top navigation menu table so the non-current */
/* webpage menu item links will turn Yellow when hovering over them.       */
#TopMenu a:link     {color: #000000; text-decoration: none} /* black */
#TopMenu a:visited  {color: #000000; text-decoration: none}
#TopMenu a:hover    {color: #FFFF00; text-decoration: underline} /* yellow */
#TopMenu a:active   {color: #000000; text-decoration: underline}


/* Must set id to proper menu page so that the CSS selectors below will highlight the current page's menu item. */
/* For when the page matches the file name. Eg: the home page is loaded so #HomeNavPage is set in the surrounding DIV, */
/* so #HomeNavPage a#HomeLink:link matches, so {color: #FFFF00; text-decoration: none;} is in effect. */
#HomeNavPage a#HomeLink:link,  #HomeNavPage a#HomeLink:visited {color: #FFFF00; text-decoration: none;} /* yellow */
#HomeNavPage a#HomeLink:hover, #HomeNavPage a#HomeLink:active  {color: #FFFF00; text-decoration: underline;} /* yellow */
#HomeNavPage #HomeLinkBkgd {background-color: #0000CC} /* same color as SBM logo. */

#CalendarNavPage a#CalendarLink:link,  #CalendarNavPage a#CalendarLink:visited {color: #FFFF00; text-decoration: none;} /* yellow */
#CalendarNavPage a#CalendarLink:hover, #CalendarNavPage a#CalendarLink:active  {color: #FFFF00; text-decoration: underline;} /* yellow */
#CalendarNavPage #CalendarLinkBkgd {background-color: #0000CC} /* same color as SBM logo. */

#FlyersNavPage a#FlyersLink:link,  #FlyersNavPage a#FlyersLink:visited {color: #FFFF00; text-decoration: none;} /* yellow */
#FlyersNavPage a#FlyersLink:hover, #FlyersNavPage a#FlyersLink:active  {color: #FFFF00; text-decoration: underline;} /* yellow */
#FlyersNavPage #FlyersLinkBkgd {background-color: #0000CC} /* same color as SBM logo. */

#NewsroomNavPage a#NewsroomLink:link,  #NewsroomNavPage a#NewsroomLink:visited {color: #FFFF00; text-decoration: none;} /* yellow */
#NewsroomNavPage a#NewsroomLink:hover, #NewsroomNavPage a#NewsroomLink:active  {color: #FFFF00; text-decoration: underline;} /* yellow */
#NewsroomNavPage #NewsroomLinkBkgd {background-color: #0000CC} /* same color as SBM logo. */

#PastActionsNavPage a#PastActionsLink:link,  #PastActionsNavPage a#PastActionsLink:visited {color: #FFFF00; text-decoration: none;} /* yellow */
#PastActionsNavPage a#PastActionsLink:hover, #PastActionsNavPage a#PastActionsLink:active  {color: #FFFF00; text-decoration: underline;} /* yellow */
#PastActionsNavPage #PastActionsLinkBkgd {background-color: #0000CC} /* same color as SBM logo. */

#DonateNavPage a#DonateLink:link,  #DonateNavPage a#DonateLink:visited {color: #FFFF00; text-decoration: none;} /* yellow */
#DonateNavPage a#DonateLink:hover, #DonateNavPage a#DonateLink:active  {color: #FFFF00; text-decoration: underline;} /* yellow */
#DonateNavPage #DonateLinkBkgd {background-color: #0000CC} /* same color as SBM logo. */

#JoinNavPage a#JoinLink:link,  #JoinNavPage a#JoinLink:visited {color: #FFFF00; text-decoration: none;} /* yellow */
#JoinNavPage a#JoinLink:hover, #JoinNavPage a#JoinLink:active  {color: #FFFF00; text-decoration: underline;} /* yellow */
#JoinNavPage #JoinLinkBkgd {background-color: #0000CC} /* same color as SBM logo. */

#AboutNavPage a#AboutLink:link,  #AboutNavPage a#AboutLink:visited {color: #FFFF00; text-decoration: none;} /* yellow */
#AboutNavPage a#AboutLink:hover, #AboutNavPage a#AboutLink:active  {color: #FFFF00; text-decoration: underline;} /* yellow */
#AboutNavPage #AboutLinkBkgd {background-color: #0000CC} /* same color as SBM logo. */

#SiteMapNavPage a#SiteMapLink:link,  #SiteMapNavPage a#SiteMapLink:visited {color: #FFFF00; text-decoration: none;} /* yellow */
#SiteMapNavPage a#SiteMapLink:hover, #SiteMapNavPage a#SiteMapLink:active  {color: #FFFF00; text-decoration: underline;} /* yellow */
#SiteMapNavPage #SiteMapLinkBkgd {background-color: #0000CC} /* same color as SBM logo. */



#AdminMenuAdd a#AdminMenuAddLink:link,  #AdminMenuAdd a#AdminMenuAddLink:visited {color: #FFFF00; text-decoration: none;} /* yellow */
#AdminMenuAdd a#AdminMenuAddLink:hover, #AdminMenuAdd a#AdminMenuAddLink:active  {color: #FFFF00; text-decoration: underline;} /* yellow */
#AdminMenuAdd #AdminMenuAddLinkBkgd {background-color: #0000cc} /* same color as SBM logo. */

#AdminMenuSelect a#AdminMenuSelectLink:link,  #AdminMenuSelect a#AdminMenuSelectLink:visited {color: #FFFF00; text-decoration: none;} /* yellow */
#AdminMenuSelect a#AdminMenuSelectLink:hover, #AdminMenuSelect a#AdminMenuSelectLink:active  {color: #FFFF00; text-decoration: underline;} /* yellow */
#AdminMenuSelect #AdminMenuSelectLinkBkgd {background-color: #0000cc} /* same color as SBM logo. */

#AdminMenuBanner a#AdminMenuBannerLink:link,  #AdminMenuBanner a#AdminMenuBannerLink:visited {color: #FFFF00; text-decoration: none;} /* yellow */
#AdminMenuBanner a#AdminMenuBannerLink:hover, #AdminMenuBanner a#AdminMenuBannerLink:active  {color: #FFFF00; text-decoration: underline;} /* yellow */
#AdminMenuBanner #AdminMenuBannerLinkBkgd {background-color: #0000cc} /* same color as SBM logo. */

#AdminMenuConfig a#AdminMenuConfigLink:link,  #AdminMenuConfig a#AdminMenuConfigLink:visited {color: #FFFF00; text-decoration: none;} /* yellow */
#AdminMenuConfig a#AdminMenuConfigLink:hover, #AdminMenuConfig a#AdminMenuConfigLink:active  {color: #FFFF00; text-decoration: underline;} /* yellow */
#AdminMenuConfig #AdminMenuConfigLinkBkgd {background-color: #0000cc} /* same color as SBM logo. */

.TopMenuOnBlue a:link     {color: #000000; text-decoration: none} /* black */
.TopMenuOnBlue a:visited  {color: #000000; text-decoration: none}
.TopMenuOnBlue a:hover    {color: #FFFF00; text-decoration: underline} /* yellow */
.TopMenuOnBlue a:active   {color: #000000; text-decoration: underline}

.ondarkblue a:link     {color: #A8CCEC; text-decoration: underline} /* powder blue */
.ondarkblue a:visited  {color: #A8CCEC; text-decoration: underline}
.ondarkblue a:hover    {color: #FFFF00; text-decoration: underline} /* yellow */
.ondarkblue a:active   {color: #A8CCEC; text-decoration: underline}

.nicebox 
{
	border-width: 1px;
	border-color: #CC0000;
	border-style: solid;
}

/*----------[ Event Box: Rounded Corners, Top Row & Bottom Row - Solid color, 2 pixel border ]----------*/
/*		WARNING: Tables inside these DIVs must not use 100% for width, but 96% (IE 5.5 chops off right edge at 100%)
/*		Blue: #6699FF  Dark Red: #CC0000  Tan: #FFCC00  Green: #00CC00
/*		Note: Tables inside these DIV boxes don't inherit the font attributes from ".Event_RndBoxbody_blue" for example.
/*		Therefore, inside tables you have to specify: class="Event_SqrBox" in the Table declaration 
/*		to get the font-family, font-size, etc.
/*		It's only necessary to specify a particular font and size if what you want 
/*		differs from the default specified in: class="Event_RndBox".

<div class="Event_RndBox">
	<div class="Event_RndBoxhead_blue"><h1>Monday, July 16th, 7:00 pm</h1></div>
	<div class="Event_RndBoxbody_blue">
		This is another short sample paragraph.
		And yet another one.
	</div>
	<div class="Event_RndBoxtail_blue"><h1>&nbsp;</h1></div>
</div>
*/
.Event_RndBox {
	margin: 0 auto; /* center for now */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt; /* equivalent to <font size="-1"> */
	line-height: normal;
}
.Event_RndBoxhead_blue {
	text-align: left;
	background: url(shared/page/BoxRnd_TopL_Blue_10x20_32.gif) no-repeat top left;
	background-color: #6699FF;
	margin: 0;
}
.Event_RndBoxhead_red {
	text-align: left;
	background: url(shared/page/BoxRnd_TopL_DarkRed_10x20_32.gif) no-repeat top left;
	background-color: #CC0000;
	margin: 0;
}
.Event_RndBoxhead_tan {
	text-align: left;
	background: url(shared/page/BoxRnd_TopL_Tan_10x20_32.gif) no-repeat top left;
	background-color: #FFCC00;
	margin: 0;
}
.Event_RndBoxhead_green {
	text-align: left;
	background: url(shared/page/BoxRnd_TopL_Green_10x20_32.gif) no-repeat top left;
	background-color: #00CC00;
	margin: 0;
}
.Event_RndBoxhead_blue h1 {
	color: #0;
	background: url(shared/page/BoxRnd_TopR_Blue_10x20_32.gif) no-repeat top right;
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	line-height: normal;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.Event_RndBoxhead_red h1 {
	color: #0;
	background: url(shared/page/BoxRnd_TopR_DarkRed_10x20_32.gif) no-repeat top right;
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	line-height: normal;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.Event_RndBoxhead_tan h1 {
	color: #0;
	background: url(shared/page/BoxRnd_TopR_Tan_10x20_32.gif) no-repeat top right;
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	line-height: normal;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.Event_RndBoxhead_green h1 {
	color: #0;
	background: url(shared/page/BoxRnd_TopR_Green_10x20_32.gif) no-repeat top right;
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	line-height: normal;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.Event_RndBoxbody_blue {
	margin: 0;
	padding: 3px 3px 3px 3px;
	border-width: 2px;
	border-color: #6699FF;
	border-style: solid;

}
.Event_RndBoxbody_red {
	margin: 0;
	padding: 3px 3px 3px 3px;
	border-width: 2px;
	border-color: #CC0000;
	border-style: solid;
}
.Event_RndBoxbody_tan {
	margin: 0;
	padding: 3px 3px 3px 3px;
	border-width: 2px;
	border-color: #FFCC00;
	border-style: solid;
}
.Event_RndBoxbody_green {
	margin: 0;
	padding: 3px 3px 3px 3px;
	border-width: 2px;
	border-color: #00CC00;
	border-style: solid;
}
.Event_RndBoxtail_blue {
	background: url(shared/page/BoxRnd_BotR_Blue_10x20_32.gif) no-repeat bottom right;
	background-color: #6699FF;
	margin: 0;
	padding: 0;
	text-align: center;
}
.Event_RndBoxtail_red {
	background: url(shared/page/BoxRnd_BotR_DarkRed_10x20_32.gif) no-repeat bottom right;
	background-color: #CC0000;
	margin: 0;
	padding: 0;
	text-align: center;
}
.Event_RndBoxtail_tan {
	background: url(shared/page/BoxRnd_BotR_Tan_10x20_32.gif) no-repeat bottom right;
	background-color: #FFCC00;
	margin: 0;
	padding: 0;
	text-align: center;
}
.Event_RndBoxtail_green {
	background: url(shared/page/BoxRnd_BotR_Green_10x20_32.gif) no-repeat bottom right;
	background-color: #00CC00;
	margin: 0;
	padding: 0;
	text-align: center;
}
.Event_RndBoxtail_blue h1 {
	background: url(shared/page/BoxRnd_BotL_Blue_10x20_32.gif) no-repeat bottom left;
	margin: 0;
	padding: 0px 0px 0px 0px;
	color: white; 
	font-weight: bold; 
	font-size: 12pt;
	line-height: normal;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.Event_RndBoxtail_red h1 {
	background: url(shared/page/BoxRnd_BotL_DarkRed_10x20_32.gif) no-repeat bottom left;
	margin: 0;
	padding: 0px 0px 0px 0px;
	color: white; 
	font-weight: bold; 
	font-size: 12pt;
	line-height: normal;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.Event_RndBoxtail_tan h1 {
	background: url(shared/page/BoxRnd_BotL_Tan_10x20_32.gif) no-repeat bottom left;
	margin: 0;
	padding: 0px 0px 0px 0px;
	color: white; 
	font-weight: bold; 
	font-size: 12pt;
	line-height: normal;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.Event_RndBoxtail_green h1 {
	background: url(shared/page/BoxRnd_BotL_Green_10x20_32.gif) no-repeat bottom left;
	margin: 0;
	padding: 0px 0px 0px 0px;
	color: white; 
	font-weight: bold; 
	font-size: 12pt;
	line-height: normal;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

/*----------[ Event Box: Square Corners, Top Row & Bottom Row - Solid color, 2 pixel border ]----------*/
/*		WARNING: Tables inside these DIVs must not use 100% for width, but 96% (IE 5.5 chops off rigth edge at 100%)
/*		Blue: #6699FF  Dark Red: #CC0000  Tan: #FFCC00  Green: #00CC00
/*		Note: Tables inside these DIV boxes don't inherit the font attributes from ".Event_SqrBoxbody_blue" for example.
/*		Therefore, inside tables you have to specify: class="Event_SqrBox" in the Table declaration 
/*		to get the font-family, font-size, etc.
/*		It's only necessary to specify a particular font and size if what you want 
/*		differs from the default specified in: class="Event_SqrBox".

<div class="Event_SqrBox">
	<div class="Event_SqrBoxhead_green"><h1>Monday, July 16th, 7:00 pm</h1></div>
	<div class="Event_SqrBoxbody_green">
	This is another short sample paragraph.<br>
	And yet another one.
	</div>
</div>
*/
.Event_SqrBox {
	margin: 0 auto; /* center for now */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	line-height: normal;
}
.Event_SqrBoxhead_blue {
	text-align: left;
	background-color: #6699FF;
	margin: 0;
}
.Event_SqrBoxhead_red {
	text-align: left;
	background-color: #CC0000;
	margin: 0;
}
.Event_SqrBoxhead_tan {
	text-align: left;
	background-color: #FFCC00;
	margin: 0;
}
.Event_SqrBoxhead_green {
	text-align: left;
	background-color: #00CC00;
	margin: 0;
}
.Event_SqrBoxhead_blue h1 {
	color: #0;
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	line-height: normal;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.Event_SqrBoxhead_red h1 {
	color: #0;
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	line-height: normal;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.Event_SqrBoxhead_tan h1 {
	color: #0;
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	line-height: normal;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.Event_SqrBoxhead_green h1 {
	color: #0;
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	line-height: normal;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.Event_SqrBoxbody_blue {
	margin: 0;
	padding: 3px 3px 3px 3px;
	border-width: 2px;
	border-color: #6699FF;
	border-style: solid;
}
.Event_SqrBoxbody_red {
	margin: 0;
	padding: 3px 3px 3px 3px;
	border-width: 2px;
	border-color: #CC0000;
	border-style: solid;
}
.Event_SqrBoxbody_tan {
	margin: 0;
	padding: 3px 3px 3px 3px;
	border-width: 2px;
	border-color: #FFCC00;
	border-style: solid;
}
.Event_SqrBoxbody_green {
	margin: 0;
	padding: 3px 3px 3px 3px;
	border-width: 2px;
	border-color: #00CC00;
	border-style: solid;
}