﻿/* NORTH STAR GIRLS GROUP AT CAMP

   Main page title, dark blue text: #374f9d
   Main page title, dark red text: #802000
   Dark red background for nav pane: #802000
   Light red background for nav pane: #973e35
   Text and lines on nav panes: #dddddd
   Link hover text on nav panes: #ffffff
   Light red arrow for nav pane: #ca8f7c
   Content title: #802000  (same as dark nav background)
   Content subtitle: #973e35  (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:#802000
}
.navBkgndLight {
	background-color:#973e35
}
.pageTitle {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
	font-size:2em;
	font-weight:normal;
	text-align:right;
	padding-right:0.75em;
	padding-top:40px;
	padding-bottom:0.5em;
	border-top:1px #802000 solid;
	border-left:1px #802000 solid;
	border-right:1px #802000 solid;
	margin:0 0 0 0;
}
.pageTitleColor1 {
	color:#374f9d
}
.pageTitleColor2 {
	color:#802000
}
/* used for pageTitle on sub-pages; same except less whitespace */
.pageTitle2 {
	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 #802000 solid;
	border-left:1px #802000 solid;
	border-right:1px #802000 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:#802000;
}
td.navColBkgndLeftBorder {
	border-left:1px #dddddd solid;
	vertical-align:top;
	padding-left:20px;
	background-color:#802000;
}
.rpad {
	padding-right:15px;
}
.bpad {
	padding-bottom:15px;
}

.contentArea {
	width:600px;
	vertical-align:top;
	padding-left:3em;
	padding-top:2em;
	padding-right:20px;
	border-right:1px #802000 solid;
	border-bottom:1px #802000 solid;
}
.contentAreaNoMargin {
	width:600px;
	vertical-align:top;
	padding-top:2em;
	border-right:1px #802000 solid;
	border-bottom:1px #802000 solid;
}
.contentAreaFullPage {
	padding-top:2em;
	padding-bottom:1.5em;
	border-left:1px #802000 solid;
	border-right:1px #802000 solid;
	border-bottom:1px #802000 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:#802000;
	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;
}
a.content {
	color:#0066cc;
	text-decoration:none;
}
a.content:hover {
	color:#1265d7;
	text-decoration:underline;
}
.contentSmall {
	font-size:0.9em;
}
.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;
}
.contentCaption {
	font-style:italic;
}
td.contactTableLeft {
	vertical-align:top;
	padding-right:12pt;
	padding-bottom:10pt;
}
td.contactTableRight {
	vertical-align:top;
	padding-bottom:10pt;
}
.footer {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#777777;
	text-align:center;
	margin-top:1em;
	margin-bottom:1em;
	font-size:0.8em;
}
.switchSiteLink {
	font-style:italic;
	font-size:10pt;
	line-height:11pt;
}
div.quote {
	text-align:justify;
}
div.quoteSource {
	text-align:right;
	font-style:italic;
	margin-bottom:2.5em;
}
td.productImage {
	width:400px;
	padding-left:20px;
	vertical-align:top;
}
td.productPrice {
	text-align:center;
	vertical-align:top;
}
div.orderProductSection {
	float:left;
	margin-left:0.5em;
	margin-right:0.5em;
}
div.orderProductName {
	font-weight:bold;
	margin-bottom:0.5em;
}
div.orderProductDesc {
	margin-bottom:0.5em;
}
div.orderProductDesc2 {
	margin-bottom:0.5em;
	font-size:0.9em;
}
td.orderCell {
	vertical-align:top;
}

/* 
 * 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;
}
.discountPrice  {
	color:#aa0000;
	font-style:italic;
}

/*
 * 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;
}
