/*BASELINE STRUCTURAL STYLES*/

/*CONTROLS SITE'S BACKGROUND COLOR AND TOP MARGIN*/
body
{
	background: #BDD9BE;
	margin-top: 20px;
}

img
{
	display:block;
}

/*ESTABLISHES WIDTH TO AVOID L-TO-R SCROLLING & CENTERS THE SITE ON THE PAGE*/
#wrapper
{
	width: 756px;
	margin:0 auto;
}

/*ESTABLISHES DEFAULT BACKGROUND OF WHITE FOR PRIMARY CONTENT AREA OF THE SITE*/
#main
{
	background-color:white;
	border:1px solid white;
}

/*ENSURES THAT CONTENT IN TWO PRIMARY TDs STACKS FROM THE TOP DOWN */
#main td
{
	padding:0;
	vertical-align:top;
}

/*ESTABLISHES BACKGROUND COLOR FOR AREA BENEATH THE NAV*/
#left
{
	background-color:#E7EACF;
	border-right:1px solid #fff;
}

/*CENTERS LOGO WITHIN ITS LITTLE DIV*/
#logo
{
	text-align:center
}

#logo img
{
	margin:0 auto;
}

/*ESTABLISHES NAV WIDTH, BORDERS, AND FONT ATTRIBUTES*/
#nav
{
	width:194px;
	border-top: 8px solid #879E88;
	border-bottom: 10px solid #879E88;
	font: bold 13px/24px verdana, sans-serif;
	color:#fff;
}

/*FORMATS LINK - DISPLAY BLOCK ALLOWS ROLLOVER TO APPEAR LIKE AN IMAGE ROLLOVER*/
#nav a
{
	font: bold 13px/24px verdana, sans-serif;
	color:#fff;
	text-decoration:none;
	display:block;
	padding:4px 4px 4px 8px;
}

/*CONTROLS ROLLOVER AND ACTIVE STATES FOR NAV LINKS*/
#nav a:hover, #nav #active, #nav #lastactive
{
	color:#697C6A;
	background-color:#BDD9BE;
}

/*ESTABLISHES BORDERS FOR EACH INDIVIDUAL CELL OF THE PRIMARY NAV*/
#nav td
{
	background-color:#98B899;
	border-top:1px solid #fff;
}

/*ADDS THE BOTTOM MARGIN TO THE LAST CELL OF THE NAV*/
#nav td#last
{
	border-bottom:1px solid #fff;
}

/*HEADER STYLES*/

/*CONTROLS BACKGROUND COLOR AND FONT ATTRIBUTES FOR CONTACT, JOB, AND HOME LINKS*/
#header
{
	background-color:#98B899;
	text-align:right;
	padding:4px 6px 4px 8px;
	font: normal 10px/16px verdana, sans-serif;
	color:#fff;
}

/*ESTABLISHES DORMANT STATE FORMATTING FOR HEADER LINKS*/
#header a 
{
	text-decoration:none;
	color:#fff;
}

/*MAKES SURE ACTIVE PAGE AND HOVERED LINKS ARE UNDERLINED*/
#header a:hover, #header a#active
{
	text-decoration:underline;
}

/*THE CRISIS LINE IS FORMATTED AND LEFT-JUSTIFIED USING A SPAN*/
#header span
{
	float:left;
	color:#E7EACF;
	font-size:1.1em;
	font-weight:bold;
	font-variant:small-caps;
}

/*FORMATS THE TABLE CELL WITHIN WHICH THE ROTATING IMAGES APPEAR ON THE HOME PAGE*/
td#image
{
	border-top:1px solid #fff;
	width:347px;
}

/*FORMATS THE TABLE CELL WITHIN WHICH THE TEXT IMAGE - STRONGER FAMILIES, BRIGHTER FUTURES...APPEARS ON THE HOME PAGE*/
td#text
{
	width:100%;
	background-color:#E7EACF;
	border-left:1px solid #fff;
}

/*FORMATS THE CALLOUTS AND SUB-NAV LOCATION ON THE RIGHT HAND SIDE OF THE PAGE*/ 
div#callouts
{
	float:right;
	margin:0px 0px 15px 15px;
	border-left:1px solid #E7EACF;
	border-bottom:1px solid #E7EACF;
}

/*FOOTER STYLES*/

/*FOOTER BACKGROUND COLOR AND WHITE BORDER*/
td#footer
{
	border-top:1px solid white;
	background-color:#BDD9BE;
}

/*ENSURES FOOTER IS SAME WIDTH AS MAIN CONTENT TABLE*/
#foot {
	width:756px;
}

/*FORMATS TEXT WITHIN FOOTER - SIZE, COLOR, FONT, ETC.*/
#foot p
{
	text-align:center;
	color:#6E826E;
	font-size:.7em;
}

/*FORMATS LINKS WITHIN FOOTER*/
#foot a
{
	color:#6E826E;
	text-decoration: none;
}

/*ACCOUNTS FOR ROLLOVER - CHANGES COLOR AND UNDERLINES*/
#foot a:hover
{
	color:#000;
	text-decoration: underline;
}

/*CENTERS THE RHUMBLINE LOGO AND ADDS A LITTLE SPACE AROUND IT*/
#foot img
{
	margin:8px auto;
}

/*CREATES SOME SPACE ABOVE THE DONATE BUTTON*/
img#belownav {
	margin:25px auto 0px auto;
		}

/*CREATES SLIGHTLY SMALLER SPACE ABOVE WISHLIST AND SUBSEQUENT IMAGES*/
img.belownav2 {
	margin:15px auto 0px auto;
		}
	

/*SUBNAV (LINKS ON THE RIGHT-HAND SIDE OF THE PAGE FOR MOST SECTIONS) STYLES */

/*CONTROLS WIDTH, BACKGROUND COLOR, FONT, AND ADDS A SINGLE PIXEL SPACE ABOVE THE NAV*/
#subnav
{
	width:185px;
	margin:1px 0px 0px 0px;
	padding:0;
	color:#697C6A;
	background-color:#E7EACF;
	font: normal 11px/14px arial, verdana, sans-serif;
}

/*ADDS A LITTLE PADDING AT THE TOP OF THE TWO TABLE CELLS*/
#subnav td
{
	padding-top:4px;
	margin:0;
}

/*STYLES TITLE TEXT FOR THE SUBNAV*/
#subnav td#heading
{
	padding:8px 0px 0px 9px;
	margin:0;
	font-weight:bold;
	font-size:12px;
}

/*CONTROLS LINKS - NOTE THAT DISPLAY:BLOCK IS WHAT PLACES EACH LINK ON IT'S OWN LINE*/
#subnav a
{
	display:block;
	text-decoration:none;
	padding:2px 0px 2px 7px;
	color:#697C6A;
}

/*THE LAST LINK IN EVERY SUBNAV NEEDS TO BE STYLED AS "LAST" OR "LASTACTIVE" TO ENSURE APPROPRIATE BOTTOM-MARGIN*/
#subnav a#last, #subnav a#lastactive
{
	display:block;
	text-decoration:none;
	border-bottom:none;
	padding-bottom:12px;
}

/*MAKES SURE THE LAST LINK IS BOLDED WHEN IT'S ACTIVE*/
#subnav a#lastactive
{
	font-weight:bold;
}

/*MAKES SURE HOVER AND ACTIVE STATES ARE BOLDED AS NECESSARY FOR THE REST OF THE SUBNAV*/
#subnav a:hover, #subnav a#active, #subnav a#last:hover
{
	display:block;
	text-decoration:none;
	font-weight:bold;
}

		
/*GENERAL STYLES*/

/*SITE WIDE STANDARD FONT*/
p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	margin: 10px 15px 10px 15px;
}

/*GREEN FONT USED FOR QUOTES AND STATISTICS - INDENTED AND BOLDED*/
p.stat
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-weight:bold;
	color:#798E7A;
	margin:10px 15px 25px 25px;
}

/*LINK FORMATTING FOR TEXT LINKS FOUND WITHIN REGULAR COPY, UNORDERED LISTS AND WITHIN THE PURCHASE PAGE*/
p a, p a:visited, ul a, ul a:visited, .purchase a, .purchase:visited
{
	color:#000099;
	text-decoration:none;
	}

p a:hover, ul a:hover, .purchase a:hover
{
	color:#000099;
	text-decoration:underline;
	}

/*HEADING STYLE - USED AT THE TOP OF EACH PAGE*/
h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	margin: 15px 15px 10px 15px;
}

/*SUB-HEADING STYLE - CREATES THE FEEL OF DOUBLE SPACING AT THE END OF A TOPIC*/
h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	margin: 28px 15px 10px 15px;
}

/*ALTERNATIVE SUB-HEADING STYLE - NO ADDITIONAL SPACE ADDED BENEATH IT*/
h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin: 28px 15px 0px 15px;
	font-variant: normal;
}

h3 a, p a:visited, ul a, ul a:visited, .purchase a, .purchase:visited
{
	color:#000099;
	text-decoration:none;
	}

h3 a:hover, ul a:hover, .purchase a:hover
{
	color:#000099;
	text-decoration:underline;
	}


/*UNORDERED LIST FORMATTING*/
ul
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	margin: 0px 15px 10px 30px;
	padding: 0px 15px 10px 30px;
}

/*UNORDERED LIST THAT IS INDENTED LESS THAN THE STANDARD - HELPFUL WHEN BULLETS ARE APPEARING ON THE UPPER THIRD OF THE SCREEN*/	
ul#outdent
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	margin: 0px 15px 10px 20px;
	padding: 0px 15px 10px 20px;
}

/*ADDS A LITTLE SPACE BETWEEN BULLETS FOR EASE OF READING*/
ul#outdent li
{
	margin-top: 3px;
	padding-top: 3px;
}


/*ENSURES SOME ADDITIONAL SPACE WITHIN THE CONTENT AREA AT THE BOTTOM OF EACH PAGE*/
#content	
{
	margin-bottom:31px;
}

/*SHOPPING PAGE*/	
.shoppingcart {
	margin:0px 15px 0px 15px;
	}

.donate {
	margin: 25px auto 0px 16px;
	}

/*CONTROLS FONT SIZE FOR BACK LINK FROM PRODUCT, NEWS, AND JOB DETAIL SCREENS*/		
#back {
	font-size:.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.jobsummary {
	width: 480px;
	margin: 25px auto;
	}
	
#jobdescription {
	width: 500px;
	margin: 25px auto;
	}

.jobsummary td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	}

.jobsummary td.jobtitle {
	border-bottom:2px solid #000;
	background-color:#E7EACF;
	font-weight:bold;
	}

.jobsummary a, .jobsummary a:visited {
	text-decoration:none;
	color:#009;
	}

.jobsummary a:hover {
	text-decoration:underline;
	}
				
#jobdescription {
	border-bottom:2px solid #000;
	}

#jobheader {
	border-bottom:2px solid #000;
	background-color:#E7EACF;
	font-weight:bold;
	}

#jobdescription td {
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	}

#jobdescription td {
	border-top:1px solid #E7EACF;
	}

#jobdescription td.topjobcell {
	border-top:none;
	}

#jobdescription ul {
	padding:0px 4px 4px 15px;
	margin: 0px 4px 4px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	}

#jobdescription li {
	padding-bottom:8px;
	}

/*PURCHASE PRODUCTS PAGE*/
div#store .purchase {
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	width:500px;
}

div#store .purchase p{
	font-size:.9em;
	margin:0;
	padding:0;
}

div#store .producttitle {
	padding:2px 2px 3px 3px;
	font-weight:bold;
	background-color:#E7EACF;
	border-bottom:1px solid #D1D4B5;
	}	

div#store .productdescription {
	padding:2px 2px 4px 10px;
	width:345;
	}	

div#store .productimage {
	width:155px;
	padding:0;
	}	

table#cards {
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	font:.8em Arial, Helvetica, sans-serif;
	border-top:1px solid #E7EACF;
	/*border-left:1px solid #E7EACF;
	border-right:1px solid #E7EACF;*/
	}

table#cards form {
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	
table#cards td {
	border-bottom:1px solid #E7EACF;
	}
	
table#cards td.c1 {
	width:75px;
	text-align:center;
	border-right:1px solid #E7EACF;
	}

table#cards td.c2 {
	width:125px;
	text-align:center;
	border-right:1px solid #E7EACF;
	}

table#cards td.c3 {
	width:155px;
	text-align:center;
	}

/*MOM & DAD Day Cards*/
table.md {
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 30px;
	font:.8em Arial, Helvetica, sans-serif;
	}

table.md form {
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	
table.md td.c1 {
	text-align:left;
	vertical-align:middle;
	background-color: #E7EACF;
	font-size:1.0em;
	}

table.md td.c2 {
	text-align:right;
	padding-top:.5em;
	margin:auto 0px auto 0px;
	}

table.md td.c3 {
	width:155px;
	}

.button {
	text-align:right;
	}
#homepage #wrapper #foot #donation_info {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	text-transform: none;
	background-color: #BDD9BE;
	color: #313390;
	font-style: normal;
	padding: 1px;
	border-top-style: ridge;
	border-right-style: none;
	border-bottom-style: ridge;
	border-left-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #313390;
	border-right-color: #313390;
	border-bottom-color: #313390;
	border-left-color: #313390;
}
#homepage #wrapper #foot #CRC_logo {
	position: relative;
	left: auto;
	bottom: auto;
}