/* QUICK REFERENCE TO STYLE CLASSES & NAMES =====================================
-CLASS-				-USAGE-
-ID-				-USAGE-


=====*/
/*
@media print {

body { display: none }

}
*/
/* Standard styles ============================================================*/
body {
	background-color: white;
	font: normal 400 12px/16px Arial, Helvetica, Sans-serif; color: Black;
	text-align: center; /* USED TO CENTER CONTENT IN BROWSER WINDOW, ALONG WITH POSITIONER DIV */
}

td, th { font: normal 400 12px/16px Arial, Helvetica, sans-serif; color: Black; padding: 2px; border: 0px;}

a { color: #0060aa; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }

form { margin: 0px;}
p { margin: 0 0 1em 0;}
div { margin: 0px; padding: 0px }
li { margin-bottom: 4px; padding: 0px; }

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; color: Black; line-height: 100%; font-weight: 700; }
h1 {margin-bottom: 10px; margin-top: 2px; }
h2 {margin-bottom: 10px; margin-top: 6px; }
h3 {margin-bottom: 4px; margin-top: 6px}
h4,h5,h6 {margin-bottom: 0px;  margin-top: 2px}
h1 { font-size: 200%; }
h2 { font-size: 160%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 95%; }

/* IDs and Named Classes ==============================================================*/

/* Used to provide proper column heights on all browsers */
.clear:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clear { min-height: 1px; }
* html .clear { height: 1px; }

/* Used to position entire page, ALONG WITH BODY STYLING ABOVE; Without body styling, in order to work, it
	cannot have a width. */
#positioner { width: 801px; margin-left: auto; margin-right: auto; text-align: left; }
#enclose { padding: 6px; border: 0px solid Silver; }
#topNav { position: static; margin: 0px; padding: 0px 0px 4px 0px; background: White; }
#navFrame { float: left;}
#navLinks { margin-left: 20px; }
#contentFrame { width: 586px; float: right; }
#footer { margin: 10px 0px 0px 0px; padding: 0px; }

/* These two provide a "home" link on the lbb logo, upper left */
#homeRel { position: relative; }
#homeLogo { position: absolute; top: 0px; left: 20px; width: 200px; height: 40px; cursor: pointer; }

/* SECTION BASIC STYLES, SUPPLEMENTED/CHANGED PER PAGE CLASS */
#main { height: 524px; background: White; }
#leftNavTop { width: 160px; height: 62px; margin: 0px; }
#leftNav { width: 160px; }
#contentTop { height: 42px;}
#content { width: 566px; height: 430px; background: transparent; padding: 0px 4px 10px 0px; }
#navLinks .navTopic { font: normal 700 12px/16px Arial, Helvetica, Sans-serif; color: White;}
#navLinks a.navTopic {color: White}
#navLinks a.navTopic:hover {color: #cccccc;}
#navLinks li { margin: 0px 0px 0px 14px; padding: 1px 0px; color: White; }
#navLinks ul { color: White; margin:0; padding:0; margin-bottom: 10px; font: normal 700 12px/16px Arial, Verdana, Helvetica, sans-serif; color: White; }
#navLinks a { color: White; font: normal 500 12px/16px Arial, Helvetica, sans-serif; text-decoration: none; }
#navLinks a:hover { color: #cccccc; text-decoration: none; }

#topNavLinks { text-align: right }
#topNavLinks ul { margin:0; padding:0; }
#topNavLinks li { display: inline; margin: 0px 0px 0px 10px; padding: 1px 0px; font: normal 700 11px/17px Verdana, Helvetica, Sans-serif; color: Black; list-style: none none;}
#topNavLinks a { color: Black; text-decoration: none; }
#topNavLinks a:hover { color: #666666; text-decoration: none; }
#topNavLinks a.topNavTheme:hover { color: #ffab3d; text-decoration: none; }
#topNavLinks a.topNavHome:hover { color: #0060a9; text-decoration: none; }
#topNavLinks a.topNavGirls:hover { color: #eb5259; text-decoration: none; }
#topNavLinks a.topNavFam:hover { color: #49a2ca; text-decoration: none; }
#topNavLinks a.topNavVol:hover { color: #91c94f; text-decoration: none; }
#topNavLinks a.topNavCouncils:hover { color: #f58026; text-decoration: none; }
#topNavLinks a.topNavCookies:hover { color: #622b60; text-decoration: none; }

/* HOME PAGE STYLES (has more changes than others) -----------------------------------*/
.home #leftNavTop { width: 160px; height: 120px; margin: 0px; }
.home #leftNav { width: 160px; }
.home #contentTop { height: 100px;}
.home #content { padding: 0px; }
.home #navLinks { margin-left: 10px; text-align: center; }
.home #navLinks .navTopic { color: #cccccc; }
.home #navLinks li { margin: 0px; list-style: none none; }
.home #navLinks ul { color: Black; }
.home #navLinks a { font: normal 700 16px/20px Arial, Helvetica, sans-serif; color: #cccccc; }
.home #navLinks a:hover { color: White; }
.home #navLinks a.navTopic {color: #dcdcdc}
.home #navLinks a.navTopic:hover {color: White;}

/* GIRLS SECTION STYLES -----------------------------------*/
/* ----- These are for only the volunteers main page ------------------------- */
.girlsmain #navLinks li { list-style-image: none; }
.girlsmain #leftNavTop { width: 160px; height: 104px; margin: 0px; }
.girlsmain #main { height: 566px; }
.girlsmain #content {height: 472px;  margin-top: 20px;}
.girlsmain h1, h2, h3, h4 { margin-top: 0px; color: #eb5259 }

.girls #navLinks li { list-style-image: none; }

/* FAMILY SECTION STYLES -----------------------------------*/
/* ----- These are for only the family main page ------------------------- */
.fammain #navLinks li { list-style-image: none; }
.fammain #leftNavTop { width: 160px; height: 104px; margin: 0px; }
.fammain #main { height: 566px; }
.fammain #content {height: 472px;  margin-top: 20px;}
.fammain h4 { margin-top: 0px; color: #0060a8 }

/* ----- These are for non-family-main pages ------------------------- */
.fam #navLinks li { list-style-image: none; }

/* VOLUNTEERS SECTION STYLES -----------------------------------*/
/* ----- These are for only the volunteers main page ------------------------- */
.volmain #navLinks li { list-style-image: none; }
.volmain #leftNavTop { width: 160px; height: 104px; margin: 0px; }
.volmain #main { height: 566px; }
.volmain #content {height: 472px;  margin-top: 20px;}
.volmain h4 { margin-top: 0px; color: #0060a8 }

.vol #navLinks li { list-style-image: none; }
.vol li { color: black }

/* COOKIES SECTION STYLES -----------------------------------*/
.cookiesmain #navLinks li { list-style-image: none; }
.cookiesmain #leftNavTop { width: 160px; height: 104px; margin: 0px; }
.cookiesmain #main { height: 566px; }
.cookiesmain #content {height: 472px;  margin-top: 20px;}
.cookiesmain #main h1, h2, h3, h4 { margin-top: 0px; color: #622b60 }
.cookiesmain li { color: #622b60; }

.cookies #navLinks li { list-style-image: none; }
.cookies .tagline { font-size: 125%; line-height: 100%; color: Orange; font-weight: 700;}


/* Styles for various sections and elements -----------------------------------*/

.help { font-size: 95%; color: Gray; }

ol { list-style-image: none }

a.more {
	color: Black;
	font-weight: 700;
	text-decoration: underline;
	font-size: 95%;
}

a.more:hover {
	text-decoration: none;
}

a.login {
	color: White;
	text-decoration: underline;
	font-size: 100%;
}

a.login:hover {
	text-decoration: none;
}


.zipField {
  padding:2px;
  border:1px solid #bf2649;
  font: normal 14px/14px Arial, Sans-serif;
  }

.clButton {
 	color:#bf2649;
	background-color:white;
	padding:2px .40em;
	font:bold 15px/15px Arial;
	border:2px outset #bf2649;
	text-align:center;
	display: inline;
	overflow:visible;
/*	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; */
	}

.clButton:first-child+html {
	padding:0px .30em;
	width:1;
	}

.clButton html {
	padding:0px .30em;
	width:1;
	}

.clButton2 {
 	color:#bf2649;
	background-color:white;
	padding:1px .20em;
	font:bold 12px/13px Arial;
	border:2px outset #bf2649;
	text-align:center;
	display: inline;
	overflow:visible;
/*	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; */
	}

.clButton2:first-child+html {
	padding:0px .15em;
	width:1;
	}

.clButton2 html {
	padding:0px .15em;
	width:1;
	}

#findLinks {
  border:0px;
  padding:0px;
  width: 770px;
  margin:0;
  margin-top: 15px;
  margin-bottom: 10px;
  }

#findLinks td {
  padding: 3px;
  text-align:center;
  font: bold 12px/12px Arial;
  color: darkblue;
  }

#findTable {
  border:1px solid #b2297f;
  top-padding:0px;
  width: 770px;
  margin:10px 0;
  }

#findTable th {
  background-color: #f9c8b7;
  font: normal 700 14px/15px Arial, Sans-serif;
  }

#findTable td {
  background-color: white;
  font: normal 400 12px/13px Arial, Sans-serif;
  }

.formButton {
	background-color: Gray;
	font: normal bold 12px/14px Verdana, Arial, Helvetica, Sans-serif;
	color: #eeeeee;
	border-color: Silver;
	border-width: 2px;
}

.formField {
	background-color: #eeeeee;
	font: normal 12px/14px Arial, Helvetica, Sans-serif;
	margin-left: 6px;
	margin-right: 6px;
}

/* Like it says, prompt text under a form field */
.promptUnderField {
	font-size: 80%;
	line-height:100%;
	color: DimGray;
}


.footer {
	font: normal 400 11px/15px Arial, Helvetica, sans-serif;
	color: #0060a6;
	background-color: transparent;
	text-align: center;
}

a.footer {
	font-weight: 700;
	color: #0060a6;
	text-decoration: none;
}

a.footer:hover {
	color: Black;
	text-decoration: none;
}

a.monthLink {
	font-weight: 700;
	color: white;
	text-decoration: none;
}

a.monthLink:hover {
	color: white;
	text-decoration: underline;
}

/* Caption under photos/images */
.caption {
	font-size: 80%;
	line-height:110%;
	color: DarkGray;
}

.imageLeft {
	margin-right: 20px;
	border: 3px double #0060a9;
	padding: 1px;
}

.imageRight {
	margin-left: 20px;
	border: 3px double #0060a9;
	padding: 1px;
}

.pgLink { font: 700 12px/17px Arial,Helvetica,sans-serif; text-decoration:none; }
.pgLink:hover { text-decoration: underline; }

.nsmLink { text-decoration:none; color:darkblue; }
.nsmLink:hover { text-decoration: underline; }

.trpTable { margin: 0 auto; }
.trpTable td { font: 700 11px/12px Arial,Helvetica,sans-serif; color:#600010; }

/* For calendar control ==================================================== */
.calTH  { text-align:center; white-space:nowrap; font:bold 22px/22px Arial; padding:7px 15px; background-color:#b62366; color:white; }
.calDoW { width:14%; text-align:center; font:bold 16px/16px Verdana; padding:2px 3px; background-color:#de499f; color:white; }
.calTD  { height:50px; padding:2px 2px; border:1px solid #b62366; }
.calTDDate { float: left; padding: 0; font: bold 18px/18px Arial,Helvetica,sans-serif; color: #800030; }
.calTDSales { float: left; padding: 0 0 0 5px; }
.calTDSales a { font: 400 11px/12px Arial; color: #000080; text-decoration: none;}
.calTDSales a:hover { text-decoration: underline;}

.rawrptpg td { font: bold 13px/15px Arial; color: black; }

/* report styles */
table.report { margin-left: auto; margin-right: auto; }
table.report th { font: bold 20px Arial; padding: 0px 40px 0px 40px; text-align: center;}
table.report tr.subheading th { font: 14px Arial; padding-bottom: 20px;}
table.report td { font: 14px Arial; padding-right: 20px;}