/* NORTH STAR GIRLS GROUP

   OLD: Main page title, dark blue text: #374f9d
   OLD: Main page title, dark purple text: #5c4b7b  (Pantone 668C)
   Nav pane dark background: #463017 (dark brown) [was dark purple #5c4b7b (Pantone 668C)]
   Nav pane light background: #74553b (light brown) [was light purple #756492 (Pantone 667C)]
   OLD: Lighter purple arrow for currnet selection: #c5bbd3  (Pantone 665C)
   OLD: Super light purple for girl's face in purple logo: #dbd7e4  (Pantone 663C)
   Text and lines on nav panes: #dddddd
   Link hover text on nav panes: #ffffff
   OLD: Content title: #5c4b7b --> change to #463017  (same as dark nav background)
   Content subtitle: #74553b  (same as main page title color 2)
   Content hyperlink: #0066cc  (same as IE7 default unvisited link)
   Content hyperlink hover: #1265d7
*/
div.page
{
	width:800px;
	text-align:left;
	/* explicitly set 'auto' margins or firefox will not center the div */
	margin-left:auto;
	margin-right:auto;
}
.navBkgndDark {
	background-color:#463017 /*dark brown*/
}
.navBkgndLight {
	background-color:#74553b
}
.pageTitle {
	background-color:#463017; /*dark brown*/
	font-family:Calibri, Arial, Helvetica, sans-serif;
	letter-spacing:.05em;
	font-size:2em;
	font-weight:normal;
	text-align:right;
	padding-right:0.75em;
	padding-top:0px;
	padding-bottom:0.5em;
	vertical-align:bottom;
	min-height:50px; /* this + padding-top + padding-bottom == 130px == logo(120) + logo padding */
	border-top:1px #74553b solid;
	border-left:1px #74553b solid;
	border-right:1px #74553b solid;
	margin:0 0 0 0;
}
.pageTitleColor1 {
	color:#374f9d
}
.pageTitleColor2 {
	color:#463017
}
/* used for pageTitle on sub-pages; same except less whitespace */
.pageTitle2 {
	background-color:#463017; /*dark brown*/
	font-family:Calibri, Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	font-size:1.8em;
	font-weight:normal;
	text-align:right;
	padding-right:0.75em;
	padding-top:1em;   /* or 10px if we insert the logo */
	padding-bottom:0.5em;
	border-top:1px #463017 solid;
	border-left:1px #463017 solid;
	border-right:1px #463017 solid;
	margin:0 0 0 0;
}
a.pageTitleLink {
	color:inherit;
	text-decoration:none;
}
.overlayTitle {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#dddddd;
	letter-spacing:.1em;
}
.overlayNavTitle {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#dddddd;
	letter-spacing:.05em;
	padding-left:25px;
	padding-right:10px;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.overlayNav {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#dddddd;
	padding-left:25px;
	padding-right:10px;
	padding-top:0.25em;
	padding-bottom:0.25em;
}
.overlayNavCurrent {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#dddddd;
	padding-left:5px;
	padding-right:10px;
	padding-top:0.25em;
	padding-bottom:0.25em;
}
.overlayNavLogo {
	text-align:center;
	margin-top:40px;
	margin-bottom:40px;
}
a.nav {
	color:#dddddd;
	text-decoration:none;
}
a.nav:hover {
	color:#ffffff;
}
.overlay {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	font-size:1em;
	color:#dddddd;
}
.overlaySolid {
	background-color:#dddddd
}
/* These 4 styles used only on the main camp page's overlay table cells */
td.navColNoBorder {
	padding-left:20px;
	vertical-align:top;
}
td.navColLeftBorder {
	border-left:1px #dddddd solid;
	padding-left:20px;
	vertical-align:top;
}
td.navColBkgndNoBorder {
	vertical-align:top;
	padding-left:20px;
	background-color:#463017;
}
td.navColBkgndLeftBorder {
	border-left:1px #dddddd solid;
	vertical-align:top;
	padding-left:20px;
	background-color:#463017;
}
.rpad {
	padding-right:15px;
}
.bpad {
	padding-bottom:15px;
}

.contentArea {
	width:600px;         /* note: update .contentCenteredNoMargins if you change this */
	vertical-align:top;
	padding-left:3em;    /* note: update .contentHalfMargin and .contentCenteredNoMargins if you change this */
	padding-top:2em;
	padding-right:20px;  /* note: update .contentCenteredNoMargins if you change this */
	border-right:1px #463017 solid;
	border-bottom:1px #463017 solid;
}
.contentAreaNoMargin {
	width:600px;
	vertical-align:top;
	padding-top:2em;
	border-right:1px #463017 solid;
	border-bottom:1px #463017 solid;
}
.contentAreaFullPage {
	padding-top:2em;
	padding-bottom:1.5em;
	border-left:1px #463017 solid;
	border-right:1px #463017 solid;
	border-bottom:1px #463017 solid;
}

div.contentAddMargins {
	padding-left:25px;  /* sync w/ td.contentTable*Margin */
	padding-right:20px;
}
table.contentFullTable {
	width:600px;
	font-family:Calibri, Arial, Helvetica, Sans-Serif;
}
td.contentTableLeftMargin {
	width:25px;  /* sync w/ div.contentAddMargins */
}
td.contentTableRightMargin {
	width:20px;  /* sync w/ div.contentAddMargins */
}
tr.gapBefore {
	padding-top:15px;
}
.contentTitle {
	color:#463017;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:normal;
	letter-spacing:0.075em;
	margin:0 0 0 0;
}
.contentSubtitle {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	margin-top:2em;
	font-weight:bold;
	color:#374f9d;
	clear:left;
}
.content {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	margin-top:1em;
}
.contentCentered {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	margin-top:1em;
	text-align:center;
}
.contentCenteredNoMargin {  /* backs up over left and right margins set by .contentArea */
	font-family:Calibri, Arial, Helvetica, sans-serif;
	margin-top:1em;
	text-align:center;
	margin-left:-3em;   /* inverse of .contentArea above */
	margin-right:-20px; /* inverse of .contentArea above */
	width:599px;        /* tied to .contentArea above (-1 for right border) */
}
div.contentHalfMargin {  /* to be used inside a <div class="content"> element */
	position:relative;
	left:-1.5em;  /* half of the margin definied by .contentArea */
}
a.content {
	color:#0066cc;
	text-decoration:none;
}
a.content:hover {
	color:#1265d7;
	text-decoration:underline;
}
td.contactTableLeft {
	vertical-align:top;
	padding-right:12pt;
	padding-bottom:10pt;
}
td.contactTableRight {
	vertical-align:top;
	padding-bottom:10pt;
}
div.contentBox {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	border:1px black solid;
	padding:8px;
	margin-top:1em;
	margin-bottom:1em;
}
span.contentBoxStrong {
	font-weight:bold;
	font-style:italic;
}
span.contentStrong {
	font-weight:bold;
}
span.contentBook {
	text-decoration:underline;
}
a.contentBook {
	text-decoration:underline;
	color:black;
}
a.contentBook:hover {
	color:#1265d7;
}
a.contentBookPlain {
	text-decoration:none;
	color:black;
}
a.contentBookPlain:hover {
	text-decoration:underline;
	color:#1265d7;
}
div.contentDividerSmall {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#463017;
	text-align:center;
	margin-top:2em;
	margin-bottom:2em;
}
.footer {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#777777;
	text-align:center;
	margin-top:1em;
	margin-bottom:1em;
	font-size:0.8em;
}
div.worksheetLine {
	width:80%;
	height:1px;
	background-color:black;
	margin-top:1.4em;
	margin-bottom:1.4em;
	margin-left:auto;  /* explicit 'auto' needed for firefox to center divs */
	margin-right:auto;
}
div.contentWriteIn {  /* use instead of div.content */
	font-family:Calibri, Arial, Helvetica, sans-serif;
	margin-top:1em;
	margin-bottom:1.3in;
}
.floatingWords {    /* used on the program overview page for the words around the girl */
	font-family:Lucida Handwriting, Calibri, Arial, Helvetica, sans-serif;
	line-height:2em;
}
/* -- updated 2008/03/27 --
.switchSiteLink {
	font-style:italic;
	font-size:10pt;
	line-height:11pt;
}
*/
div.switchSiteLink {
	text-align:left;
	background-color:#74553b; /*light brown*/
	color:white;
	margin-right:14px;
	margin-bottom:14px;
	padding-right:5px;
	padding-bottom:8px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:12pt;
	border: 1px solid white;
}
a.switchSiteLink {
}
div.quote {
	text-align:justify;
}
div.quoteSource {
	text-align:right;
	font-style:italic;
	margin-bottom:2.5em;
}

/* 
 * Some aggregatable styles
 */
.tinyText {
	font-size:7pt;
}
.medText {
	font-size:11pt;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.bottom  {
	vertical-align:bottom;
}

/*
 * Shopping cart styles
 */
body.cart {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}	
td.cart {
	border-right:solid 1px #aaaaaa;
	padding:5px 10px 5px 10px;
	font-size:9pt;
	vertical-align:top
}
.cartContent {
	font-size:10pt;
	margin-bottom:6pt;
}
td.cartHeader {
	background-color:#ccddee;
	font-size:8pt;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	border-right:solid 1px #aaaaaa;
}
td.cartFooter {
	background-color:#efefef;
	font-size:9pt;
	padding:5px 10px 5px 10px;
}
/* usage: combine with td.cart, td.cartHeader, etc. */
.cartTopBorder {
	border-top:solid 1px #efefef;
}
.cartBottomBorder {
	border-bottom:solid 1px #aaaaaa;
}
.cartRightBorder {
	border-right:solid 1px #aaaaaa;
}
.cartLeftBorder {
	border-left:solid 1px #efefef;
}
td.orderDivider {
	padding-top:15px;
	padding-bottom:15px;
}
hr.orderDivider {
	width:70%;
	text-align:center;
}