/* CSS for Discover Card - Pages (i.e. everything but the homepage) */

/* ===========================================
         HEADER
==============================================*/

#cornerLink {
	float: left;
	margin-top: -1px;
	padding: 2px 12px;
	background-color: #ed841f;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}

#cornerLink:hover {
	text-decoration: underline;
	}

#discoverLogo {
	margin-left: 83px;
	}

h1 {
	margin-left: 24px;
	}


/* ---------- NAV ---------- */

#nav {
	margin-top: -21px;
	padding-left: 254px;
	list-style: none;
	background: url(../images/nav-hr.png) 24px 26px no-repeat;
	_zoom: 1; /* For Win/IE6 - keeps background image from disappearing */
	}
	*+html #nav { zoom: 1; /* For Win/IE7 */}

#nav li {
	float: left;
	width: 87px;
	height: 36px;
	margin-left: 2px;
	background-color: #fff;
	}

#nav li.on {
	background-color: #f4f4f4;
	font-weight: bold;
	}

#nav a {
	display: block;
	height: 22px;
	padding-top: 5px;
	background: url(../images/nav-bkgd.png) top left no-repeat;
	border-bottom: 2px solid #fff;
	color: #666;
	text-align: center;
	text-decoration: none;
	}

#nav a:hover, #nav li.on a {
	background-position: bottom left;
	color: #000;
	}


/* ===========================================
         CONTENT
==============================================*/

#content {
	margin-right: 29px;
	margin-left: 84px;
	padding-top: 1em;
	padding-bottom: 3em;
	}

#intro {
	margin-bottom: 1em;
	}

#rightCol {
	float: right;
	width: 260px;
	}

#leftCol {
	margin-right: 278px;
	}


/* ===========================================
         EXPLORE
==============================================*/
#explore #rightCol { width: 355px; }
#explore #leftCol { margin-right: 380px; }


/* ---------- ONLINE RESOURCES ---------- */

#explore .boxContent {
	text-align: center;
	}

#explore .boxContent h2 {
	margin-bottom: 0.6em;
	font-size: 1.1em;
	font-weight: bold;
	}

#explore .boxContent ul {
	list-style: none;
	margin: auto 12px;
	}

#explore .boxContent li {
	margin-bottom: 0.5em;
	}

#explore .boxContent ul a {
	font-weight: bold;
	}

#explore .boxContent ul a:hover {
	color: #FFFF00;
	}

#explore .boxContent p {
	color: #000;
	}


/* ---------- HOW-TO VIDEO ---------- */

#videoBox {
	padding: 6px 18px 6px;
	font-size: 0.9em;
	line-height: 1.2em;
	border: 1px solid #ccc;
	}

#videoBox h3, #videoBox h4 {
	text-align: center;
	font-weight: bold;
	}

#videoBox h3 {
	font-size: 1.2em;
	color: #ed841f;
	line-height: 1.3em;
	}

#videoBox h4 {
	margin-bottom: 0.6em;
	}

#videoBox h5 {
	margin: -0.4em 30px 0.6em;
	font-weight: normal;
	text-align: center;
	}

#videoPlayer {
	margin-bottom: 8px;
	}

#moneyLogo {
	float: right;
	margin-top: 4px;
	margin-bottom: 12px;
	margin-left: 24px;
	}

#charityNavigatorLogo {
	float: right;
	margin-bottom: 12px;
	}

#videoBox p {
	font-size: 0.9em;
	margin-bottom: 0.5em;
	}


/* ===========================================
         EXPLORE - ARTICLES
==============================================*/

/* ---------- INTRO ---------- */

#article #intro {
	margin-left: 69px;
	}

#article #intro ul {
	float: right;
	width: 240px;
	font-size: 0.9em;
	color: #06c;
	line-height: 1.4em;
	_padding-left: 4em; /* For Win/IE6 */
	}
	*+html #article #intro ul { /* For Win/IE7 */
		padding-left: 4em;
		}

#article #intro li {
	margin-bottom: 0.4em;
	}
	
#article #intro ul a { color: #06c; text-decoration: underline; }
#article #intro ul a:hover { color: #f00; }

#article #intro h2, #article #intro p {
	margin-right: 278px;
	}

#article #intro h2 {
	margin-bottom: 0.4em;
	font-size: 1.2em;
	font-weight: bold;
	}

#article #intro p {
	margin-bottom: 0.6em;
	}

/* ---------- CONTENT ---------- */

#article #content {
	margin-left: 15px;
	}

#article #leftCol {
	padding-top: 16px;
	padding-right: 10px;
	padding-left: 69px;
	background: url(../images/bkd-receipt.png) top right no-repeat;
	}

#article #leftCol p {
	margin-bottom: 1em;
	font-size: 0.9em;
	}

#article #leftCol h3 {
	margin-bottom: 0.4em;
	font-weight: bold;
	}

#article #leftCol ul,
#article #leftCol ol {
	margin: -0.5em auto 1.5em 2em;
	font-size: 0.9em;
	color: #ed841f;
	}
	
#article #leftCol ul.noIntroPara,
#article #leftCol ol.noIntroPara {
	margin-top: 0;
	}

#article #leftCol ul span,
#article #leftCol ol span {
	display: inline;
	color: #000;
	}



/* ---------- NEXT STEPS ---------- */

#article .boxContent h2 {
	margin-bottom: 0.4em;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	}
	

/* ===========================================
         ABOUT PAGES
==============================================*/

#about #container {
	width: 664px;
	}

#about p {
	font-size: 0.9em;
	}

#about #header {
	padding-top: 0;
	}

#about #content {
	margin: 0;
	}
	
#about #intro {
	padding: 16px 111px 16px 84px;
	background: url(../images/bkd-about.png) top left repeat-y;
	}

#about h2 {
	margin-bottom: 0.4em;
	font-size: 1.2em;
	font-weight: bold;
	}
	
#about #bio {
	margin-left: 84px;
	margin-right: 111px;
	}

#about #bio img {
	float: left;
	}

#about #bio p {
	margin-left: 132px;
	margin-bottom: 0.5em;
	}

#about #bio.noPhoto p {
	margin-left: 0;
	}


/* ===========================================
         ORGANIZE
==============================================*/

#organize #intro {
	margin: auto 85px 1.5em 65px;
	}

#organize .orangeOutlineBox,
#organize #footnote {
	width: 363px;
	margin-left: 121px;
	}

#organize #footnote {
	margin-top: 0.8em;
	font-size: 0.9em;
	color: #666;
	text-align: right;
	}
	
/* ---------- FORM ---------- */

#organize form {
	padding: 15px 22px 20px;
	font-size: 0.9em;	
	}

#organize form #required {
	margin-bottom: 11px;
	padding: 0.3em 16px;
	background-color: #e0e0e0;
}

#organize form ul {
	list-style: none; 
	margin-left: 16px; 
}

#organize form li { 
	margin-bottom: 4px;
	_margin-bottom: 2px; /* for Win/IE6 */
}
	*+html #organize form li { margin-bottom: 2px;  /* For Win/IE7 */ }

#organize form label {
	float: left;
	width: 103px;
	padding-top: 2px;
}

#organize form input 			{ width: 164px; }
#organize form input.checkbox	{ width: auto;	}
#organize form select			{ width: 168px; }

#organize form #ZipCode { width: 100px; }

#organize form #submitLine input { width: auto; }

#organize form #submitLine #submit { margin-top: 20px; }


/* ===========================================
         THANKS, ERROR, DUPLICATE
==============================================*/

#organize.thanks #content {
	padding-bottom: 300px;
	}
	
#organize.thanks .boxContent h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.4em;
	}

	*+html #organize.thanks #content .orangeOutlineBox { padding-left: 121px; /* For Win/IE7 */ }


/* ===========================================
         ARCHIVE
==============================================*/

#archive #content {
	padding-bottom: 300px;
	}

#archive #intro {
	margin-right: 20px;
	text-align: center;
	font-size: 1.2em;
	}
	
#archive .orangeSolidBox {
	width: 400px;
	margin-left: 100px;
	}
	*+html #archive .orangeSolidBox { float: left; /* For Win/IE7 */  }

#archive .boxContent {
	margin-left: 1em;
	font-size: 0.8em;
	}

#archive .boxContent a {
	margin-right: 0.2em;
	font-size: 1.2em;
	font-weight: bold;
	}


/* ===========================================
         QUIZ
==============================================*/

#article #leftCol.quiz {
	_zoom: 1; /* Win/IE6 */
	_display: inline; /* Win/IE6 */
	}

#article #leftCol.results {
	_margin-top: -50px; /* Win/IE6 */
	}

.quiz ol li {
	margin-bottom: 2em;
	color: #000;
	}

#article #leftCol.quiz ol span {
	display: block;
	margin-bottom: 0.4em;
	}

.quiz ol input {
	float: left;
	}

.quiz ol label {
	float: left;
	margin-right: 1em;
	text-transform: uppercase;
	color: #ed841f;
	}

#article #leftCol.quiz ol p {
	font-size: 1em;
	}

#article #leftCol.quiz .correct {
	color: #060;
	}

#article #leftCol.quiz .incorrect {
	color: #f00;
	}